Пн, 9/01/17 – 17:44 | One Comment

Окинув взглядом главную страницу, средне-статистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого он …

Читать статью »
CSS верстка

О красивом оформлении страниц с css3 и html5

Дизайн

О создании веб-дизайна с примерами сайтов

Wordpress

Самое современное для сайта на Wordpress

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

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

Свой сайт

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

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

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

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

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

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

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 элементы, выразительные фоторграфии
  • Персонализация основана на сборе пользовательских данных. Потребители делятся фото, опытом покупки и впечатлениями о товаре, что повышает доверие к ресурсу
Читайте также:  Как правильно оформить главную страницу: 42 сайта в пример