Ср, 30/12/15 – 4:56 | 10 комментариев

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

Читать статью »
Веб маркетинг

О маркетинге в сети Интернет и web-эффективности

Дизайн

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

Wordpress

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

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

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

Свой сайт

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

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

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

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

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

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

Pekokis

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

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

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

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 сайта в пример