10 основных трендов в веб-дизайне для электронной коммерции в 2020 году


Оглавление (нажмите, чтобы открыть):

10 основных трендов в веб-дизайне для электронной коммерции в 2020 году

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

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

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

1. Нарисованные от руки и 3D иллюстрации

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

Если говорить о трендах, то в 2020-2020 годах на пике популярности будут изображения, нарисованные от руки (этой «фишкой» дизайна уже активно пользуются такие мировые гиганты как Dropbox, Slack и Intercom) и 3D картинки.

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

А вот 3D изображения – это вызов времени, попытка стереть грань между реальным миром и цифровым, передав образы максимально реалистично. Трехмерные картинки однозначно привлекают внимание, к ним так и хочется дотронуться.

Попросите дизайнеров придумать для вас что-то необычное, и вас точно заметят среди толпы конкурентов с шаблонными сайтами.

2. Видео

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

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

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

3. Жирный шрифт

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

Тем более что текст, написанный жирным шрифтом, проще читать, в том числе, и на мобильных устройствах с небольшим экраном.

4. Яркий фон

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

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

Одним словом, найдите свой корпоративный цвет, попробуйте поставить его в качестве фона на сайт или лэндинг и протестируйте готовый вариант на предмет удержания внимания посетителей.

5. Орнаменты из геометрических фигур и шаблонов

Все просто и лаконично: фон сайта, состоящий из пары шаблонов или строгой геометрии, которые легко масштабируются. Фоны с шаблонными картинками сегодня опять на пике популярности.
Они обращают на себя внимание, подчеркивают тематику ниши и создают особое настроение у пользователей. Для реализации такой техники можно использовать изображения формата SVG и PNG с шаблонными или геометрическими рисунками на фоне.

6. Разделенный экран

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

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

7. Градиенты

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

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

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

Теперь у вас есть все поводы для вдохновения написать четкое техническое задание разработчикам вашего корпоративного сайта/лэндинга. Безусловно, все идеи, даже самые лучшие, нужно тестировать и проверять на попадание в цель, но на первом этапе модные тренды помогут хоть немного расставить приоритеты. Удачи вам и правильных решений!

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

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

Вас также могут заинтересовать следующие материалы:

Что продавать в 2020 году: обзор 15 идей и популярных товаров для продажи в интернет-магазине

Рынок электронной коммерции стремительно развивается. Представляем обзор товаров, которые точно будут пользоваться спросом в 2020 году.

1. Одежда и обувь

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

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

  • изделия из окрашенной кожи. Речь, преимущественно, идет о верхней одежде: мужских и женских куртках, плащах и пальто. Но не только это. Брюки, жакеты и головные уборы из цветной кожи и экокожи тоже будут пользоваться большой популярностью;
  • одежда с тропическими принтами. Рубашки-гавайки будет модно носить не только на курорте или отдыхе, но и в повседневной жизни;
  • изделия, стилизованные под hand-made;
  • корсеты;
  • вещи из прозрачных и полупрозрачных тканей.

Общее направление моды 2020 — максимальная открытость. Но не стоит забывать и о классических моделях одежды. Примерно 40% покупателей имеют возраст 35-65 года. Не всем им по вкусу эксперименты модельеров — они придерживаются более сдержанного стиля. Поэтому традиционные брюки, кофты, куртки и футболки все же должны составлять основу ассортимента любого интернет-магазина.

Ассортимент одежды на сайте

2. Косметика и средства личной гигиены

На долю этих товаров приходится, соответственно, 32 и 34 процента интернет-продаж, показывают исследования “Яндекс.Маркета”. Мода на средства личной гигиены не меняется с годами. Выходят новые марки популярных кремов, шампуней и зубных паст, которые поставщики сами выводят на рынок. А вот с косметикой все гораздо интереснее. Тренды здесь скоротечны как и в мире одежды. К слову сказать, тенденции мейкапа зарождаются именно на модных подиумах. Вместе с новинками одежды модели демонстрируют новые веяния макияжа, которые затем идут в народ.

Если говорить о трендах, то в 2020 году они будут следующими:

  • глиттер. Всевозможные блестки и пайетки для лица теперь используются не только в качестве украшений. Ими оформляют части лица целиком. Это могут быть губы, веки и даже ресницы. Включить такую продукцию в ассортимент косметического интернет-магазина в 2020-м строго обязательно;
  • хайлайтер. Мода на это средство не проходит уже пару лет и обязательно перейдет в наступающий 2020. Так что маст хэв в ассортименте;
  • средства для оформления бровей. Здесь в моду входит естественность. Никаких бровей-ниточек или, напротив, чрезмерно толстых бровей-пиявок. Только нэйчурал, но правильно оформленный. Правильно — это с помощью геля для бровей, который также обязательно нужно включить в каталог товаров;
  • цветные тени. Самых причудливых оттенков: модницы умудряются использовать десяток различных цветов при оформлении одного века;
  • красная помада. Классического алого оттенка;
  • веснушки. В 2020 году будут на пике популярности. Тем, кому не повезло и Бог не наградил их яркими веснушками от природы, придется делать это при помощи макияжа. Ваша задача — предоставить для этого соответствующие косметические средства, включив их в ассортимент интернет-магазина косметики.

Примеры хайлайтеров в каталоге интернет-магазина

3. Смартфоны и гаджеты

Спойлер для самых нетерпеливых: IPhone 12 выйдет осенью 2020 года. Сколько будет камер, не знаем. Цена тоже пока неизвестна, но она явно будет выше популярной сегодня одиннадцатой модели.

Шутки шутками, но продажа смартфонов продолжает оставаться одним из самых популярных направлений электронной торговли. 29 процентов покупателей приобретают их через интернет, показывают исследования “Яндекса”. Начало года традиционно будет ознаменовано небольшим затишьем на этом рынке. Это обусловлено тем, что рынок будет насыщен после новогодних праздников (многие покупают смартфоны в подарок к Новому году), а также ожиданием выхода новых популярных моделей. Некоторые производители обещают обновить свои линейки в 2020 году не один раз. Вот список самых ожидаемых моделей:

  • IPhone 12, обещают презентовать осенью 2020 года, предположительно в сентябре;
  • SAMSUNG Galaxy 11 и SAMSUNG Galaxy F2. Главная фишка устройств — фронтальная камера, встроенная прямо в матрице экрана;
  • LG G 10 с двумя экранами;
  • Huawei P40 и P40 Pro.

Это далеко не полный перечень новинок смартфонов 2020 года. Новые модели покажут такие производители, как Xiaomi и HTC, а также бюджетные Fly, Lenovo, ZTE и Alcatel. Учитывая то, что владельцы сразу захотят заменить устаревшие устройства новыми, стоит подготовиться к продажам заранее и заказать изделия у официальных дистрибьюторов.

Не забывайте и об аксессуарах и гаджетах для мобильной техники. Например, Apple на днях презентовала очередную модель AirPods Pro с продвинутой системой шумоподавления, защитой от воды и сменными вкладышами для ушей. Обязательно пополните ассортимент защитными стеклами, зарядными устройствами и чехлами. Это даст возможность привлечь больше покупателей и увеличить средний чек покупки.

Презентация наушников AirPods Pro

4. Крупная бытовая техника

Еще одна категория товаров, которые россияне предпочитают покупать через интернет. Число небольших оффлайн-магазинов техники стремится к нулю, а крупные ритейлеры вроде “Эльдорадо” и “М-Видео” присутствуют не везде. Здесь не бушуют страсти по моде, популярности и трендам. Удачные модели стиральных машин и холодильников могут выпускаться годами, а потребители будут с удовольствием их покупать.

Поэтому список бытовой техники по сравнению с 2020 годом практически не поменяется и будет выглядеть так:

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

Если вы только открываете интернет-магазин крупной бытовой техники, проработайте такие вещи, как доставки, сборка, установка и подключение. Не каждый сможет произвести присоединение стиральной машины-автомата к водопроводу и канализации. Решите эти вопросы за клиента — получите больше продаж.

Видеообзор холодильника в карточке товара

5. Бытовая электроника

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

Такие вещи, как DVD-проигрыватели и музыкальные центры, продолжают терять в продажах. Это немудрено: их практически полностью вытесняют компьютеры, докрученные вспомогательными системами. Гораздо проще взять телевизор или ПК и колонки с сабвуфером и наслаждаться любимой музыкой или фильмами, не покупая для этого отдельное устройство. Две-три модели еще пойдет, а больше не советуем.

Стоит обратить внимание на музыкальную технику образца 70-х 80-х: проигрыватели пластинок, кассет и катушечные магнитофоны. Пока это экзотика, но ценителей такой техники становится все больше. Одни покупают ее из-за ностальгии, другие — для качественного и оригинального “живого” звука. Но так или иначе — покупают. Делать ставку на олдовую технику не стоит, но для расширения ассортимента — самое то. Тем более, что такие товары относятся к категории высокомаржинальных и могут принести неплохую прибыль.

Проигрыватели пластинок в каталоге интернет-магазина

6. Книги

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

  • классическая мировая литература. Толстой, Достоевский и Тургенев будут популярны и в 2020, и в 2120 году;
  • обучающая литература. Особенно по современным направлениям: IT, маркетинг, дизайн, программирование, верстка, создание сайтов и мобильных приложений;
  • книги по психологии, саморазвитию, личностному росту;
  • современная литература — от Стивена Кинга до Дарьи Донцовой;
  • школьные и ВУЗовские учебники с тетрадями. Их заказывают целыми комплектами, поэтому важно иметь весь ассортимент в наличии. Не будет одной части учебного пособия — не закажут весь комплект;
  • литература по юриспруденции, медицине, экономике;
  • книги по кулинарии, садоводству, домашним заготовкам и другим хобби;
  • биографии и автобиографии знаменитостей;
  • конспирологическую литературу;
  • детские книги.

Художественная литература на сайте

Эти вещи должны составить базу ассортимента книжного интернет-магазина в 2020 году. Теперь о новинках, которые будут изданы в будущем году:

  1. “Глория, начало истории”. Писательница — Стейс Крамер, автор бестселлера “50 дней до моего самоубийства”.
  2. “Нереальная реальность, путешествие по квантовой петле”, автор — Карло Ровелли.
  3. “Ты тоже можешь”, автора Анны Белис. Руководство по построению успешной карьеры в фэшн-индустрии.
  4. “Земля” российского писателя Михаила Елизарова.
  5. Роман-челлендж “12 недель до мечты” автора Ашкенази Кароль-Анн.
  6. “Крылья ветра. Девушка и талисман”, отечественной писательницы Натальи Маркеловой.

Издательство “Эксмо” готовится выпустить в следующем году не менее 379 новых книг отечественных и зарубежных писателей самых разнообразных направлений и жанров. В общем, есть над чем поработать, чтобы прокачать ассортимент книжного интернет-магазина по полной!

7. Мебель

Этот вид товаров покупают не так часто и основные продажи по-прежнему идут в оффлайне. Однако высокая маржинальность, большой средний чек и прибыль не дают нам обойти эту нишу стороной. Тем более мебель уже покупают в интернете 17 процентов населения, и в дальнейшем эта цифра будет только расти.

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

Что касается тенденций, то они следующие:

  • мебель, имитирующая необработанную древесину. И, собственно, мебель из грубой обработанной древесины для VIP-клиентов. Главное — фактура изделия. Она должна подчеркивать рисунок дерева;
  • мебель из природных минералов и имитация таковых. В моде кварц, мрамор, гранит;
  • популярные цвета обивки — арбузный, синий бархат, серый, бежевый, розовый;
  • мебель со вставками под различные цветные металлы: сталь, медь, латунь;
  • объемные диваны и пуфики;
  • зауженные комоды.

Пример мебели из мрамора

А вот от мебели в стиле хай-тек потихоньку стоит отказываться — она стремительно теряет популярность. В моду снова входит уют и все натуральное. Именно такие изделия напополам с классикой должны составлять большую часть ассортимента мебельного магазина 2020.

8. Автозапчасти и аксессуары

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

Поэтому открытие магазина автозапчастей был и остается беспроигрышным вариантом для стартапа. В 2020 году картина не поменяется. Правда, о новшествах здесь говорить не приходится — рынок относительно статичен. Ассортимент должен включать:

  • расходные материалы. Иногда этот сегмент составляет до 60 процентов продаж интернет-магазина запчастей. Так что всевозможные фильтра, ремни, колодки и стойки всегда должны быть доступны к заказу;
  • детали крупных узлов: двигателя, коробки передач, ходовой части и кузова;
  • запасные части для подвески и рулевого управления: тяги, рейки, рулевые наконечники, амортизаторы;
  • автохимия в ассортименте: масла, жидкость для гидроусилителя, тормозная жидкость, антифризы, лакокрасочные материалы, средства для ухода за салоном;
  • колеса в сборе, шины и диски.

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

