Как эффективно и бесплатно прокачиваться дизайнеру. Часть 2/3

В течение нескольких лет я постепенно пополнял копилочку полезных ресурсов, именно они заменили мне школу дизайна. Никакой рекламы, только то, что мне нравится. Книги Дизайнер тоже должен читать. Много читать. Много впитывать, просто как губка. По видео, по статьям можно узнать много, но … Какие-то крутые фундаментальные штуки пишутся именно в книгах. Может, я и…

Как один бренд подрывает музыкальные фестивали, помогая фанатам стать экологичными

Каждый день наши дизайнеры воплощают в жизнь бренды (и мечты) основателей со всего мира. Любой, кто начинал свой бизнес, знает, что в первый раз он видит свою эмблему и брендинг — что-то, что когда-то было просто идеей — в реальной жизни. Это действительно особенный момент, который нам повезло видеть каждый день. Добро пожаловать в #…

Принципы продуктивных обсуждений, планирование задач и командное мышление

Недавно заметил, что интересным образом подхожу к планированию работы. Каждый вечер я отбираю задачи на следующий день. Со стороны это может выглядеть как просто выбор дел, которые нужно сделать. Но в моей голове, те задачи, которые я ставлю на следующий день, уже выполнены. Выглядит это, как будто один человек (я вечером) ставит задачу другому (себе…

История CSS в течение пятнадцати лет 24 способов ◆ 24 способов

                 За 15 лет работы в 24 направлениях я написал девять статей, и все, кроме одной, были связаны с CSS. В этом последнем году проекта, я подумал, что оглянемся на эти статьи CSS. Это было интересное путешествие, и, прочитав мои слова за последние 15 лет, я обнаружил не только то, насколько эволюционировала веб-платформа, но и…

10 советов по дизайну UI

Веб-сайт — это гораздо больше, чем группа страниц, связанных ссылками. Это интерфейс, пространство, где человек и представительство компании или человека в сети встречаются, общаются и влияют друг на друга. Ваша работа, как дизайнера, заключается в том, чтобы обеспечить максимально возможный хороший опыт. И ключ к этому — умение думать о вашем пользователе в первую очередь.…

Элемент 3D: что это такое и как его использовать

Элемент 3D родился, поскольку, по сравнению с его конкурентами, в готовых After Effects отсутствуют настоящие возможности 3D. Команда Video Copilot поняла, что это пробел, который они могли заполнить, и создала Element 3D. Element 3D — это приложение для 3D-анимации в After Effects. Он использует продвинутый механизм рендеринга в реальном времени, чтобы 3D-объекты выглядели почти так…

куда бежать и что делать

Главное – не бежать, а думать и выбирать для себя лучшее. Сейчас с легкой руки рекламщиков мир пестрит возможностями найти себя в любимом деле за пару кликов. Когда я задумала авантюру с дизайнерским образованием, таргетологи набросились на мою ленту с обещаниями сделать из меня гуру через неделю. Сомнительные учителя навевали депрессию, второй раз идти в…

Мой отзыв о курсах UX от Skillbox. Апофеоз феерии. Новая жизнь.

Между тем, шел четвертый месяц обучения на курсе. На одном из воркшопов, которые регулярно проводятся в Skillbox, я узнал, что не завершая курс до конца можно приступить к дипломной работе. Моей задачей первоначально было получение диплома, целью же являлось приобретение знаний. Ясно осознавая, что уже начал по-немного обрастать новыми навыками и компетенциями, я принялся за…

«Самая креативная коммерческая работа 2010-х годов»

Логотипы, постеры фильмов, обложка и брендинг: самая грандиозная работа за последние десять лет. Любой продукт, услуга или пакет имеют индивидуальность, будь то книга, бренд или буррито. Но сколько прошло лишней мили в творчестве? Какие логотипы, реклама и обложки вдохновляли, развлекали и — возможно, самое главное — поощряли лояльность аудитории и широкую популярность в Интернете? В…

8 тенденций дизайна электронной коммерции на 2020 год, чтобы очаровать ваших клиентов

 тенденции дизайна электронной коммерции 2020 "width =" 700 "height =" 410 "/> 
 
<figcaption> Иллюстрация OrangeCrush </figcaption></figure>
<p> Привычки онлайн-шоппинга постоянно развиваются, поэтому неудивительно, что Тенденции дизайна электронной коммерции развиваются вместе с ними. </p>
<p> Последние тенденции дизайна электронной коммерции 2020 г. сосредоточены на передовых технологиях, таких как виртуальная реальность и искусственный интеллект, а также на креативных маркетинговых технологиях, которые обеспечивают большую индивидуальность и удобство использования на бесчисленных устройствах, которыми обладают современные потребители. </p>
<p> Ознакомьтесь с нашим списком самых больших тенденций в области дизайна электронной коммерции 2020 года. Вот то, что сегодняшние клиенты хотят и ожидают от покупок в Интернете. </p>
<h2> 9 тенденций дизайна электронной коммерции, которые будут огромными в 2020 году <br /> — </h2>
<ol>
<li> Движение в изображениях продуктов </li>
<li> Нетрадиционные макеты сетки </li>
<li> Целевая страница-гибриды страницы продукта </li>
<li> Фирменные коробки доставки </li>
<li> Личные описания продуктов и викторины </li>
<li> Shoppable сообщения в социальных сетях </li>
<li> Интеллектуальные чат-боты AI </li>
<li> Интерактивные визуальные эффекты продукта </li>
</ol>
<h3> <a name= 1. Движение в изображениях продуктов

Сразу же, тенденции дизайна электронной коммерции 2020 года используют более продвинутые визуальные эффекты, начиная с дизайна движения. Это означает меньше статических изображений и более динамичных, движущихся. Мы смотрим больше видео, кинограмм, анимации и микровзаимодействий.

Мы видели, как эти элементы дизайна движений редко использовались в прошлом, но современные технологии делают их все более и более распространенными. Сайты электронной коммерции, помимо других отраслей, полагаются на них не только для привлечения внимания.

 Пример тенденции дизайна электронной коммерции с использованием дизайна движения на фотографиях продуктов "width =" 990 "height =" 596 "/> 
 
<figcaption> Via Alo Yoga. </figcaption></figure>
<figure data-id=  Detox Страница продукта режима "width =" 814 "height =" 512 "/> 
 
<figcaption> Через режим детоксикации. </figcaption></figure>
<p> Движение в дизайне электронной коммерции предлагает множество практических преимуществ, идеально подходящих для демонстрации продуктов в более реалистичной форме. легкий. Как доказывает вышеприведенный пример Alo Yoga, дизайн движений в визуалах продуктов дает покупателям лучшее представление о том, что они покупают, увеличивая конверсии и снижая доходность, предоставляя потребителям больше информации. </p>
<figure data-id=  Видео в изображениях продуктов "width =" 640 "height =" 362 "/> 
 
<figcaption> Via Aether. </figcaption></figure>
<figure data-id=  Пример дизайна движения для элементов" width = "990" height = "616" /> 
 
<figcaption> через элементы. </figcaption></figure>
<h3> <a name= 2. Нетрадиционные макеты сетки
 Уникальная страница категории продуктов для электронной коммерции "width =" 367 "height =" 671 "/> 
 
<figcaption> Via Rhizom Studio. </figcaption></figure>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

В течение многих лет квадратная сетка доминировала электронная коммерция (представьте бесконечную прокрутку миниатюр Amazon). Строгие строки и столбцы продуктов одинакового размера позволяют структурировать все, упростить просмотр и работать хорошо для адаптивного дизайна. Но для некоторых брендов экспериментирование с новыми макетами приносит свои плоды, что приводит к увеличению и другие интернет-магазины прыгают с решающей позиции.

В чем преимущество отказа от однородного расположения сетки? Во-первых, вы будете выделяться, так как этот стиль дизайна все еще в меньшинстве. Но это также дает вашему бренду острый и современный вид, особенно полезный для модной или молодой индустрии.

Если вы правильно разработали свой сайт, вы также можете привлечь больше внимания или внимания к определенным продуктам, например, к стратегическому выделению бестселлеров без явного указания на них.

 Пример сетки электронной торговли разных размеров "width =" 727 "height =" 614 "/> 
 
<figcaption> Via Dôen. </figcaption></figure>
<p> Одно слово предупреждения: этот дизайн электронной коммерции Тренд работает лучше всего для брендов с довольно ограниченным ассортиментом. Если вы продаете много продуктов, эта установка может занимать слишком много места на экранах и вводить в заблуждение покупателей. Чтобы воспользоваться альтернативными сетками, не вкладывая олл-ин, попробуйте разнообразить размер карточек товара, как доен, выше. </p>
<figure data-id=  Пошаговые сетки продуктов "width =" 709 "height =" 632 "/> 
 
<figcaption> Via Curioos. </figcaption></figure>
<figure data-id=  Скриншот асимметричной сетки" width = "1251" height = "627" /> 
 
<figcaption> Via Femme & Fierce. </figcaption></figure>
<h3> <a name= 3. Целевая страница-гибриды страницы продукта

Старые тенденции дизайна электронной коммерции вращаются вокруг идеи, что покупатели начинают с домашней страницы сайта, а затем находят продукт, который ищут. Хотя это все еще справедливо для некоторых покупателей, в последние несколько лет появилось множество других подходов, которые полностью обходят домашнюю страницу.

Объявления и публикации в социальных сетях часто направляют покупателей прямо на страницу продукта, поэтому многие посетители никогда не видят домашнюю страницу. Имея это в виду, дизайнеры электронной коммерции теперь больше элементов, как правило, на целевых страницах, чтобы их дизайн страницы продукта. Получающиеся в результате гибриды похожи на мини-магазины, сосредоточенные вокруг одного продукта или категории с четкой навигацией, которая позволяет легко исследовать остальную часть сайта.

 Страница продукта Limnia "width =" 640 "height =" 391 "/> 
 
<figcaption> Via Limnia. </figcaption></figure>
<figure data-id=  Тенденция электронной коммерции, объединяющая страницы продукта и целевые страницы. "width =" 586 "height =" 557 "/> 
 
<figcaption> Через JPSDesign. </figcaption></figure>
<p> То, что мы видим, — это более отдельные страницы продукта, часто используемые в качестве зонтичных страниц для определенной категории. продуктов (например, пример «Молодость + любовь» выше). Подобные страницы продуктов дают посетителям все, что им нужно знать о вашем интернет-магазине, и это удобнее, быстрее и удобнее для покупателей. </p>
<h3> <a name= 4. Фирменные упаковочные коробки

Одно из главных правил брендинга — никогда не упускать возможность. Большинство компаний уже знают о важности брендинга на пакетах продуктов, но для интернет-магазинов и услуг подписки существует еще один часто пропускаемый пустой лист для брендинга: сама коробка отгрузки.

 Упаковочная коробка для Halal Plate. "Width =" 2000 "height =" 1367 "/> 
 
<figcaption> Дизайн Rockstar-Creations. </figcaption></figure>
<figure data-id=  Preggonista транспортная коробка, пример тенденции дизайна электронной коммерции в 2020 году для индивидуальной упаковки "width =" 1600 "height =" 1000 "/> 
 
<figcaption> Design by JianBranding ™. </figcaption></figure>
<p> Индивидуальные коробки для доставки и доставки делают больше, чем просто продвигают ваши бренда, они делают клиентов более заинтересованными в поставках и поощряют лояльность. Это возможность рекламировать ваши специальные функции, веб-сайт, социальные сети или даже просто цвета вашего бренда. Некоторые компании даже делают все возможное, используя экологически чистые коробки и упаковку. </p>
<figure data-id=  Ящик для вина Il Faro. "Width =" 2000 "height =" 2000 "/> 
 
<figcaption> Дизайн G @ rry. </figcaption></figure>
<figure data-id=  <img class=  Коробка для упаковки Corganic. "width =" 800 "height =" 515 "/> 
 
<figcaption> Дизайн Зейнепа Яяна. </figcaption></figure>
<h3> <a name= 5. Личные описания продуктов и викторины

Как и во многих других отраслях, тенденции дизайна электронной коммерции 2020 года склоняются к персонализации и более человечному подходу к обращению с клиентами. В то время как более жесткий формат «пушистого рекламного описания + маркированных точек» на протяжении десятилетий был краеугольным камнем страниц с товарами, сегодня интернет-магазины предпочитают нечто менее механическое.

 Снимок экрана: страница продукта Feals "width =" 977 "height =" 620 "/> 
 
<figcaption> Via Feals. </figcaption></figure>
<p> Посмотрите, как скептически настроен продавец CBD (см. Выше) впервые покупатели каннабиса с осторожным подходом рассказывают о преимуществах новыми способами и обращают внимание на общие проблемы, благодаря креативному дизайну страницы продукта и чуткому тону голоса в своей копии. </p>
<p> Вы можете добавить больше человечности к своим описаниям продуктов с помощью таких разделов, как советы по использованию, отзывы или даже рекомендации по продуктам, такие как Fur и Curist (ниже). Все эти новые, убедительные способы составить список функций продукта — огромный шаг вперед в персонализации электронной коммерции. </p>
<figure data-id=  Персональные, описательные страницы продукта из ETQ "width =" 776 "height =" 605 "/> 
 
<figcaption> Через ETQ. </figcaption></figure>
<figure data-id=
 Снимок экрана со страницы продукта из меха" width = "1105" height = "651" /> 
 
<figcaption> Via Fur. </figcaption></figure>
<figure data-id=  Викторина по рекомендации продукта из Curist "width =" 1146 "height =" 632 "/> 
 
<figcaption> Via Curist. </figcaption></figure>
<h3> <a name= 6. Покупаемые посты в социальных сетях

Как мы уже упоминали в наших тенденциях цифрового маркетинга 2020 года, платформы социальных сетей позволяют легко продавать товары напрямую через посты. Золотое правило UX заключается в том, чтобы заказчики выполняли как можно меньше работы, поэтому предоставление им возможности совершать транзакции, даже не покидая их любимый сайт в социальных сетях, — это короткий путь к увеличению продаж.

Преимущества продажи напрямую на таких платформах, как Instagram и Snapchat, довольно очевидны: эти визуальные средства идеально подходят для покупок в Интернете. Сами каналы социальных сетей также начинают осознавать это и внедряют новые функции для размещения магазинов электронной коммерции.

 Снимок экрана, показывающий тенденцию дизайна электронной коммерции 2020 года для публикуемых сообщений в социальных сетях "width =" 899 "height =" 462 "/> 
 
<figcaption> Покупаемые посты в социальных сетях побуждают подписчиков становиться покупателями, а покупатели — подписчиками, поскольку мы видим на домашней странице Мо, разработанной akorn.creative. </figcaption></figure>
<figure data-id=  Промо для рекламы покупок в Snapchat "width =" 1024 "height =" 768 "/> 
 
<figcaption> Via Snapchat Business. </figcaption></figure>
<p> Еще одной тенденцией является продвижение этих постов на вашем сайте. Пример из Moe (выше) «показывает» их шоппинг-канал в Instagram на их веб-сайте. Несмотря на то, что покупаемые посты в социальных сетях увеличивают продажи среди подписчиков, реклама этих постов на вашем веб-сайте также поощряет постоянных клиентов следить за вами в социальных сетях. </p>
<h3> <a name= 7. Умные искусственные чат-боты

Чат-боты не новы. Мы упомянули их невероятную эволюцию в наших тенденциях веб-дизайна в 2019 году. Так почему же мы упоминаем их снова сейчас? Поскольку чат-боты 2020 года настолько продвинуты, они практически неузнаваемы для своих предшественников всего несколько лет назад.

 Пример AI-чата для электронной коммерции. "Width =" 445 "height =" 653 "/> 
 
<figcaption> Via Fly by Jing. </figcaption></figure>
<p> Когда дело доходит до электронной коммерции, была технология, которая раньше сдерживала чат-ботов. Освоить ИИ гораздо сложнее, чем научные фильмы, в которые вы бы поверили. Но в 2020 году и в дальнейшем чат-боты будут более способны делать то, что должны, — в данном случае, помощь покупателям в принятии решений о покупке. </p>
<p> Преимущества чат-ботов остаются прежними: виртуальные недорогие продавцы-консультанты, работающие круглосуточно и без выходных, дают возможность совершать покупки в Интернете по-своему. Что нового, если их эффективность. Если вы обеспокоены тем, что неуклюжие и антисоциальные чат-боты раздражают ваших клиентов, эти дни прошли. Теперь вы даже можете подключить их к своим сообщениям в социальных сетях, как, например, Bombom ниже. </p>
<p> Чтобы максимально эффективно использовать чат-ботов, прочитайте наше подробное руководство о том, как использовать чат-ботов в вашей стратегии цифрового маркетинга. </p>
<figure data-id=  Bombom AI chatbot "width =" 1240 "height =" 648 "/> 
 
<figcaption> Via Bombom. </figcaption></figure>
<figure data-id=  Электронный чат-чат с AI" width = "1336" height = "645" /> 
 
<figcaption> Via Benni. </figcaption></figure>
<h3> <a name= 8. Интерактивные визуальные эффекты продукта

Усовершенствованный интерактивный визуальный дизайн, такой как виртуальная реальность (VR), дополненная реальность (AR) и 3D-изображения, стали доступнее, чем когда-либо, даже для малых и средних предприятий. Эта технология, как и дизайн движения, помогает покупателям лучше понять, чего ожидать от их продукта. Лучший опыт покупок ведет к увеличению продаж и повторному бизнесу.

 Дополненная реальность в электронной коммерции "width =" 658 "height =" 562 "/> 
 
<figcaption> Via gusnendar. </figcaption></figure>
<p></p>

		</div>

	</article>

</div></div><div class=1
23456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659
660661662663664
6656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991 0001 0011 0021 0031 0041 0051 0061 0071 0081 0091 0101 0111 0121 0131 0141 0151 0161 0171 0181 0191 0201 0211 0221 0231 0241 0251 0261 0271 0281 0291 0301 0311 0321 0331 0341 0351 0361 0371 0381 0391 0401 0411 0421 0431 0441 0451 0461 0471 0481 0491 0501 0511 0521 0531 0541 0551 0561 0571 0581 0591 0601 0611 0621 0631 0641 0651 0661 0671 0681 0691 0701 0711 0721 0731 0741 0751 0761 0771 0781 0791 0801 0811 0821 0831 0841 0851 0861 0871 0881 0891 0901 0911 0921 0931 0941 0951 0961 0971 0981 0991 1001 1011 1021 1031 1041 1051 1061 1071 1081 1091 1101 1111 1121 1131 1141 1151 1161 1171 1181 1191 1201 1211 1221 1231 1241 1251 1261 1271 1281 1291 1301 1311 1321 1331 1341 1351 1361 1371 1381 1391 1401 141
1142