ТОП 10 инновационных дизайнов сайтов электронной коммерции
В сфере eCommerce дизайна многие стремятся проявить индивидуальность. Узнаваемый продающий ресурс не примут за иного онлайн-торговца. Вас интересуют оригинальные подходы со свежим взглядом на привычные вещи?, – эти 10 сайтов электронной коммерции пример новаторства и креатива. Сайты не только демонстрируют современные e-Commerce тренды. Возможно, это дизайны электронной торговли завтрашнего дня, заслужившие уже сегодня Awwwards премии.
Смотрите мини-коллекцию авангарда электронной коммерции, в которую просто не включены заурядные примеры сайтов.
1. A-dam Underwear
Тренд e-Commerce дизайна – сайт электронной коммерции больше не выглядит обычным онлайн-магазином. Уходя от шаблонности, дизайнеры оформляют E-коммерческий сайт так, что он напоминает портфолио агентства.
Продавец нижнего белья не уклоняется от смущающих моментов, с юмором привлекая внимание к продукции заголовком «got balls?» и фиговым листом в логотипе.
Обычно, привередливый потребитель смотрит на это брезгливо, но индивидуальность и креатив в значительной части eCommerce бренда делают сайт продавца ближе к целевому покупателю. Успех объясним: тут понимают потребителя своего бизнеса.
Асимметричная разметка страниц позволяет оригинально показать товар и становится популярным трендом в электронной коммерции. Плюс, расчет на аудиторию. Для любителей шопинга помоложе, отходить от общих правил – это нома. Они смогут по достоинству оценить экстравагантность онлайн-магазина.
При всей необычности дизайнерских решений, A-dam поддерживает ясность в навигации и структуре, необходимую продающему товар сайту (уже привычное выскальзывающее меню, корзина в правом верхнем углу и т.д.). Анимированные микроитерации с блеском подчеркивают крутость сайта. Визуальное креатив-великолепие приправлено UI-плюшками: активными hotspot точками с круглыми плашками, всплывающими миниатюрами, сменой курсора над активной областью.
2. Shun Cutlery
Стильность и современность Shun Cutlery в гармонии с традиционными идеями оформления интернет магазинов. К примеру, оформление главной страницы. Карусель широкоформатных имиджевых фото сочетается с минималистичным меню навигации, а белый бэкграунд создает футуристический вид, при этом все элементы – классика электронной коммерции.
Shun Cutlery подает пример, как переложить старую e-Commerce модель на новый лад. Зачем менять то, что работает. Проще представить в новом свете и выделиться среди конкурентов, сохраняя привычный функционал.
Страница каталога товаров размечена по модульной сетке – самым обычным для интернет-магазина образом. Но отсутствие визуально разграничивающих рамок, отличает страницу от других размеченных по грид-сетке eCommerce сайтов.
3. Paul Valentine
Дизайнеры Paul Valentine пошли на оправданный риск. Например с Hero-фотографией во весь первый экран, без каких-либо текстов и навигации… полагаясь на последующий скролл (допущение логичное для 2017-го).
Второе рискованное решение – боковое меню навигации с иконкой корзины, оказавшейся слева внизу, а не в правом верхнем углу. Однако, при малом количестве страниц, нынче позволительно упрощать навигацию.
В конце концов, Paul Valentine целенаправленно усиливает визуальное восприятие продукта — разумный выбор для первоклассного бренда. Внимание акцентировано на продукции, а не на элементах дизайна.
4. The Cool Club
Можно было ожидать изобретательности с креативом от онлайн-магазина, продающего картины-постеры для украшения современного интерьера. Попадая на главную страницу, оформленную под Landing Page, можно разглядеть типичный для бренда иллюстрированный стиль, дополненный привлекающей внимание анимацией. Прокрутка иллюстраций знаменитостей — элемент игрового дизайна (геймификации), не часто используемого на сайтах электронной коммерции.
Посетитель, переходя с главной к каталогу и карточке товара и видя знакомое e-Commerce окружение, может легко совершать покупки. Формат продуктовой страницы достаточно стандартный: изображение товара, описания, отзывы и СТА-кнопка.
5. Bouguessa
Bouguessa еще один пример инновационного eCommerce дизайна, без окончательного отказа от привычных шопперу элементов. Лендинговые элементы на главной странице придают ей собственный смысл. Главная становится похожей на обложку журнала. Минимизированное и прижатое к правому краю навигационное меню, освобождает пространство под Hero-изображение в бэкграунде самого продаваемого товара.
Идея эффектной сортировки товаров взята из интерфейса игры со словами «mad lib». Смысл 2-х выпадающих списков раскрывается при затемнении окружающего контекста предложения.
6. Someone
Интернет магазин обуви и туристических принадлежностей Someone, пожалуй наиболее «заурядный» в этой eCommerce-подборке, но и он в достаточной степени узнаваем. На вид, главная страница не так уж оригинальна. Но сайт выделяется благодаря деталям – например, ландшафтные фото вместо изображений товара (Someone – туристический бренд), фирменный нейминг, вроде «Be Someone».
Внутренняя страница каталога оформлена в типичном формате электронного магазина. Уникальности добавляет hover-эффект с осветлением фото и появлением в рамке наименования / цены.
7. Fotonaut
Запустить интернет-магазин под новый, никому не известный продукт не так-то просто. Преодолеть трудности помогает искусно выполненный дизайн, который выводит продающий сайт на новый уровень.
С добавлением ярко желтого оттенка в черно-белую цветовую схему, дизайн выглядит современно и стильно. Оригинальные изображения, вроде астронавта и космического пространства связывают реализуемый продукт с футуристическими ассоциациями.
Выигрышная дизайн-маркетинговая стратегия помогает представить товар продвинутым и совершенным.
Дизайнер оформляет карточку товара в тех же тонах (акцентный желтый), но с минималистским шиком. При этом страница принимает особый футуристический вид.
8. Glitty
Оригинальный дизайн помогает eCommerce ресурсу продавать товар из коллекции эксклюзивных Macbook, iPhone, iPad с отделкой под дерево. Его задача – создать настроение под целевую аудиторию (современная молодежь). Довольно нестандартно для ресурса онлайн-торговли расположена корзина (внизу вертикальной панели навигации). Учтен свободолюбивый дух потребителя: В лендинг экране эмоциональное Hero-видео с автозапуском – все по хип-хопу!
Визуал на первом месте. На странице товара с Hero-изображениями, все пропитано идеей: как естественно и хорошо выглядит продукт.
9. Horological Smartwatch
Утонченный дизайн со стильной анимацией. При прокрутке меню эффектно сжимается. Уникальная опция – счетчик прокрутки, подсказывающий сколько скроллить осталось.
Микроитераций и визуального креатива на внутренних страницах не меньше, чем на главной. В каждом экране расположена кнопка призыва. Полезное новаторство в оформлении продуктовой страницы: вертикально расположенный список основных моментов (если вы упустили что-то на главной странице).
10. Zulu & Zephyr
На первый взгляд ничего особенного в этом онлайн-магазине. Но можно рассмотреть элементы изысканного новаторства в этом завершающем примере ТОПа лучших e-Commerce дизайнов. Модный бренд переосмысливает концепцию сайта электронной коммерции не диковинными решениями, а путем простого увеличения привлекательности используя фотографии людей.
Обычный трех-колоночный каталог. Полезная опция: по наведению курсора можно выбирать размер и добавлять в корзину. Модели изображены в пол-лица, чтобы не отвлекать внимание. В то же время сами изображения более вытянуты (в сравнении с др. интернет-магазинами) с целью лучше показать, как смотрится товар на модели.