Во-вторых, продолжает набирать популярность тюнинг автомобилей. Здесь водители разделились на несколько субкультур: джиперы, стритрейсеры, любители автозвука и множество других. У таких пользуются спросом автолебедки, прямоточные глушители, спортивный обвес и акустические системы. Если разбавите ассортимент такими девайсами — привлечете больше покупателей, причем очень платежеспособных. Тюнинг это дорого, поэтому публика там обеспеченная.

9. Интимные товары

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

  • различные костюмы для ролевых игр: горничной, медсестры, стюардессы, полицейского;
  • искусственные фаллосы и вагины;
  • вибраторы и фаллоимитаторы (устойчивый тренд последних нескольких лет — вибровакуумные устройства);
  • эротическое нижнее белье;
  • изделия из кожи и латекса: костюмы, ремни, обувь, плетки;
  • духи с феромонами и другая интимная косметика;
  • товары для БДСМ;
  • эротические фильмы и журналы;
  • литература по половой грамотности. “Кама Сутра” была и остается одной из самых популярных и продаваемых книг.


Не забывайте, что интимные товары попадают под категорию 18+. Это диктует определенные требования к входу на сайт. Посетители при входе должны подтверждать свой возраст, нажимая кнопку “Мне больше 18 лет”.

Подтверждение возраста на сайте

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

10. Мелкая бытовая техника

Такие изделия покупают в интернете 12 процентов пользователей. Товары можно продавать отдельно или включить их в ассортимент крупного интернет-магазина бытовой техники и электроники. Вот о чем идет речь:

  • пылесосы и средства для уборки дома;
  • микроволновые печи, хлебопечки, мультиварки;
  • утюги, гладильные доски, отпариватели. В моде паровые утюги, которым не нужна доска;
  • блендеры, кухонные комбайны;
  • техника для бьюти-индустрии: утюжки для волос, электрозавиватели;
  • средства для ухода за бородой. Советуем включить в ассортимент профессиональную технику для парикмахерских, салонов красоты и барбершопов. Количество таких заведений постоянно увеличивается, а значит спрос будут гарантированно.

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

Мойки воздуха на сайте интернет-магазина

11. Аксессуары

Еще одно направление, где необходимо тщательно следить за модными тенденциями и держать руку на пульсе. Ассортимент может смениться в одночасье и полностью — к этому надо быть готовым. Ваши товары просто никто не купит, если они не соответствуют требованиям времени. Так какие требования к ассортименту аксессуаров будут в 2020 году? А вот какие:

  • женские галстуки. Такие изделия уже показали на показах в модных столицах именитые бренды. Стоит ожидать, что в будущем году эстафету примут и более бюджетные производители;
  • ремни, имитирующие грубые пеньковые канаты и толстые веревки. Да-да: с морскими узлами, стальными элементами и потертостями;
  • микросумки. Такие аксессуары практически одновременно презентовали на показах Borbonese, Aigner, Marco de Vincenzo и Chloé;
  • акцентные воротнички. Это изделие переживает очередной виток популярности. Обязательно добавьте в ассортимент несколько моделей — они разойдутся, как горячие пирожки на рынке;
  • аксессуары, украшенные перьями. Речь идет буквально обо всем: ремнях, сумках, головных уборах и даже обуви.

И это только начало: то, что мы перечислили, будет пользоваться спросом только зимой, до выхода весенних коллекций. Там тренды опять сменятся — не забывайте следить за новостями. А пока освобождайте место на складе под актуальный ассортимент 2020 года.

Лучшие предложения аксессуаров на сайте Lamoda

12. Компьютеры и ноутбуки

На оргтехнику приходится 22 процента продаж, говорится в исследованиях “Яндекс.Маркета” и компании GfK. Можете не сомневаться: в 2020 году эта цифра будет только увеличиваться — об этом говорят общие тенденции e-commerce. Если говорить о нишах — будет расти спрос на мощные игровые компьютеры и ноутбуки, а также всевозможное игровое железо: видеокарты, процессоры и так далее. Минимальный ассортимент интернет-магазина компьютерной техники должен выглядеть так:

  • настольные ПК в сборе. Не каждый станет собирать устройство под себя — нужны и готовые варианты;
  • железо для сборки. Материнские платы, процессоры, модули оперативной памяти, видео и звуковые карты;
  • блоки питания, кулеры;
  • корпуса;
  • ноутбуки, нетбуки, микробуки. Пользуются популярностью бюджетные модели стоимостью до 14 тысяч рублей;
  • аксессуары для игровых ПК: геймпады, наушники, электронные рули и педали, устройства виртуальной реальности;
  • вспомогательные товары: сумки и подставки для ноутбуков, зарядные устройства, источники бесперебойного питания, средства защиты;
  • периферийные устройства: МФУ, принтеры, сканеры;
  • клавиатуры, мыши, акустические системы;
  • мониторы. Видеоблогеры ввели моду на видеосистемы, состоящие из нескольких экранов — двух, трех и даже больше. Обязательно включите такие модели в ассортимент.

Подробная характеристика игрового компьютера

13. Хозтовары и посуда

Такие вещи будут продаваться в интернете и в 2020, и в 2030 году. К тому же эта категория универсальна. Можно завести под нее отдельный интернет-магазин, а можно включить в ассортимент магазина бытовой техники, мебели и даже товаров для сада и дачи.

Ниша очень широкая и включает в себя:

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

Теперь немного о том, что из этой категории будет пользоваться спросом в следующем году. Здесь есть явное разделение на разумное, доброе, вечное, типа кастрюль из нержавеющей стали и эмалированных ведер. А вот что касается праздничной посуды — все куда интереснее. Здесь тренды рулят, да еще как.

В 2020 году будут популярны:

  • асимметричная посуда: тарелки, бокалы, фужеры и так далее;
  • деревянная посуда. Мода на все натуральное добралась и до сюда;
  • фарфоровые сервизы, стилизованные под старину. Точнее, искусственно состаренные. Потрескавшиеся чашки и блюдца, якобы отколовшиеся края — все это будет популярно в 2020;
  • однотонная посуда примитивной формы. Привет, ИКЕА!

Посуда интернет-магазина ИКЕА

14. Товары для хобби и увлечений

Не устали от статистики? Тогда мы продолжаем. Согласно исследований компании “Яндекс”, товары для хобби в интернет-магазинах заказывает 28 процентов опрошенных. В оффлайне многие вещи не купишь — магазины типа “Леонардо” только начинают набирать популярность. Пока там дорого, да и ассортимент оставляет желать лучшего. Вот покупатели и ищут отдушину в интернете. Смотрите, что вы должны им предложить:

  • наборы для рукоделия, прежде всего, кройки и шитья. Это могут быть комплекты для вышивания крестиком, ткани, нитки, аксессуары. Ну и конечно же, сопутствующая техника: швейные машинки, пяльца, иголки;
  • товары для живописи: краски, палитры, кисти;
  • наборы для резьбы по дереву: резцы, ножи, деревянные заготовки;
  • комплекты и инструменты для лепки из глины и пластика;
  • товары для бисероплетения;
  • товары для самостоятельного изготовления ювелирных изделий и украшений;
  • наборы для макраме;
  • другие товары для творчества.

Популярные категории товаров для хобби и увлечений

15. Товары для спорта, туризма и активного отдыха

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

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

И не забудьте про товары для активного отдыха — палатки, складная мебель, спальные мешки, специальные приборы освещения, термобелье. А еще товары для охоты и рыбалки, продуктовые наборы туриста — все это должно быть в ассортименте.

Разновидности палаток в туристическом интернет-магазине

Заключение

Мы рассказали об основных тенденциях электронной торговли в 2020 году. Что из вышеперечисленных новинок включить в ассортимент — решать вам. Удачи в бизнесе!

65 Трендов Веб-дизайна в 2020 году. Топовые советы от профи

Привет. На связи Чигарев Илья. Данная подборка трендов веб-дизайна 2020 собрана из 4-х материалов с сайта Behance. Это посты, которые набирают наибольшую популярность и положительные отзывы среди комьюнити дизайнеров. Итак, давайте посмотрим какие тренды выделяют топовые дизайнеры со всего мира.

Безлимитная графика для ваших проектов

Для создания крутого дизайна для сайта, полиграфии, фотографии и прочего, как не крути, вам нужны будут качественные материалы. Это и фотографии, шаблоны, мокапы, иконки, пресеты, кисти и т.д. Все это есть в одном месте и качать можно неограниченно. Сервис ENVATO ELEMENTS с тонной материалов, готовых к скачиванию. Цена подписки от 16,50 $/мес. Переходите по ссылке и посмотрите что вы можете использовать для своего бизнеса и проектов. Подробности вы можете узнать в статье-обзоре.

Главные тренды веб-дизайна в 2020 году

1. Смелые, яркие цвета

В 2020 мы наблюдали восхождение смелых и ярких цветов, и они не собираются сдавать свои позиции, превращаясь в один из самых значимых трендов 2020.

Проект: Show Go Poster Collection 2020 / Автор: ∆ Studio—JQ ∆

Проект: Daily Posters / Автор: Magdiel Lopez

2. Яркие и насыщенные градиенты

Последние годы ознаменовались возвращением градиентов. Ожидается, что они снова войдут в тренды веб дизайна, претерпев изменения в 2020 году: в палитру добавятся насыщенные цвета в сочетании с разнообразием текстур. Градиенты в обновленной версии будут использовать двухцветные эффекты.

Проект: Magic.co / Автор: Ludmila Schevenko

Проект: Electric Objects / Автор: Rose Pilkington

Проект: Gradient Studies / Автор: Evgeniya Righini-Brand

3. Цвет года (Пантон)

PANTONE® 16-1546 Живой коралл (Living Coral)

Проект: Pantone Color of the Year 2020 | Living Coral / Автор: ∆ Studio—JQ ∆

4. Простота и удобство

Меньше значит больше» — бессменный тренд. Простота подразумевает аккуратную страницу со светлым фоном в лучших традициях минимализма. Пространство — бог: при его правильном использовании можно получить многофункциональный дизайн.

Проект: Creative case / Автор: Nikita Mahaev

Проект: A propos du cancer / Автор: Extra

5. Больше дизайна с дополненной реальностью

Быстрый рост популярности дополненной реальности, или AR, будет заметен не только в индустрии игр, видео и приложений. У AR хорошие шансы охватить область дизайна, особенно за счет популярности мобильных устройств. Вероятным идейным вдохновителем могут стать DIA Studio, применяющие 3D типографику к повседневным объектам.

Проект: DIA / Автор: DIA

6. Экстра глубина (и полуплоский дизайн)

В 2020 году имеет смысл немного оживить традиционный плоский дизайн: добавление теней поможет сделать элементы более объемными, сохранив основные концепции минимализма, которые сделали плоский дизайн популярным. Пространство и объем — элементы новой концепции глубины.

Мастер Йода рекомендует:  6 лучших YouTube каналов для изучения робототехники

Проект: Nike Promotion Ads — Parallax Effect / Автор: Jardson Almeida

Проект: Flyknit Lunar 3 / Автор: Callum Notman

Проект: Made You Look�� 255 | Live a little more / Автор: STUDIOJQ

7. Геометрические элементы

Использование геометрических элементов, таких как многоугольники (треугольники, квадраты, пятиугольники) и кривые (окружность или эллипс) сделает ваш проект запоминающимся.

Проект: Nike Le Quartier / Автор: Atelier Irradié

Проект: France Colombia cultural season Brand design / Автор: Graphéine

8. Больше творческой фотографии

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

Проект: Aizone / Автор: Sagmeister&Walsh

Проект: Monkifesto / Автор: Snask

Проект: Nike AMD Revolution / Автор: Happy Finish

9. Дуплекс

Дуплекс (репродукция изображения с использованием полутонов двух ведущих цветов) имеет все шансы попасть в ведущие тренды веб дизайна в этом году. Эта техника не является новой — она появилась несколько десятилетий назад, но благодаря Spotify вновь обрела популярность.

Проект: Stranger Things Concept UI UX Design Web / Автор: Manuel Rovira

10. Брутализм

Брутализм — грубая концепция, рассчитанная на захват внимания. Брутализм применяется в дизайне с 50-х годов прошлого века, в основном для оформления плакатов и афиш (направление возникло в архитектуре 40-х и стало трендом). Концепция снова востребована, ее можно встретить во всех сферах дизайна. Направление призвано шокировать аудиторию прямолинейным подходом, громоздкой типографикой и неизящными дизайнерскими техниками.

Проект: DoD Cyber Guide / Автор: Marçal Prats

Проект: Power A political party / Автор: Bruce Vansteenwinkel

11. Анимация, Gift-картинки и синемаграфика

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

