Пт, 5/04/19 – 9:26 | 2 комментария

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

Читать статью »
Дизайн

Секреты веб-дизайна, примеры стильных сайтов

Тренды / ТОП

Топ лучших идей, новые тенденции и тренды WEB’а

Маркетинг

Статьи о маркетинге сайтов, примеры эффективности

Свой сайт

Как создать, оформить, сделать сайт лучше

Шаблоны сайтов

Обзоры шаблонов: лучшие темы для сайта

Главная » Интернет магазины

Лучшие дизайны интернет-магазинов в стиле Flat и Material

27 апреля 2017 Нет комментариев

Стиль Flat уже несколько лет популярен в WEBе и применяется дизайнерами для любых типов проектов. Современные e-Commerce дизайны, от одностраничных сайтов до крупных магазинов не исключение. Материальный дизайн (Material Design) от Google появился позднее флэт-стиля, но отлично подошел сайтам электронной торговли. Его элементы, такие как тень создающая слой глубины, расширяют продающие качества плоского eCommerce дизайна. Смотрите примеры эффективных дизайнов интернет-магазинов в стиле Flat и Material.

Pekokis

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

Особенности продающего дизайна — Pekokis:

  1. Очень необычный мультяшный дизайн с элементами Flat и Material
  2. Слои материального стиля заметны благодаря теням и объемным кнопкам на рифленой текстуре фона
  3. Красивая анимация пользовательского интерфейса
Читайте также:  Анимация по правилам UX-дизайна: полное руководство

Shop Bazaar

Harper’s BAZAAR торгует фирменной одеждой. Интернет-магазин выглядит очень элегантным, благодаря монохромному плоскому UI.

Особенности продающего дизайна — Shop Bazaar:

  • На главной странице динамично рекламируется текущий топовый товар
  • Хотспот опции для быстрого перехода к всплывающей карточке товара с эффектом затемнения

Denizen

Удобная структура и продуманный интерфейс – комфортность пользователям любых устройств.

Онлайн-магазин в стиле Flat и Material: элементы продающего дизайна

Особенности продающего дизайна — Denizen:

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

Lowdi

Продающий одностраничник – сайт одного товара.

Особенности продающего дизайна: одностраничный сайт одного товара в ярком плоском стиле

Особенности продающего дизайна — Lowdi:

  • Приятное сочетание плоских цветов
  • Яркий стиль Flat применяется также в продающем видео
  • Организационно-правовой FAQ, оформлением напоминает электронную книгу

Hardgraft

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

Продающий дизайн интернет-магазина: удобный в пользовании индивидуальный стиль с элементами Flat и Material Design

Особенности продающего дизайна — Hardgraft:

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

Butik

Butik.ru – пример успешной онлайн-торговли, переросшей в оффлайн-бизнес

Butik - российский магазин продающий онлайн и оффлайн

Особенности продающего дизайна — Butik:

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

4fresh

4fresh.ru – самый крупный в РФ мультибрендовый онлайн-продавец экотоваров.

4fresh.ru - яркий пример плоского и материального дизайна интернет-магазина

Особенности продающего дизайна — 4fresh:

  • Красиво сочетаются эффекты плоского UI с элементами материального стиля
  • Узнаваемость 4фреш повышают доменный нейминг и элементы фирменного стиля (цвета, типографика…)
  • Сочные тона символично напоминают о реализации натуральных продуктов. Все цветовая палитра отражена в логотипе

Читайте также:  Психология влияния цвета на конверсию сайта

Rent The Runway

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

Особенности продающего дизайна интернет-магазина: красивый функционал с интересными для покупателя опциями

Особенности продающего дизайна — Rent The Runway:

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