В 2020 очень вероятно возвращение в тренды синемаграфики (это статичные картинки с единичными движущимися элементами, например, изображение чашки, из которой с анимацией поднимается пар). Значимые элементы не должны быть неподвижными!

Проект: RED / Автор: Kevin Hou

Проект: cinemagraphs.com / Автор: Kevin Burg, Jamie Beck

Проект: Strong Women / Автор: Andreea Robescu

12. Генеративный дизайн

Генеративный дизайн уже несколько лет используется при разработке айдентики. За счет смешения цвета и формы этот прием позволяет добиться совершенно уникальной айдентики и повысить узнаваемость бренда.

Проект: Debrecen 2023 European Capital of Culture / Автор: Classmate Studio

Проект: Sydney School of Entrepreneurship / Автор: For The People


Проект: Archdiploma Dynamic Identity / Автор: Process

13. Набор цветов и узоров из 80-90-х

Где мы это видели? Ну конечно же: это возвращение популярных в 80-90-е цветов с их кислотным розовым и дерзкой контрастностью. Можно ли назвать эти ностальгические настроения вернувшимся трендом? Или все объясняется тем, что молодые дизайнеры — это люди, чье детство прошло в окружении сумасшедших цветов тех лет?

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

Проект: Yes To All / Автор: Nick Liefhebber

Проект: LOGOFOLIO 2020 / Автор: 268 Estúdio Design

Проект: 80’s inspired Pattern / Автор: Rahul Das

14. Кастомные иллюстрации

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

Проект: Bitcoin Illustrations Freebies / Автор: Milo Themes

Проект: Illustrations for Koypo Industries / Автор: Milo Themes

Проект: Lifecycle / Автор: Paperpillar Studio

15. Иллюстрации в миксе с фотографией

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

Проект: Magazine covers / Автор: Andreea Robescu

Проект: Insects Love / Автор: Andreea Robescu

16. Реальные фото

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

17. Изометрический дизайн и фотография

Изометрическое проектирование является способом художественного представления объемных объектов в плоскости. До того, как дизайнеры обнаружили этот прием, он использовался большей частью для составления технических и инженерных чертежей. Изометрический дизайн совершает масштабное восхождение в фотографии, иллюстрировании, 3D графике и иконографике. Можно с уверенностью сказать, что в 2020 году он будет востребован во многих креативных проектах.

Проект: Ultraviolet Break of Day / Автор: Field.io

Проект: Abstractions Vol.1 / Автор: Mohamed Samir

Проект: Isometric House / Автор: Angela Chan

18. Сочетание 2D и 3D

Создавать 3D объекты и помещать их в 2D проекты стало очень модно. Это сочетание дает уникальную внешнюю эстетику, соединяя глубину и плоскость. Технику можно применить в разных направлениях дизайна: от создания логотипов до веб-сайтов и рекламного видео. Конечный результат представляет собой сложную визуальную презентацию, которую невозможно забыть.

Проект: Daily Posters / Автор: Baugasm

19. Монохром

За последние несколько месяцев появилось множество композиций в одной цветовой гамме, на которых фон и объект на переднем плане или шрифт и тени/3D эффекты одинакового цвета.

Что произойдет, если 3D пойдет дальше в создании объема для объектов одного оттенка? Использование одноцветного 3D позволяет дизайнерам добиться иллюзии объема с помощью глубины цвета и теней.

Несмотря на отсутствие контраста возникает натуральный эффект объема, и мы видим объект, реалистично выступающий из фона. Этот магический эффект останется популярным в 2020 году.

Проект: Magrela Popcorn / Автор: Hugo Aranha

Проект: Amazonia Beverages / Автор: Hugo Aranha

Проект: Nespresso Expertise / Автор: JVG ™

20. Дудлы (иллюстрации, нарисованные вручную)

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

Проект: Toasted Pets! / Автор: Brosmind ®

Проект: Awake Festival Proposal / Автор: Milo Themes

Проект: Art Hub Bahrain | Packaging / Автор: Elias Madan

21. Смешение и пересечение стилей

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

Проект: Styled Social Media kit / Автор: Maksat Amirzhanuly

Дизайн логотипа

22. Адаптивные лого

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

Адаптация логотипа стала топовой задачей для дизайнеров: бренд должен быть эффектно представлен вне зависимости от пространства и измерений. Бросая вызов дизайнерам, адаптивные логотипы становятся маст-хевом в 2020 году.

Проект: Responsive Logos / Автор: Joe Harrison

Автор: Design Studio

23. Логотипы с анимацией

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

Проект: Type With Pride Gilbert font / Автор: Fontself Team

Проект: Logo Visual identity / Автор: Mariusz Mitkow

24. Яркие и забавные лого

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

Проекты: Axel Flores , Vladimir Lifanov , Silvestri Thierry , Vadim Carazan , Onrepeat Studio , Serafim Mendes

25. Негативное пространство

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

Проекты: SeisTrece Studio , Vadim Carazan , Quim Marin , Bureau Rabensteiner , Andrei Traista

26. Геометрические фигуры и узоры

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

Проекты: islam biko , Quim Marin , Silvestri Thierry , Vadim Carazan

27. Монограммы

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

Проекты: Milo Themes , Romain Billaud

28. Градиенты

Градиенты — один из главных трендов, унаследованных от 2020-2020 годов, и конечно же, он коснется дизайна логотипов. Легкий градиент или смелые переходы, что выберете вы?

Проекты: MICHAEL SPITZ , Nicholas Slater , Jeroen van Eerden , Vadim Carazan

29. Наложения

В связи с восхождением тренда дуплекс эффект наложения элементов друг на друга невероятно популярен в дизайне логотипов. Взгляните на нашу подборку.

Проекты: CaveLantern , Fontself Team , Rosie Manning

Веб-дизайн (Ui/Ux)

30. Концепция Mobile First

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

Проект: Food Drinks app Interaction Collection / Автор: Johny vino™ .

31. Микровзаимодействия

Они повсюду. Каждый раз, когда вы лайкаете что-то на facebook или пролистываете контент в мобильном приложении, вы участвуете в микровзаимодействиях. И они неплохо работают, учитывая, что их цель — активность пользователя и динамичный UX.

Элементы становятся текучими: кнопки могут менять форму, и все поверхности скрывают анимированные сценарии, ожидающие прикосновения и активации. Готовы спорить, что они не покинут пьедестал и в 2020 году.

Проект: Brewskies v2 / Автор: Kevin Yang

Проект: Gesichtspunkt / Автор: Alim Maasoglu

32. Встроенная анимация

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

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

Проект: inturn website / Автор: INTURN

33. Креативные экраны загрузки

Сайты, использующих скучные экраны загрузки, устарели. Почему бы не компенсировать пользователю время вынужденного ожидания креативным подходом? Ниже приведены 2 выдающихся примера применения креативных вариантов загрузки сайтами Contemple и Awwwards.

Проект: Awwwards Conference / Автор: Adoratorio

34. Раскладка с ломаной «сеткой»

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

Проект: The Refugee Nation Web Design Branding / Автор: Justin Au

Проект: Ueno Concepts / Автор: Ben Mingo

35. Разбивка страницы

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

Проект: Product Landing Page UI / Автор: Dinesh Shrestha

Проект: Design Thinking / Автор: Radowan Nakif Rehan

36. Больше (интерактивного) 3D в оформлении

Главный тренд, который признает современный веб дизайн 2020 — восхождение (интерактивных) 3D элементов, экспериментирующих с глубиной, движением, текстурой и перспективой. Использование 3D элементов и 3D среды делает каждый веб-сайт выcокоуникальным, улучшая его внешний вид и/или пользовательский опыт. В качестве примера можно привести Atacac, который создал интерактивный футуристичный шоу-рум виртуальной реальности, позволяющий посетителям сайта рассмотреть каждый предмет одежды со всех сторон. Другой яркий пример — вращающаяся 3D скульптура сайта The Artery.

Проект: Atacac 2020 Yearbook

Проект: The Artery


37. Закругленные углы и плавные формы

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

Проект: LuxuryClean UIUX iOS App / Автор: Mariusz Mitkow

Проект: Landing page project design / Автор: Mariusz Mitkow

38. Фоны с движущимися элементами

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

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

Проект: Wibicom / Автор: Wibicom Agency

39. Футуристические узоры

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

Сценарий утратил свою привлекательность, когда стало понятно, насколько далеко фильм отошел от реальности, которая оказалась намного менее футуристичной. Однако благодаря Глубокому Анализу и Big Data мы наблюдаем возвращение робототехнических трендов: футуристические орнаменты найдут применение и в 2020.

Проект: Crown Tech / Автор: Jan Wolinger

Проект: SpaceShip / Автор: Arif Rachman Hakim

Проект: Data Visualization Concept / Автор: Mario Šimić

40. Монохромные иконки

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

Проект: Icon Design / Автор: Eaton

41. Иконки, частично заполненные цветом

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

Проект: Alfred icons / Автор: Andrea O

Проект: Icons / Автор: Alisa_

42. Скроллинг с Parallax

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

Parallax — бессменный тренд веб-дизайна, продолжающий делать сайты оригинальными и запоминающимися. Создавая 3D эффект между движущимися передним планом и фоном, Parallax придает неуловимую глубину странице и плавность пролистывания контенту.

Проект: Dex Multi-Layer Parallax / Автор: Milo Themes

43. Мондрианизм

Желание свободы и эквилибриума (гармонии) — врожденное стремление человека (по причине присутствия в нем вселенной)», сказал Пит Мондриан. Мондрианизм станет трендом 2020 года: стиль, в котором соединяются базовые цвета — красный, желтый и синий, создавая впечатление чистоты, гармонии и уравновешенности.

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

Проект: Mondrian / Автор: Stugbear

Проект: Guernica / Автор: Shota

Типографика

44. 3D — моделирование

3D — многообещающий тренд, охвативший все сферы дизайна. Объемный текст добавляет реалистичности общей композиции.

Проект: Atypical / Автор: Pawel Nolbert

Проект: Alphabet Project / Автор: Serafim Mendes

Проект: RE NEON vI / Автор: Omar. Aqil

45. Жирная типографика

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

Проект: Club AVi’s XII-year Anniversary Posters Series / Автор: Milo Themes

Проект: TEDxGroningen / Автор: Rudmer van Hulzen

46. Serif шрифты

На протяжении нескольких лет в типографике преобладали sans-serif шрифты, но сейчас наблюдается возвращение serif. Ниже представлены несколько интересных проектов, авторы которых выбрали serif шрифты и добились впечатляющих результатов.

Проект: Custom Type Design / Автор: Moshik Nadav Typography

Проект: Lux Naturalis Gala Invitation

47. Геометрический шрифт

Геометрические шрифты были востребованы последние несколько лет и остаются важным трендом и в 2020 году.

Проект: VitrineMedia / Автор: Graphéine

Проект: Sydney School of Entrepreneurship / Автор: For The People

48. Кастомные шрифты

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

Проект: Lingerie XO The Sexiest Most Powerful Typeface Yet / Автор: Moshik Nadav Typography

Автор: Jeanne Bataille

49. Эксперименты с выравниванием и кернинг

Хаотичность в типографике была одним из главных трендов 2020 и остается на вершине в 2020 году. Забудьте о правилах и дайте простор фантазии!

Проект: Studio Studio / Автор: Rudmer van Hulzen

Проект: nyMusikk annual report 2020 / Автор: Non-Format

50. Экспериментальная типографика

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

Проект: Experimental Chinese Typography / Автор: Letitia Lin

51. Типографика в миксе реальными фото

Эклектичные тренды всегда эффектны, и этот не исключение. Добавляйте типографику в фотоснимки или 3D отрисовки и получайте авангардный дизайн.

52. Креативная типографика

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

Проект: ILOVEDUST — 3D TYPE COLLECTION 1 / Автор: ILOVEDUST

Проект: Typography 3D — 9 / Автор: Alexis Persani

Дизайн упаковки

53. Плоский дизайн

Плоский дизайн до сих пор остается востребован в оформлении лейблов и упаковок. Плоские фигуры, узоры и кастомные иллюстрации — верный выбор в 2020 году.

Проект: Cheddar-Cheese-Melt-Mcdonalds-Packaging / Автор: Mostafa Abdelmawla

Проект: The-Gang / Автор: MARKA NETWORK

Проект: Melio / Автор: Rachael Batley

54. Минималистский дизайн

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

Проект: Sarta-Milano / Автор: MARKA NETWORK

Проект: Gyalmo / Автор: Łobzowska Studio

55. Узоры и фигуры

Геометрические

Геометрические формы будут присутствовать во всех сферах дизайна. Выбирайте орнаменты, которые отражают суть продукта.

Проект: NICHE-Tea / Автор: IWANT design

Кастомные фигуры и элементы

Персонализированный дизайн — обязательная составляющая в построении идентичности бренда.

Проект: aleFanty / Автор: less

Проект: Nature Organic Chocolates / Автор: Mike Karolos

Дудлы

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

Проект: Zoe-Juices / Автор: Beetroot Design

Винтаж

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

Проект: Mutti Special Edition for FICO Eataly World / Автор: Auge Design

56. Смелая типографика

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

Проект: Amilk & Adidas / Автор: Duy Dao

57. Цвета

Дерзкие цвета

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

Проект: Deker-rebranding / Автор: less

Проект: Mochila / Автор: Sweety & Co.


Пастельные цвета

Пастельные цвета — тренд-реакция на яркие цвета, охватывающий все больше пространства в оформлении. Мягкие оттенки транслируют теплое отношение к потребителю.

Проект: Freshly Baked / Автор: Design Happy

Проект: Ela cosmetics / Автор: ChocoToy cute

58. Необычные текстуры и формы

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

Проект: Sprout Green Paulownia Wooden Box / Автор: Yinjue

Проект: Eco bamboo tooth brush / Автор: Margas Family

59. Голографический эффект

Голографический эффект — вернувшийся тренд. Металлические текстуры позволяют достичь футуристического эффекта и создать магически притягательный дизайн.

Проект: EAT ME / Автор: PACKVISION AGENCY

Проект: Sphynx / Автор: Anagrama Studio

60. Градиенты на упаковке

Добавьте мягкие градиенты для создания глубины или используйте яркие цвета для более прямолинейного эффекта.

Проект: YOU & OIL natural cosmetics / Автор: Irmantas Savulionis

61. 3D натюрморты

Последние годы был заметен рост числа проектов с 3D дизайном. Наблюдая работы некоторых 3D художников из топа, например MVSM или Питера Тарка, можно предсказать, что в 2020 году популярность 3D натюмортов возрастет. Для корпоративных коллабораций тренд окажется на одном уровне важности с разработкой лого и размещением продукции.

Проект: Squarespace stillife / Автор: MVSM

Проект: Adobe Government / Автор: Peter Tarka

Проект: Audi Q-Riosity / Автор: Peter Tarka

62. Абстрактные фигуры

Абстрактные 3D фигуры и яркие цвета — микс года. Это определенно один из самых влиятельных трендов, так что не упускайте его из вида.

Проект: Logitech CRAFT / Автор: Pawel Nolbert

Проект: SWEET SPIRALS / Автор: Kirill Maksimchuk

63. 3D отрисовка в стиле металлик

3D отрисовка в стиле металлик смотрится эффектно и несомненно относится к трендам, которые интересно отслеживать в 2020.

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

Проект: Grand Spectacular 2020 / Автор: Mustaali Raj

Проект: Various Concepts / Автор: Oleg Morozov

Проект: NIKE FC 3D Golden balls in the real world / Автор: T A V O .

64. 3D графика с анимацией

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

Проект: NIKOPICTO SHOWREEL 2020 / Автор: Nikopicto

65. Очень реалистичное 3D

3D всегда вызывает восторг и будет возглавлять современные тенденции веб дизайна 2020. Этот эффект способен обыграть реальность и вымысел так тонко, что их практически невозможно отличить. Картинка это или отрисовка? Грани продолжают стираться…

Проект: YOOX: Make a Wish / Автор: JVG ™

Проект: Air Max ’17 / Автор: Berd .

Статья собрана из источников:

Спасибо, дорогой друг, что дочитал данный лонгрид с трендами веб дизайна 2020 до конца. На его сбор, перевод и публикацию ушло 8 дней и если вам не сложно уделите 30 секунд, чтобы поделиться им в соц.сетях или на своем ресурсе, тем самым вы очень поможете распространить данный материал. Спасибо большое =)

10 трендов, которые помогут в борьбе за потребителя в 2020 году

Маркетинговые инструменты формирования потребительского и контент-опыта, которые будут полезны бизнесу в привлечении и удержании потребителей в 2020 году.

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

Рис. 1. Ключевые рыночные риски, с которыми сталкивается бизнес на потребительских рынках (по результатам опроса участников конференции CFO Russia «Управление рисками в ритейле»).

Бизнес уже в полной мере осознал происходящие изменения в моделях потребительского поведения. Основные риски связаны именно с этим – снижение/нестабильность покупательной способности потребителей (64% опрошенных), охота за скидками как отражение новой рациональной потребительской модели (55%), необходимость формирования таких customer experience и позиционирования, которые позволяли бы компании выделиться на фоне конкурентов и удивить потребителей (45%).

Кроме того, компании вынуждены вступать в гонку рекламных бюджетов или искать нетрадиционные способы привлечения внимания, чтобы достучаться до потребителей, которых окружает нарастающий с каждым днем информационный шум (27%). Влияние конкурентов прослеживается через усиление конкурентного давления (55%), необходимость формирования упомянутого выше customer experience и увеличивающуюся скорость копирования конкурентами идей и концепций (27%).

Исходя их описанных выше тенденций, какие же тренды маркетинга в 2020 году будут отчетливо прослеживаться в России?

1. Рост популярности live-видео

По данным Digital Marketing World, в 2021 году на прямые эфиры в мире будет приходиться 13% интернет-трафика, при этом 90% потребителей видео помогает совершить покупку, а тех, кто предпочитает посмотреть видео перед покупкой, в четыре раза больше тех, кому нравится читать о товарах или услугах. Live-видео, приходящее на смену записанным роликам, воспринимается потребителями как более настоящее и вызывает больше доверия. Для компаний это прекрасный способ показать новым потребителям бизнес изнутри, продемонстрировать товары и услуги, подтвердить свою экспертизу, дать рекомендации, познакомить с довольными клиентами и др.

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

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

2. Развитие AR-технологий

Потребители все больше погружаются в виртуальное пространство – они буквально живут «на кончиках пальцев». Уход покупателей в онлайн-канал на рис. 1 указан как один из рисков не только для офлайн, но и онлайн-бизнеса. Для выживания ритейлерам сегодня нужно формировать максимально удобный для потребителей customer experience, в связи с этим традиционная розница активно идет в интернет-продажи, а интернет-магазины и бизнесы, представленные в социальных сетях, все чаще открывают шоу-румы. На смену шоурумингу (посещение магазинов без покупки с дальнейшим ее совершением через интернет) приходит вебруминг (сравнение и выбор товаров в Интернете с дальнейшей покупкой в торговой точке).

В этой ситуации дополненная реальность (AR) становится не только возможностью соединить офлайн и онлайн, но и добавить элемент геймификации и во взаимодействие с потребителями. Это позволит бизнесу предлагать потребителям максимально глубокий опыт взаимодействия на всем пути клиента, сократить разрыв между офлайном и онлайном, а также ускорять принятие потребителем решения о покупке.

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

3. Интерактивный контент

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

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

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

4. Переход от точечного контента к контент-опыту

Несмотря на наличие контент-планов у SMM-менеджеров, большинство компаний работают без коммуникационной стратегии. Контент-опыт – это сам контент, форма его подачи, структура, используемые информационные поводы и единая линия, которая пронизывает весь контент, исходящий от компании к потребителям. Иными словами, это тот customer experience, который получает потребитель при взаимодействии с компанией через различные каналы.

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

Качественный контент в Интернете (сайт, размещение на внешних площадках, публикации в СМИ, соцсети и др.) – это способ подчеркнуть экспертизу компании, а также обеспечить органический рост трафика на сайт компании.

5. Смещение покупок в социальные сети

Потребители все активнее идет за покупками не только в интернет-магазины, но и в социальные сети, становящимся полноценными площадками, на которых может осуществляться продажа через посты. Например, за рубежом 72% подписчиков Instagram совершали в нем покупки, а 70% Pinterest использовали его для выбора товаров и услуг (данные Forbes).

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

6. Персонализация и кастомизация

Несмотря на кажущееся разнообразие предлагаемых товаров и услуг, иногда потребителям нечего выбрать – при широчайшем выборе, предоставляемом торговыми центрами, сетями и интернет-магазинами, все чаще потребители говорят о невозможности найти именно то, что им нужно. Существует так называемая иллюзия выбора, формирующая неудовлетворенность потребителей. За рубежом почти 80% потребителей готовы проголосовать кошельком в пользу компаний, предлагающих им персонализированный опыт.

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

Компаниям нужно искать критерии, по которым потребителей не устраивают представленные в продаже товары и услуги, и предлагать что-то в противовес. Персонализация все активнее касается и интернет-активностей компании – email-рассылки, возможность фильтрации контента и т.п., все эти инструменты должны использоваться с учетом особенностей и запросов целевой аудитории.

7. Партнерский маркетинг и коллаборации

Коллаборация позволяет за счет объединения двух или более брендов получать рост продаж товаров или услуг. Все популярнее становятся проекты на рынке продуктов питания (например, шоколад «Маша и медведь» или мороженое «Зенит»), в рознице (например, сети и студии мультфильмов), в сфере дизайна и моды и др. В случае, если компании объединяют свои усилия, например, при продвижении продукции или проведении мероприятия.

При выборе партнера важно, чтобы целевые аудитории пересекались не менее, чем на 50%, в противном случае есть вероятность, что объединение не будет понято. Такие программы – это возможность не только обменяться целевой аудиторией, но и сэкономить бюджет, а для новых бизнесов – шанс получить «путевку в жизнь» за счет более известного и уже принятого целевой аудиторией партнера. Для потребителей же это возможность получения предложений в формате «ограниченная серия» и нового интересного опыта.

8. Ситуативный маркетинг

Занимаясь ситуативным маркетингом, компании обыгрывают в привязке к своей продукции или брендам актуальные новости, значимые для общества события или любые другие информационные поводы, которые могут «зацепить» целевую аудиторию. Одним из нашумевших примеров такой рекламы стали посты в социальных сетях, которыми бренды отреагировали на провокационную рекламу Reebok #нивкакиерамки.

С помощью ситуативного маркетинга можно быстро привлечь внимание к компании, ее товарам, услугам и повысить продажи на волне обсуждения новости или события. При этом маркетологам нужно помнить о скорости распространения информации и продолжительности жизненного цикла любого информационного повода. С развитием социальных сетей средняя продолжительность ажиотажа вокруг «горячих» новостей составляет 2-3 дня, при этом пик приходится на первые сутки после начала распространения информации.

Поэтому у маркетологов есть буквально несколько часов, чтобы разместить рекламу или контент и успеть сыграть на ажиотаже. Важно успеть и стать одними из первых, чтобы получить максимальный охват на волне распространения новости. В противном случае можно опоздать и ситуативный маркетинг компании окажется «второй свежести».

9. Обучение потребителей

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

Мастер Йода рекомендует:  10 самых распространенных ошибок, которые делают разработчики на WordPress

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

10. Дизайнмышление, customer development и growth hacking

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

Дизайн-мышление, customer development и growth hacking – методики, позволяющие на стыке маркетинга (изучение потребительского опыта, конкурентов и рынка), управления продуктом (генерирование идей и создание тестовых продуктов) и управления проектами, находить нестандартные идеи и запускать востребованные рынком стартапы или новые продукты.

Перечисленные подходы близки и позволяют с относительно небольшим бюджетами (инвестициями разработку и запуск) и в ограниченные сроки решать задачу развития ассортимента с ориентацией на выявление неудовлетворенных потребностей потребителей и предложения им решений, соответствующих желаемому customer experience.

Тренды веб дизайна в 2020-2020

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

1. Минимализм

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

2. Типографика — как центральный элемент дизайна

В настоящее время многие дизайнеры стремятся сделать типографику центральным элементом дизайна, что в принципе является оправданным так как текст является главным средством общения в интернете и он дает большое пространство для творческого потенциала, особенно, когда нужно передать очень много информации, как на сайте Стенли Кубрика – известного кинематографиста. Обязательно откройте этот сайт и посмотрите на интересные параллакс эффекты .

Или еще один интересный пример на dribble, в котором очень хорошо сочетается типографика и праллакс эффект. Kanye West & Adidas Promo Website .

3. Легкая прокрутка страницы

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

Так же легкой прокрутки можно добиться с помощью анимации, когда каждый последующий элемент, который должен увидеть пользователь будет появляться после предыдущего. Все в необходимом порядке, как в проекте Landing — Lakes wealth Loch by Outcrowd .

4. Смещенная сетка макета.

Этот тренд, которому еще нужно время, чтобы окончательно прижиться в веб-дизайне, но уже сейчас многие дизайнеры активно экспериментируют со смещением сеток макетов, а не используют стандартные сетки . Посмотреть пример можно на сайте carbonbeauty.com

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

5. Анимация


Анимация – это неоспоримо яркий и приковывающий внимание тренд веб дизайна в 2020 и последующих годах. Если анимация выполнена профессионально, то, конечно это сформирует положительный отклик пользователей. И сейчас мы говорим об анимации, не как о части параллакс эффекта , а как об отдельно выполненном элементе. Но тут есть минусы – большой вес анимации вкупе с плохим интернетом может отпугнуть пользователей, не желающих долго ждать. Встроенная в дизайн сайта анимация имеет смысл когда вы разрабатываете демонстративную промо страничку или сайт портфолио, как, например, это сделал Остин Майер . Но тогда лучше встраивать на такой сайт предзагрузчик (прелоудер), что позволит странице сначала подгрузить полностью все необходимые элементы, а затем уже показывать контент.

Еще одним трендом в веб-дизайне, который относится к анимации является синемаграфия , о которой у меня так же есть статьи на сайте.

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

6. Полуплоский дизайн.

В тренд входит разбавление привычного для нас плоского дизайна ( flat design ) тенями, что создает дополнительный объем, но не нарушает концепции минимализма. Лично я очень рада этому. Nike Promotion Ads — Parallax Effect .

7. Дуплексные цвета.

Трендом 2020 и 2020 год в веб дизайне стало использование двух цветов в дизайне всего сайта, что делает его невероятно стильным. Fashion by Giga Tamarashvili.

8. Яркие цвета и их сочетания

Данный тренд перешел к нам из 2020 года и имеет все шансы остаться надолго в индустрии веб-дизайна. Цветовые решения и их смелые сочетания вкупе с психологическими аспектами использования тех или иных оттенков способны сформировать у пользователей необходимую реакцию, что положительным образом скажется на конверсии, продажах если это интернет магазин, да и вообще на восприятии бренда в целом. Clothes Shop by Yana

9. Иллюстрации

Они повсюду и просто атакуют интернет пространство. Этот тренд в веб дизайне пришел вместе в flat дизайном и завоевывает свое пространство все больше и больше. И теперь это не просто иконки, а персонажи, фоны и полное оформление страниц сайта. Online taxi page template by Fidann Memmedli

10. Фотография и иллюстрация.

Совмещение иллюстрации и фотографии — популярный тренд сегодня. Такая фотография не останется незамеченной, а значит ее использование в качестве демонстративного материала в веб дизайне оправдана. Но об этом — отдельная статья « Иллюстрация и фотография в Photoshop «, которая так же не оставит вас равнодушным!

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

Веб-дизайн 2020. Основные тренды

Новый год не за горами. Это значит, пришло время обновить сайт, чтобы соответствовать новым тенденциям веб-дизайна. Давайте смотреть, какой он, веб-дизайн 2020 — что менять, чтобы быть в тренде.

Веб-дизайн 2020 — что новенького

Вот основные тренды веб-дизайна 2020, на которые стоит обратить внимание:

  • Большой, очень большой шрифт
  • Асимметричный макет
  • Фоновое видео
  • 3D дизайн
  • Пользовательские изображения
  • Скрытая навигация
  • Параллакс эффект
  • Голосовой интерфейс

Большой шрифт

Большой жирный шрифт в тренде уже 3-ий год. Но не стоит увлекаться и выделять весь текст жирным. Хотя…

Это Language Media, компания, которая занимается развитием бренда. Использование bold шрифта действительно привлекает внимание посетителей.

Делать так же или нет — решать вам.

Асимметричный макет

Большинство сайтов основаны на макете в виде сетки. Сетка — это как бы линии, которые помогают выстраивать все элементы в одном порядке.

Если вы устали от одинаковых сайтов, сейчас самое время осваивать технику разбитой сетки и размещать элементы хаотично. Потому что асимметричный макет — еще один тренд веб-дизайна 2020.

Вот примеры сайтов, которые используют ассиметричный макет.

Фоновое видео

Видео в качестве фонового изображения — тренд, который появился в 2020.

Анимация вместо статичного фона оживляет сайт и заставляет посетителей оставаться на нем дольше обычного. А время пребывания — сигнал ранжирования.

В общем, если размещение видео на вашем сайте уместно — смело размещайте.

Вот пример сайта с видео в качестве фона. Осторожно! Можно залипнуть:)

3D дизайн

Еще один тренд веб-дизайна 2020 — использование 3D элементов. Посмотрите, как это делают на сайте Campo Alle Comete.

Похоже на сказку. Более того, с помощью 3D графики они смогли рассказать историю бренда.

И еще — проект BBC Earth. Это вообще крутяк!

Пользовательские изображения

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

Это еще одна возможность завоевать популярность в интернете и повысить конверсию.

Скрытое меню

Минимализм, который является основным трендом веб-дизайна в наступающем году, предлагает использовать скрытую навигацию.

Если, например, меню сайта состоит из пунктов, которые просто не влезают в одну строку — используйте скрытое меню.

Это удобно. И в тренде:)

Параллакс эффект

Техника параллакса изначально возникла из видеоигр. Смысл в том, что во время прокрутки страницы фон перемещается с разной скоростью, создавая псевдо 3D эффект. И это еще один тренд веб-дизайна 2020.

Голосовой интерфейс

Voice User Interface (VUI) дает возможность пользователям взаимодействовать с сайтом с помощью голосовых команд. Хотя эта тенденция не связана с дизайном, она добавит удобство использования и функциональность вашему сайту.

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

Заключение

Вот такой он, веб-дизайн 2020. Что применять, а что оставлять — решать вам.

Надеюсь, статья была для вас полезной.

Читайте также:

Какие тренды веб-дизайна были в 2020 и 2020.

Пошаговое руководство о том, как сделать сайт на WordPress.

Понравилась статья? Пожалуйста, сделайте репост:)

И подписывайтесь на нас в Facebook, Instagram и YouTube.

Тренды веб-дизайна 2020: девяностые возвращаются!

Ох, 90-е… Эта эпоха дала нам столько всего. Гранж был на подъеме, восточное побережье воевало с западным в хип-хопе. Все ходили в джинсах с высокой талией и рубашках, а на ногах (в идеале) были Converse. Кроме того, это десятилетие дало нам сериал «Друзья», «Симпсонов» и «Южный парк». И все, что придет вам в голову – поп-культура, политика, мода – было каким-то грубым, неотесанным. Этот вид ознаменовал эпоху.

Перенесемся в современность: этот образ 90-х годов возвращается на новый уровень. И это не остановить.

Грубая эпоха 90-х рулит дизайном. Яркая анимация, большие шрифты и асимметрия.

Прошли те времена, когда была востребована идеальная симметрия и нежный дизайн.

Хотя каждый веб-сайт сам по себе уникален, есть некоторые элементы, которые совпадают. Ниже мы расскажем об этих элементах – они помогут вам достигнуть стиля 90-х.

Перебор в типографике

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

Экспериментируйте со стилями шрифтов, используйте прописные и строчные буквы. У вас огромное количество вариантов. Главный принцип – чем больше, тем лучше. Дизайнерское агентство Locomotive приводит интересные кейсы.

Просто посмотрите на этот заголовок, который занимает весь экран. Он действительно создан для того, чтобы вы его заметили. Ну и, конечно же, контраст.

Есть также сайты вроде davideperozzi.com, которые шагнули вперед и сделали типографику наиболее заметным элементом своего дизайна.

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

Контрасты в размерах шрифта

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

Ребята из craftedbygc.com проделали большую работу по объединению идеально заданных размеров шрифта с изображениями, которые они выбрали для использования на странице.

Заголовки – наиболее заметный элемент этого дизайна, в то время как остальная типографика значительно меньше. Она поддерживает структуру страницы, не перекрывая изображения.

Асимметричный макет

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

Отличный пример – сайт Burnish Creative.

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

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

Минимализм

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

Дизайн лишен любых элементов, в которых нет смысла. Весь смысл в том, чтобы дать вашим посетителям именно то, что они искали. Вы не хотите отвлекать их ненужной косметикой. Упрощая свой дизайн, вы повышаете эффективность сообщения. Поставьте пользователей на первое место и убедитесь, что ваш дизайн соответствует их потребностям.

Контурная типографика

Эстетика 90-х и контурная типографика – это любовь навсегда. Полые шрифты – отличный выбор, особенно для веб-сайтов, где много изображений. Если вы не хотите, чтобы ваша типографика подавляла картинки, но сам текст очень важен, этот способ убьет сразу двух зайцев.

Сайт benandmartin.com – отличный пример использования типографики.

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

Такая типографика хороша тем, что вы можете поиграть с ней и разместить надписи там, где вы хотите.

Смелая анимация

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

Как этот парень:

Луи Анса использует смелые анимации, чтобы превратить обычный сайт-портфолио в нечто запоминающееся. Он также позаботился о микровзаимодействии на своем сайте. Как только вы наводите курсор мыши на изображение или кнопку, указатель меняет свою форму. Такие мелочи имеют значение и делают процесс просмотра особенным и приятным.

Крайности брутализма

Один из способов придать вашим сайтам внешний вид 90-х годов – использование брутализма. Паскаль Девиль (brutalistwebsites.com) дал одно из лучших объяснений того, что такое брутализм:

В своей жесткости и отсутствии заботы о том, чтобы выглядеть комфортно или просто, брутализм можно рассматривать как реакцию молодого поколения на оптимизм и легкомысленность современного веб-дизайна.

Брутализм – полная противоположность строгим дизайнам, к которым мы все привыкли. Множество ярких цветов, микровзаимодействий, неуместных изображений, анимации… Это некоторые из основных характеристик как эстетики 90-х, так и бруталистического дизайна.

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

Сделайте красным

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


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

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

Заключение

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

10 трендов ритейла 2020

Шаг №1. Key Visual (Идея)

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

Если есть бюджет

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

Пример

Представители агентства Mesh Group провели креативный аудит. Изучив рынки Европы, США и Китая, проанализировав Книгу рекордов Гиннесса и Книгу рекордов России, они пришли к выводу, что в истории уже совершали экстремальные прыжки через разводные мосты и каньоны, но прыжок через здание в жилом квартале до этого никто не делал.

Так родилась идея реализовать уникальный мотофристайл-проект «Прыжок на рекорд!», объединив два смежных бренда в единую нестандартную промоакцию, способную увеличить продажи.

Мотофристайл в России развивает бренд Adrenaline Rush от PepsiCo. Для реализации проекта благодаря географической представленности и креативной составляющей был выбран магазин федеральной сети магазинов «у дома» «Бристоль».

Если нет бюджета

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

Тезисы

  • Проведите креативный аудит.
  • Изучите зарубежный опыт конкурентов из Европы, США и Китая.
  • Проанализируйте тематические зарубежные СМИ.
  • Проведите мониторинг страниц конкурентов в соцсетях.
  • Проведите совместный мозговой штурм с вашей командой.
  • Придумайте креативную, нестандартную идею.
  • Оформите идею в плане дизайна и брендинга.
  • Создайте WOW-эффект в рамках тех средств, которыми располагаете, креативьте.

Шаг №2. Маркетинг и стратегия

Важно создать единый рекламный комплекс, объединив WOW-эффект от вашей креативной идеи с подарками и призами для потенциальных покупателей посредством организации масштабного конкурса и розыгрыша призов в прямом эфире. При этом призовой фонд и условия самого конкурса должны пересекаться с вашей нестандартной идеей. Примените закон Парето, принцип 80/20 — оформите ту категорию товаров, которая, занимая, условно, 20% площади, приносит 80% прибыли. Или наоборот, направьте трафик в категорию, приносящую недостаточное количество прибыли, для ее продвижения. После завершения акции, организуйте дополнительное промо. Мотивируйте участников акции, совершить повторную покупку, тем самым максимально увеличив их LTV (Lifetime Value — возврат к повторной покупке).

Если есть бюджет

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

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

Пример

Компании PepsiCo, «Бристоль» и Mesh Group провели федеральную промоакцию с розыгрышем спортивного мотоцикла и других ценных призов. В акции мог участвовать любой покупатель, который приобрел Adrenaline Rush и зарегистрировал чеки на онлайн-витрине на сайте «Бристоль» с возможностью распознавания чека через мобильное устройство. В течение всего периода проведения акции чеки аккумулировались и выводились на промо-странице в виде рейтинга, создавая тем самым соревновательную механику.

Маркетинговые задачи

  • Объединить два смежных бренда в единую нестандартную промоакцию, способную увеличить продажи.
  • Обеспечить рост продаж за счет проведения соревновательной механики среди покупателей (вывод зарегистрированных на онлайн-витрине чеков на промостраницу магазина в виде рейтинга, по результатам которого разыгрывался главный приз — мотоцикл).
  • Повысить вовлеченность входящего трафика в осуществление покупки Adrenaline Rush и показатели LTV — c помощью проведения первой в России акции с элементами геймификации в формате челлендж. В видеоролик «Прыжок на рекорд!» вмонтирован секретный промокод, с помощью которого любой участник акции мог получить банку Adrenaline Rush бесплатно.

Подготовьте маркетинговую стратегию продвижения вашего рекламного комплекса, разделите ее на два направления — офлайн и онлайн. Подготовьте яркий и креативный дизайн онлайн-витрины и промоматериалов.

Если нет бюджета

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

Тезисы

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

Шаг №3. Привлечение офлайн-трафика

Привлекаем внимание потенциальных клиентов «с улицы»! Используйте как классические маркетинговые инструменты — наружную рекламу, яркий и креативный дизайн, брендинг общественного транспорта, так и новые, инновационные инструменты — LED-витрины, световую проекцию и др.

Если есть бюджет

Креативный дизайн. Никогда не экономьте на дизайне! Обратитесь в специализированное агентство для визуализации вашей идеи и подготовке яркого, нестандартного дизайна. Обеспечьте комплексное оформление всей категории, чтобы она привлекала внимание потенциальных клиентов.

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

Пример

LED-панели, размещенные на магазине «Бристоль», транслировали проморолики, посвященные 10-летию FMX в России, и привлекали внимание потенциальных покупателей. В результате трафик торговой точки за анализируемый период вырос в 4 раза!

Световая проекция. Это тренд! Используйте световую проекцию перед вашими торговыми точками. Яркая и креативная световая проекция позволит вызвать необходимый WOW-эффект и привлечь внимание потенциальных клиентов.

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

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

Пример

Агентство Mesh Group 3 года подряд реализует комплексный проект по продвижению Гран-при Формула 1 в Сочи и австрийской автогоночной команды RedBull Racing. В тесном взаимодействии с гонщиками Даниилом Квятом и Даниэлем Риккардо произведена PR-адаптация логотипа для размещения на болиде RB12 и форме гонщиков, разработаны дизайн-макеты, оформление федерального каталога, отрисованы рабочие макеты, обработан графический материал в соответствии с международными стандартами, выполнено PR-брендирование страниц в соцсетях.

Если нет бюджета

Разместите на фасаде торговой точки яркие акционные баннеры, которые будут привлекать внимание потенциальных клиентов. Установите хотя бы одну ЖК- или LED-панель для привлечения дополнительного внимания клиентов, и она окупит себя в самые кротчайшие сроки.

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

Даже если ваша торговая точка расположена в торговом центре, вы сможете вызвать интерес посетителей ТЦ с помощью креативного оформления. Например, можно сделать пирамиду из старых телевизоров, подключив их к одному каналу вещания, и тем самым привлечь внимание потенциальных клиентов.

Тезисы

  • Привлекайте внимание потенциальных клиентов «с улицы».
  • Используйте новые тенденции — ЖК- и LED-панели.
  • Заявите о себе.
  • Установите световую проекцию.
  • Используйте наружную рекламу.
  • Забрендируйте автотранспорт.
  • Никогда не экономьте на дизайне.

Шаг №4. Распределение офлайн-трафика

Оформили экстерьер и привлекли трафик «с улицы»? Обработайте входящий трафик, направив его в нужную категорию. Чем лучше представлена категория, тем больше к ней внимания покупателей и выше вероятность совершения покупки.

Вот несколько примеров.

Агентство Mesh Group разработало уникальное оформление категории «Энергетические напитки» для сети магазинов «у дома» «Бристоль».

Агентство Mesh Group спроектировало подвесную конструкцию, состоящую из пяти отдельны плит ПВХ с двухсторонней печатью, а также разработало креативный дизайн рекламных баннеров для сети магазинов «у дома» «Бристоль».

Агентство Mesh Group разработало дизайн и оформление магазина в стиле и цветовой гамме, вызывающей нативные ассоциации с футбольным клубом «Спартак» для сети магазинов «у дома» «Бристоль».

Агентство Mesh Group разработало уникальное оформление категории «Снеки» для сети торговых центров «Лента». Название категории выполненно из тематических элементов и ассоциаций и позволяет покупателям сориентироваться в ассортименте. Привлекательный или харизматичный персонаж является дополнительным драйвером увеличения частоты покупок: он привлекает внимание и вызывает у покупателей чувство симпатии или удивления.

Агентство Mesh Group разработало уникальное оформление категории «Энергетические напитки» для сети магазинов «у дома» «Бристоль» в рамках реализации комплексного проекта по ежегодному продвижению Гран-при Формула 1 в Сочи и австрийской автогоночной команды RedBull Racing.

Напольная навигация и световая проекция. Это тренд!

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

Агентство Mesh Group разработало напольную навигацию в категории «Снеки» для сети торговых центров «Лента».

Боковая навигация

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

Digital-стенд. Это тренд!

Установите интерактивный digital-стенд с ЖК- или сенсорной панелью, это вызовет WOW-эффект, привлечет внимание потенциальных клиентов и станет дополнительным драйвером увеличения количества продаж. Задействуйте в рекламной кампании медийных личностей и блогеров для трансляции на digital-стенде. Разместите стикеры («Скидка», «NEW», «Выбор экспертов», «Выбор блогеров» и др.).

Вот несколько примеров.

Агентство Mesh Group разработало интерактивный digital-стенд для компании L’Oréal, мирового лидера рынка парфюмерии и косметики. Благодаря доступной стоимости разработки и изготовления digital-стенды с LED-панелью и светодиодной подсветкой, выполненные в едином стиле с рекламируемым брендом, являются эффективным дополнительным фактором увеличения продаж.

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

Для сети гипермаркетов «Перекресток» Mesh Group разработало размещение интерактивного планшета в категорию.

Дополнительные акционные стеллажи

Установите дополнительные стеллажи формата «Успей купить» с акционным товаром. Рекламная конструкция легко устанавливается и не требует каких-либо дополнительных манипуляций благодаря удобной системе монтажа.

Бренд-шелфтоппер

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

Полочные разделители. Это тренд!

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

Если нет бюджета

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

Топперы, стопперы, хедеры, шелфтопперы

Чтобы привлечь внимание потенциальных клиентов внутри категории к нужной полке с продукцией, используйте топперы, стопперы, хедеры, шелфтопперы и рамку-презентер.

Пример. Агентство Mesh Group разработало креативные топперы, стопперы, хедеры, шелфтопперы и рамки-презентеры для сети гипермаркетов «О’КЕЙ».

Тезисы

  • Ярко оформите категорию, тиражируйте выбранный Key Visual, используя единую стилистику в дизайне.
  • Чем лучше представлена категория, тем больше к ней внимания покупателей.
  • Установите напольную навигацию и световую проекцию.
  • Установите боковую навигацию.
  • Установите digital-стенды и акционные стеллажи.
  • Используйте стопперы, топперы, хедеры, шелфтопперы, бренд-шелфтопперы, рамки-презентеры и светодиодную подсветку.
  • Оптимизируйте полочное пространство.

Шаг №5. Создание промо-страницы

Привлекли офлайн-трафик? Подготовьте почву для онлайн-трафика, распределите онлайн-трафик на офлайн-точки, онлайн-витрину или страницы в соцсетях. Используйте единый Key Visual и дизайн акции. Если для разработки промостраницы в штате вашей компании нет программистов, верстальщиков и дизайнеров, обратитесь за диджитализацией проекта в специализированное агентство.

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

Если есть бюджет

Онлайн-витрина

Разработайте онлайн-витрину, на которой будет размещена информация о данном промо, а также, если актуально, форма онлайн-заказа, форма регистрации чеков на купленную продукцию, форма регистрации с возможностью распознавания чека через мобильное устройство, рейтинг участников.

Пример. Для совместной акции с Adrenaline Rush и «Бристоль» Mesh Group разработала интерактивную онлайн-витрину и ее мобильную версию, интегрированную с 3 тысячами магазинов.

В качестве еще одного примера успешно реализованной онлайн-витрины можно привести промоакцию для компании L’Oreal, реализованную агентством Mesh Group в преддверии главного женского праздника — 8 марта. Благодаря высококонверсионной промостранице и интерактивному процессу совершения покупки спрос на акционный товар превысил имеющееся предложение.

Доставка

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

Так, для федеральной сети магазинов «у дома» «Бристоль» Mesh Group разработало программный комплекс с онлайн-витриной, каталогом товаров, блоком наиболее выгодных предложений, системой лояльности и возможностью онлайн-предзаказа товаров.


Если нет бюджета

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

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

Тезисы

  • Разработайте интерактивную онлайн-витрину.
  • Реализуйте возможность распознавания чеков через мобильное устройство.
  • В случае отсутствия бюджета воспользуйтесь онлайн-конструктором посадочных страниц.
  • Реализуйте возможность онлайн-предзаказа на вашем сайте.
  • Попробуйте организовать доставку.
  • Заранее формируйте заказ клиента, чтобы сократить время выдачи товара и превзойти его ожидания.

Шаг №6. Привлечение онлайн-трафика

Наливаем трафик! Используйте современные инструменты интернет-маркетинга — таргетированную рекламу, контекстную рекламу, посев в популярных пабликах и тематических СМИ, работу с блогерами и нативной рекламой, хайп и вирусные видеоролики.

Мастер Йода рекомендует:  Защита баз mdb

Если есть бюджет

SMM

Продвигайте акцию в социальных сетях Instagram, «ВКонтакте», Facebook, «Одноклассники» и YouTube комплексно — через запуск таргетированной рекламы, «посев» в популярных пабликах и тематических СМИ.

Блогеры

Разместите рекламу на страницах популярных блогеров в Instagram. При подборе блогеров ориентируйтесь на соответствие его подписчиков вашей целевой аудитории, сравните соотношение количества подписчиков, лайков и комментариев.

Контекстная реклама

Подключите контекстную рекламу в поисковых системах «Яндекс.Директ» и Google AdWords. Подготовьте список ключевых запросов, по которым потенциальные клиенты могут искать вас или вашу продукцию. Затем отсейте запросы, ставка на показ рекламы по которым будем слишком высокой, настройте целевую аудиторию, геотаргетинг на города присутствия вашей компании, установите временные параметры показа рекламы.

Для наиболее эффективной настройки и ведения контекстной рекламы обратитесь в специализированное агентство, например, Mesh Group. В итоге вы не только не переплатите, но и сэкономите десятки, если не сотни тысяч рублей, «слитых» впустую из-за неквалифицированной настройки.

Нативная реклама

Используйте нативную (скрытую) рекламу на страницах обычных пользователей в Instagram, у которых 500–5 000 подписчиков.

Специалисты агентства Mesh Group считают, что конверсия нативной рекламы в 2–5 раз выше обычного рекламного сообщения, поскольку публикация расценивается как рекомендация знакомого (друга), такой информации доверяют.

Пример. Для поиска таких аккаунтов компания Mesh Group разработала собственный алгоритм подбора пользователей, который по определенным критериям выявляет подходящие для проекта странички в Instagram (на основании георасположения, профиля подписчиков, лайков, комментариев). Затем владельцам аккаунтов высылается предложение за вознаграждение «сделать пост» в свободной форме, но по изначальному подготовленному скрипту.

Двухуровневый маркетинг

Вдохните в акцию вторую жизнь! Организуйте дополнительное промо, ориентированное не только на увеличение количества продаж, но и на узнаваемость бренда.

Пример. Агентство Mesh Group одним из первых запустило акцию с элементами геймификации, ориентированную на возврат к повторной покупке. В видеоролик «Прыжок на рекорд!» был вмонтирован секретный промокод, предъявив который и выполнив условия акции, участники и их друзья каждый день могли получить банку Adrenaline Rush 0,25 л бесплатно.

Результатом реализации дополнительной геймофицированной промоакции с активным вовлечением покупателей в онлайн- + офлайн-интерактив стал второй этап увеличения продаж энергетического напитка Adrenaline Rush в сети магазинов «у дома» «Бристоль».

Если нет бюджета

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

Тезисы

  • Подключите таргетированную рекламу и контекстную рекламу в поисковых системах.
  • Сделайте «посев» на тематических страницах в соцсетях.
  • Разместите рекламу у блогеров.
  • Используйте нативную рекламу.
  • Снимите и растиражируйте вирусный видеоролик.
  • Используйте двухуровневый маркетинг для повторного вовлечения.

Шаг №7. Видеопродакшен

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

Если есть бюджет

Обратитесь за помощью в специализированное агентство, которое разработает идею вирусного ролика, займется его созданием и продвижением.

Пример. Компания PepsiCo и сеть магазинов «у дома» «Бристоль» обратились в Mesh Group с задачей создания вирусного видеоролика. В результате был разработан сценарий и снят видеоролик «Прыжок на рекорд!». Команда №1 по мотофристайлу в России « Ferz» совершила невероятный прыжок через здание в жилом квартале, который вошел в Книгу рекордов России. Благодаря креативной идее и профессиональному продвижению за первые дни анонса ролик набрал свыше 1 млн просмотров на YouTube. Саундтрек для видео записал автор гимна международного музыкального фестиваля KaZантип Артем Харченко (диджей TYOMA).

Если нет бюджета

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

Тезисы

  • Придумайте креативную идею.
  • Снимите и растиражируйте вирусный видеоролик.

Шаг №8. Аналитика и замеры

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

Если есть бюджет

Используйте системы сквозной аналитики, они позволяют отслеживать и контролировать все ключевые показатели эффективности вашей рекламной кампании — трафик, вовлеченность, звонки, конверсии, окупаемость.

Пример. В рамках совместного проекта PepsiCo, «Бристоль» и Mesh Group ежедневно производился замер офлайн-покупок и онлайн-заказов при помощи интеграции «1С» с онлайн-витриной. Важно было отслеживать и находить возможности для постоянного повышения эффективности и оптимизации рекламного бюджета. В результате посещаемость сайта «Бристоль» за период акции выросла более чем в 2 раза, а трафик торговой точки ритейлера — в 4 раза. Количество продаж энергетического напитка Adrenaline Rush увеличилось в 3 раза.

Если нет бюджета

Анализируйте количество продаж в системе «1С», сверяйте количество офлайн- и онлайн-заказов, используйте swot-анализ и бесплатные инструменты web-аналитики — «Яндекс.Метрику» и Google Analytics. Настройте «цели» web-аналитики, таким образом вы сможете отслеживать воронку продаж без каких-либо дополнительных затрат.

Тезисы

  • Используйте системы сквозной аналитики.
  • Используйте swot-анализ.
  • Используйте инструменты web-аналитики — «Яндекс.Метрику» и Google Analytics.
  • Анализируйте и постоянно улучшайте воронку продаж.

Шаг №9. Страхование рекламных рисков и KPI

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

Если есть бюджет

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

Пример. Специалисты агентства Mesh Group отмечают, что на сегодняшний день мало быть профессионалом в одном направлении, необходимо быть полностью автономным, постоянно поглощать новые знания, развивать такие специализации, как IT, AI, VR, BTL, SMM, брендинг, дизайн, видеопродакшен и др.

Будущее за агентствами, которые полностью берут на себя весь объем работ и могут гарантировать конкретные объемы продаж, а значит быть гарантом эффективности рекламных кампаний и генерировать свою прибыль за счет процента от реализованного объема SKU. Но вопрос, пойдут ли на это ритейлеры и производители, остается открытым.

Если нет бюджета

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

Тезисы

  • Используйте страхование рекламных рисков и взаиморасчет, привязанный к конкретным KPI.
  • Обратитесь в специализированное в агентство.
  • Если рекламный бюджет ограничен, реализуйте проект своими силами.
  • Автономная реализация проекта одним агентством позволит сократить время и деньги.
  • Поставьте цель не только привлечь внимание, но и заработать на проведении промо.

Шаг №10. Результаты и масштабирование

Протестировали промоакцию на одном магазине? Смело двигайтесь дальше! Если вы бренд, создавайте коллаборации с торговыми сетями, тем самым расширяя зону охвата потенциальных клиентов. Масштабируйте данную модель на другие магазины и города присутствия. Разработанная вами модель промоакции должна быть универсальной, при этом иметь единый Key Visual и быть оформлена в соответствии с ним.

Если есть бюджет

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

Пример

Совместная федеральная рекламная кампания PepsiCo и «Бристоль» была реализована агентством Mesh Group в сжатые временные сроки (организация — 2 месяца, проведение — 3 месяца). В перспективе данная модель позволяет любой компании организовывать подобные масштабные промоакции в каждом городе присутствия.

Рекламный бюджет составил 45 000 $ ( Adrenaline Rush — 22 500 $ и «Бристоль» — 22 500 $) и был направлен на целый комплекс работ.

  • Key Visual
  • Создание дизайна
  • Брендинг
  • Разработка, проектирование и постройка магазина «будущего»
  • Оформление категории
  • 3D-моделирование экстремального прыжка
  • Проведение масштабного мотофристайл шоу
  • Подготовка сценария видео ролика, съемка, монтаж, постпродашн
  • Наружная реклама
  • Разработка интерактивной онлайн витрины
  • Разработка соревновательной механики
  • Таргетированная реклама
  • Контекстная реклама
  • Нативная реклама
  • Работа с блогерами
  • Размещение в тематических пабликах
  • Продвижение видеоролика «Прыжок на Рекорд»

Комплексный фронт работ выполнен одним коммуникационным агентством Mesh Group.

Повторяйте успех промоакций, которые доказали свою эффективность и принесли результат. Улучшайте изначальную идею и выходите на новый уровень!

Пример

Прыжок на Рекорд Vol.2

Mesh Group анонсировало совместный проект #SPACESURFING для PepsiCo и «Бристоль», который оставит след в истории! Впервые PepsiCo совместно с «Бристоль» покорят космос при помощи космонавта-бота на серф-доске, который совершит свободный прыжок на рекорд из стратосферы. Стремление быть первыми во всем зародит новую космическую дисциплину — #SPACESURFING!

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

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

Если нет бюджета

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

Тезисы

  • Масштабируйте акцию на другие торговые точки и города присутствия.
  • Используйте единый Key Visual.

Примечания

PepsiCo — один из крупнейших производителей продуктов питания и напитков в мире. Компания выпускает газированные, негазированные, энергетические напитки, чипсы, снеки, соки, нектары, молочную продукцию, детское питание.

«Бристоль» — федеральная сеть магазинов «у дома», компания осуществляет продажу алкогольной, табачной и вейп-продукции и товаров первой необходимости. На данный момент сеть насчитывает свыше 3000 магазинов более чем в 520 городах в 30 субъектах РФ.

Mesh Group — ведущее digital-агентство полного цикла, которое специализируется на разработке и реализации креативных маркетинговых стратегий, развитии крупных интернет-порталов, Big Data, мобильных приложений, CRM-систем, AI, брендинге и дизайне. В штате компании квалифицированные программисты, дизайнеры, маркетологи, контент-менеджеры, копирайтеры, что позволяет агентству быть полностью автономным и реализовывать как узконаправленные задачи, так и комплексные глобальные проекты. Компания сотрудничает с такими международными брендами как PepsiCo, Adrenaline Rush, Red Bull, L’Oreal, Milagro, Lamoda, Chopard, Mercedes-Benz и др. Офисы агентства открыты в Москве, Санкт-Петербурге и Волгограде.

Готовимся к 2020 году: 8 трендов клиентской JavaScript-разработки, о которых нужно знать

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

Всё, что связано с JavaScript, очень быстро развивается. Это касается и того, что можно отнести к сфере веб-разработки. В наши дни те, в основе чьих проектов не лежат самые современные технологии, начинают особенно сильно ощущать разрыв между тем, чем они пользуются, и тем новым, что появляется едва ли не ежедневно. К таким технологиям можно отнести Webpack, React, Jest, Vue, Angular в их современном состоянии. В то время как «население» мира фронтенд-разработки, включающее в себя технических специалистов и программистов, постоянно растёт, этот мир стремится к стандартизации. Появление новых технологий и инструментов уже меняет ситуацию.

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

1. Системы для работы с веб-компонентами, независимые от фреймворков и библиотек

В целом, можно сказать, что это и есть будущее. Почему? Всё дело в том, что те системы, о которых идёт речь, независимы от фреймворков. Это означает, что они могут работать как совершенно самостоятельно, так и совместно с любым фреймворком, учитывая его особенности, касающиеся представления кода. Этим системам не свойственно то, что называют «JavaScript fatigue», «усталость от JavaScript». Их поддерживают современные браузеры. В проекты, созданные с их использованием, включается оптимальное количество вспомогательного кода. Они эффективно используют возможности VDOM.

Компоненты, о которых идёт речь, построены с использованием стандарта Custom Elements. Он позволяет создавать новые HTML-теги, тонко настраивать их свойства — от внешнего вида, до внутренних механизмов и особенностей работы с Shadow DOM.

Заметные проекты в рассматриваемой области — это Lit-html (и Lit-element), StencilJS, SvelteJS, Bit.

Как принципы модульности, многократного использования, инкапсуляции и стандартизации должны выглядеть в эру компонентов? Если об этом поразмышлять, подумать о будущем UI-разработки, то оказывается, что это будущее представляют именно веб-компоненты. Мы ещё вернёмся к этой идее. А пока — вот несколько полезных материалов о веб-компонентах. Тут можно почитать об инструментах для разработки веб-компонентов. Вот материал о библиотеках веб-компонентов. Здесь можно найти пример прототипирования RSS-ридера с использованием веб-компонентов.

2. О будущем войн фреймворков и библиотек

В плане количества загрузок из NPM React всё ещё уверенно обходит Angular и Vue. По крайней мере — на данный момент.

Тут мы не собираемся рассуждать о том, какие фреймворки и библиотеки лучше других и почему этот так. Если вам интересно об этом почитать — вот и вот — материалы, в которых, на реальных данных, сравнивают Angular, React и Vue. Мы же собираемся изучить общую картину. А она выглядит следующим образом: во фронтенд-разработке доля технологий, основанных на компонентах, растёт. Постоянно растёт. Число разработчиков, которые пользуются подобными технологиями, также растёт, причём — быстро. Кроме того, в этой сфере достаточно свободного пространства для внедрения новых инструментов.


Итак, какой фреймворк будет на первом месте через 5 лет? Никто этого не знает. Но можно с уверенностью говорить о том, что тому, кто хочет быть готовым к будущему, стоит изучать базовые технологии экосистемы JavaScript, и привыкать к среде, в которой DOM находится под контролем веб-компонентов. Может быть через 5 лет ведущим инструментом для разработки интерфейсов будет React? Об этом можно подумать, взглянув на приведённый выше график, построенный по данным NPM. Но не всё так просто. Взгляните, например, на эти показатели. Они позволяют говорить о том, что, в плане реального использования, разрыв между React и Vue очень мал.

Vue и React, в плане их реального использования, очень близки

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

3. Изоляция, многократное использование и композиция компонентов

Bit — пример платформы, ориентированной на разработку компонентов, на совместную работу с ними и на их многократное использование

Говоря о фронтенд-разработке и о компонентах, из которых строятся пользовательские интерфейсы, нельзя не вспомнить о Bit.

Эта опенсорсная платформа позволяет изолировать компоненты (или любые фрагменты JS-кода, подходящие для многократного использования) и превращать их в строительные блоки, которые можно использовать во множестве проектов. При этом разработчик может контролировать исходный код компонентов, управлять его изменениями и полным деревом его зависимостей.

Проще говоря, благодаря Bit у разработчика появляется возможность заниматься совершенствованием своих компонентов в рамках разных проектов и синхронизировать изменения. Благодаря хабу компонентов bit.dev эта идея расширяется и на командную разработку, позволяя членам команд упорядочивать код и совместно его использовать.

Хаб Bit даёт в распоряжение разработчика всё что нужно для совместного создания и использования компонентов. Например — удобные инструменты поиска, интерактивную среду, в которой можно экспериментировать с компонентами, полную поддержку CI/CD.

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

4. ES-модули и CDN

ES-модули — это часть стандарта ES6, описывающая работу с модулями в браузере. Использование этой технологии позволяет выносить некий функционал в модули, которые можно загружать, например, через CDN. После выхода Firefox 60 можно говорить о том, что ES-модули поддерживаю все основные браузеры. Работа над поддержкой ES-модулей идёт и в среде Node.js. Кроме того, ожидается добавление поддержки ES-модулей в WebAssembly.

5. Управление состоянием на уровне компонента

Что нового можно сказать об управлении состоянием приложений? В наши дни управление состоянием сводится к помещению всего чего угодно в глобальное хранилище Redux.

Но такой подход может усложнить работу с компонентами, может стать препятствием к полному раскрытию их возможностей в плане многократного использования и модульности. Если рассматривать ситуацию с этой точки зрения, то можно сказать, что проекты наподобие MobX дают нам интересный, более реактивный подход к работе с состоянием приложений (тут ещё можно вспомнить и проект unstated).

Если говорить о новых стандартных механизмах React для управления состоянием, то можно вспомнить API Context и хуки. Их появление означает, что программисту, для управления состоянием, больше не нужны сторонние библиотеки, и то, что состоянием можно управлять на уровне функциональных компонентов. Это улучшает модульность проектов и возможности по повторному использованию компонентов.

В результате, если попытаться заглянуть в будущее, вполне может случиться так, что термин «состояние» будут употреблять преимущественно в применении к инкапсулированным компонентам, а не в применении к неким глобальным хранилищам данных уровня приложения.

6. Стилизация компонентов — это композиции

Разделение компонентов, реализующих логику и стили — путь к стилизации компонентов через композицию

О том, как стилизовать компоненты, за последние пару лет сказано очень много. В этой сфере существует масса возможностей. Это и встроенный CSS, и CSS-модули, и описание CSS в JS-коде, и стилизованные компоненты, и промежуточные решения наподобие Stylable.

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

7. GraphQL-API и клиентские приложения, управляемые данными

Технология GraphQL и компонентный подход к разработке открывают восхитительные возможности для клиентских веб-приложений. Например, с помощью Apollo можно, без особого труда, создавать UI-компоненты, работающие с данными посредством GraphQL. Существуют и многие другие средства, облегчающие работу с GraphQL.

Разумное обращение с различными API позволяет упростить разработку приложений, управляемых данными. Это позволяет и увеличить скорость разработки. В результате GraphQL — это технология, на которую стоит обратить внимание тем, кто задумывается о будущем.

8. Инструменты для дизайнеров, основанные на компонентах

Компоненты постепенно становятся неотъемлемой частью систем дизайна веб-проектов. Благодаря этому сокращается разрыв между дизайнерами и программистами. И те и другие приближаются друг к другу.

Например, в Sketch уже предусмотрены средства модульной разработки дизайна компонентов, предусматривающие наличие зависимостей между компонентами. Уже появляются и средства для работы в Sketch с компонентами, формирующими своё визуальное представление программно. Широкое распространение подобных средств — это лишь вопрос времени. Инструменты наподобие Figma изначально ориентированы на компоненты пользовательского интерфейса, подходящие для многократного использования. В рамках проекта Framer идёт разработка инструмента для программирующих дизайнеров. Этот инструмент позволяет дизайнерам контролировать то, как элементы пользовательского интерфейса превращаются в React-компоненты.

Итоги

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

Уважаемые читатели! Каким вы видите будущее веб-разработки?

E-commerce: 10 трендов на 2020–2020 годы

Мировой рынок ecommerce продолжает расти уверенными темпами: за 2020 год его объем увеличился на 18%, а суммарная стоимость всех онлайн-заказов составила $2,86 трлн. В России потребители за год сделали 589,6 млн заказов — это на 22% больше, чем в 2020 году, а объём рынка достиг $13,54 млрд.

В преддверии международной конференции по цифровым инновациям в ритейле IDRF’19 были проанализированы более десятка исследований с целью собрать главные тренды в электронной торговле на 2020–2020 годы.

1. Индивидуальный подход: развитие персонализации

Пионером персонализации в ecommerce стала компания Amazon: она первой начала отслеживать историю поиска и покупок пользователей, чтобы предлагать им продукты в соответствии с их интересами. В 2020 году создание персональных предложений на основе анализа пользовательского поведения станет повсеместным — во многом благодаря буму технологий искусственного интеллекта.

По прогнозам Gartner, к 2020 году онлайн-ритейлеры, которые персонализировали своей сервис, увеличат прибыль на 15%. Подтверждение этому можно увидеть уже сейчас: когда интернет-магазин Very.co.uk сделал домашнюю страницу, которая адаптируется к погодным условиям, его выручка подскочила на €5 млн.

В России тоже есть примеры успешного внедрения персонализации: такими достижениями может похвастаться, например, интернет-магазин «Республика», который увеличил выручку на 9,5% благодаря внедрению алгоритма рекомендаций.

2. Эпоха мобайла

Всё чаще люди совершают покупки со своего смартфона. Упрощённые платежи, внедренные Google, Samsung и Apple, дали мобильной коммерции новый толчок к развитию. Аналитики Statista прогнозируют, что к 2020 году mcommerce обгонит электронную коммерцию, а выручка в этом сегменте достигнет $189 млрд.

Эта тенденция набирает обороты и в России: по данным PayPal и Data Insight, около 50% жителей крупных и средних городов совершают покупки с помощью смартфона.

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

Устранив все эти недостатки и сосредоточив фокус на развитии mcommerce, компания может существенно увеличить прибыль — что испытал на себе, например, Walmart, который повысил продажи на 98%, оптимизировав мобильное приложение и обновив дизайн. А ритейлеру Exxel адаптация магазина под мобильные устройства позволила поднять конверсию на 272% и выручку на 193%.

Ещё один веский фактор, который заставит ритейлеров в 2020 году сфокусироваться на mcommerce, — внедрение Google индексации с мобильных устройств. Это означает, что, по сути, место сайта в поисковой выдаче будет определяться по его мобильной версии — даже при просмотре с десктопа.

3. Во весь голос

В 2020 году около 60% пользователей смартфонов обращались к функции голосового поиска — как при работе с голосовыми помощниками, так и в самом Google. К 2020 году с помощью голоса будет выполнена половина всех поисковых запросов. В перспективе это может привести к необходимости оптимизации сайтов под голосовые запросы.

В 2020 году таких кардинальных перемен, скорее всего, еще ждать рано, зато внедрять функции голосового поиска в онлайн-магазине можно уже сейчас: такую возможность уже предоставляют, к примеру, Amazon Echo и Google Home, 41% их пользователей действительно совершают покупки с помощью голоса.

В ближайшее время продолжат набирать популярность покупки с помощью голосовых помощников — таких, как Siri, Alexa или Google Assistant. В США пользователи Google Assistant уже могут заказывать продукты, оформлять подписки и покупать цифровые товары. А с помощью голосового помощника «Алиса» от «Яндекса» можно делать заказы на маркетплейсе «Беру» или искать товары на «Яндекс.Маркете».

Наряду с голосовым управлением активно развивается и поиск по картинке, который уже используют такие онлайн-магазины, как Asos, Ted Baker, Blippar, Ebay. Распознавать изображения и находить по ним похожие товары на «Яндекс.Маркете» умеет и «Алиса».

4. Покупки в соцсетях

Пользователи не любят покидать комфортную среду в интернете — особенно это касается соцсетей. Им намного удобнее совершать покупки прямо в Facebook или Instagram, чем переходить оттуда на внешний онлайн-магазин.

Подобные возможности сейчас развивают Snapchat, Facebook, Instagram. В Китае уже 55% пользователей соцсетей делают покупки прямо в приложении. В России этот показатель пока держится на уровне 11% — объём рынка товаров и услуг в соцсетях, мессенджерах и на сайтах объявлений в 2020 году составил 591 млрд рублей.

Согласно данным «Яндекс.Касса» и Data Insight, чаще всего пользователи покупают в соцсетях одежду и обувь, на втором месте — бытовая техника и электроника.

Данные опроса за 2020 год — Скриншот с сайта pr-cy.ru

5. Augmented Retail: дополненная реальность

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

Как отметила Морган Бачемин, директор по цифровой рекламе Online Optimism, это делает процесс покупок в интернете менее стрессовым, что особенно важно для крупных покупок.

В России такую возможность одной из первых предоставила своим клиентам IKEA, создав приложение, позволяющее «примерить» мебель в собственной квартире.

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

Белорусская компания Wannaby разработала приложение для AR-примерки кроссовок. Достаточно навести камеру на ноги и выбрать модель — и выбранная обувь в 3D-формате «надевается» на ноги. Пока сервис доступен только для iOS, но Wannaby анонсировала выпуск версии для Android уже в 2020 году. Сейчас компания ведёт переговоры о партнёрстве с брендами.

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

Кроме того, приложение сложнее продвигать, поскольку не каждый пользователь готов тратить время и память смартфона на установку. Пока WebAR доступен только для владельцев устройств на iOS 12, но уже скоро ожидается запуск AR Core для Android.

Платформа Shopify уже предоставила своим клиентам возможность добавлять AR в карточки товаров. Этой опцией уже воспользовались такие магазины, как Horne и Pure Cycles. Внедрение функции виртуальной примерки шляп позволило магазину Tenth Street Hats повысить конверсию на сайте на 33%, а вовлеченность — на 74%.

В 2020 году мы в 24ttl запустили проект WebAR для Ozon.ru. Для начала мы разработали AR-решения для 30 карточек товаров в категории «телевизоры» — благодаря этому пользователи могли увидеть, как телевизор будет смотреться в реальном размере на их столе или стене, и выбрать подходящую диагональ.

Степень вовлеченности пользователей в карточках с AR значительно возросла по сравнению с обычными карточками, что, в свою очередь, отразилось на показателях сайта.

В 2020 году ожидается настоящий бум технологий дополненной реальности: этому способствует появление браузерного AR, предстоящий запуск ARCore для Android и другие тенденции. По данным Retail Perceptions, к 2020 году развитие AR-технологии должно увеличить совокупную прибыль ecommerce на $120 млн.

6. Контент превыше всего

По данным DivanteLTD, в 2020 году контент-маркетинг вышел на первое место по объёму инвестиций и занял место в пятёрке основных инвестиционных направлений на 2020 год.

В чем причина такой востребованности? Грубо говоря, в онлайн-среде пользователи приобретают не товар, а картинку с описанием. Между эффектно оформленным продуктом и безликим описанием покупатель, скорее всего, сделает выбор в пользу первого.

Это привело к появлению так называемого рич-контента — яркого презентационного контента с видеороликами, 3D- и AR-обзорами, качественными баннерами и полноценным описанием, который пришел на смену традиционным карточкам товаров.

Линейка телевизоров QLED TV 2020 на сайте «М.Видео»

Рич-контент воздействует на эмоции покупателя, позволяет наглядно продемонстрировать преимущества продукта и разные сценарии его использования.

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

7. Тотальная автоматизация

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

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

Частным способом автоматизации стали чат-боты, которые пришли на смену живым менеджерам. Как выяснили аналитики HubSpot, уже сейчас почти половина клиентов пользуются чат-ботами при обращении в компанию, а к 2020 году чат-боты возьмут на себя 85% коммуникации с клиентами. К 2025 году рынок чат-ботов может вырасти до $1,25 млрд.

За счет снижения загрузки сотрудников и оперативности обработки сообщений чат-боты позволяют значительно улучшить клиентский сервис. Так, заменив менеджеров для общения с пользователями на чат-бота, ИТ- компания MongoDB увеличила количество клиентов на 70% за три месяца.

8. Омниканальность

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

Это приводит к постепенному исчезновению границ между электронной коммерцией и офлайновой розницей: покупатель может начать покупку в мобильном приложении продавца, продолжить ее на сайте с десктопа, а завершить в физически магазине.

Такой принцип ввёл британский ритейлер одежды Missguided. Он разработал интернет-магазин и собственное приложение, работа которых синхронизирована. Если пользователь добавит товар в корзину через приложение, а после зайдет на сайт с десктопа, он увидит в корзине ту же позицию — и наоборот.

Те же функции доступны и при проверке статуса доставки, а возврат товара можно оформить как в магазине, так и через интернет — вне зависимости от того, где была совершена покупка.

9. Экспансия маркетплейсов

«Маркетплейсы пожирают мир», — заявил основатель и президент Amazon Джефф Безос. И не случайно: аналитики Forrester Research полагают, что к 2022 году 67% всех онлайн-покупок в мире будет сделано через маркетплейсы, в первую очередь — Amazon, Alibaba, JD.com и Ebay.

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

Крупные ритейлеры уже сейчас внедряют функциональность маркетплейсов, чтобы повысить выручку за счет комиссии от продаж. Предлагая аудитории продукцию разных поставщиков, интернет-магазины смогут увеличить клиентский поток за счет расширения ассортимента и создания прямого доступа к товарам. Так поступили, например, компании Best Buy Canada, Walmart Canada, австралийская Catch Group.

В России маркетплейсы еще не приобрели такого влияния, как на западе, но уже сегодня многие начинают поиск товаров сразу с таких сайтов, как Wildberries, Lamoda или «Яндекс.Маркет». Активно развиваются и новые площадки: Goods, «Беру» и многие другие.

10. Новая доставка

Каким бы функциональным и технологичным ни был интернет-магазин, без развитого сервиса доставки он не выживет. По данным исследования PwC, 29% потребителей в России считают доставку главным критерием после цены при выборе ритейлера.

Чем крупнее город, тем более важной становится скорость доставки: так, 34% москвичей готовы заплатить больше, чтобы получить товар менее, чем за три часа, а почти половина жителей столицы готова переплачивать за приезд курьера в конкретное время.

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

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

Так, 38% пользователей ожидают от интернет-магазина возможность доставки в тот же день, однако 77% складов в России признают, что доставка в день заказа является для них большой проблемой.

Это вынуждает многие интернет-магазины «пересесть» на альтернативные виды транспорта: скутеры (в России этот метод активно используют Pizza Hut и «Domino’s Пицца») или велосипеды, как лондонская сеть Sainsbury’s.

Доставка дронами пока не получила большого распространения, но активные разработки в этой области свидетельствуют о ее потенциале. Например, китайский ритейлер JD.com заявил о создании дрона, который позволяет доставить товар весом до 50 кг уже через 7 минут после заказа. Беспилотников для доставки тестирует Amazon, в России эту технологию развивает сеть «Додо Пицца».

Заключение

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

Добавить комментарий