39 примеров продающего дизайна интернет-магазина

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

Babyswag

Проект представляет собой редизайн старого сайта по продаже детской одежды и аксессуаров.

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

Babyswag

Задача

Редизайн существующего сайта по продаже одежда и аксессуаров для детей.

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

Шрифты и цвета

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

Оформление блога и карточки товара

Преимущества

Товар в каталоге, UI-элементы и баннер

Внутренние страницы

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

Baker House

Сайт предназначен для продажи кулинарных изделий с основным упором на кондитерскую выпечку.

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

Baker House

Типографика

Цветовая гамма

В дизайне сайта использовалось 2 основных цвета: желтый #ffcc00 и черный #0d0d0d.

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

Вместе данные цвета отлично контрастируют и создают интересное сочетание, выделяя нужные элементы.

Адаптивность

Обеспечить универсальность сайта для различных устройств – вот основная задача адаптивного дизайна.

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

Товар в каталоге, UI-элементы и баннер

Внутренние страницы

SweetHelp

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

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

SweetHelp

Задача

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

Шрифты и цвета

UI-элементы

Barbarusso

Магазин предлагает принадлежности для бритья.

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

Barbarusso

Задача

Разработка интернет-магазина по продаже бритвенных принадлежностей. Разработка гайд-бука по безлопастному бритью.

Исследования

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

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

Шрифты и цвета

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

В дизайне сайта использовалось 2 основных цвета: золотой #bb9953 и темно-серый #262624. Золотой – для заголовков и элементов управления, темно-серый – для тестов. Вместе они создают интересное сочетание теплого светлого цвета и теплого, но практически черного серого.

Гайдбук

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

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

Внутренние страницы

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

Мы придерживались минималистичного стиля, чтобы пользователь полностью сконцентрировался на продукции магазина. При этом добавили upsale-элементы, такие как похожие и сопутствующие товары, табы с видео в карточке товара. CЕО-тексты описания продукции в каталоге и стимулирующие тексты в корзине.

Levage (Zhilyova)

Магазин продает дизайнерское женское белье и аксессуары.

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

Levage (Zhilyova)

Шрифты и цвета

MaskOff

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

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

MaskOff

Логотип

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

Адаптивность

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

Millys

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

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

Millys

Цвета и шрифты

Сетка

Адаптивность

Sport-ritm

Компания продвигает на рынок пульсометры и аксессуары фирмы POLAR.

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

Sport-ritm

GreatFood

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

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

GreatFood

Задача

Разработать сайт по доставке питания. Необходимо учесть все особенности отрасли, выявить ЦА. Создать простой, интуитивно понятный интерфейс. Для это мы главную страницу структурировали под лендинг, что позволит максимально привлечь внимание пользователя и увеличить конверсию.

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

Цветовая гамма

Типографика

Внутренние страницы

Доступна функция просмотра меня на неделю, в котором можно узнать калорийность блюд, состав БЖУ. А также оформить доставку как на один день, так и на неделю, месяц.

CustomStreetWear

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

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

CustomStreetWear

Задача

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

Шрифты и цвета

Карточка товара

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

UI-элементы

Skoromama

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

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

Skoromama

Главная страница

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

Карточка товара

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

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

Адаптивность

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

Цвета и шрифты

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

В качестве основного шрифта был выбран шрифт Blogger Sans Light без засечек и для заголовков - декоративный шрифт Bradobrei.

Dreambikes

Сайт по продаже велосипедов, аксессуаров и запчастей.

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

Dreambikes

Bite&Eat

Магазин занимается оптовыми продажами сладостей различных брендов.

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

Bite&Eat

Типографика, цвета, иконки

Страница каталога

Для удобства покупки крупных партий товара и быстрого поиска необходимого, товары в каталоге представлены в виде таблицы.

Адаптивность

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

Солнечный мир

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

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

Солнечный мир

Valencia

Интернет-магазин по продаже букетов и цветов.

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

Valencia

Задачи

1. Разработка уникального, соответствующего целям проекта дизайна.
2. Удобная навигация, доступный поиск информации на сайте.
3. Разработка дополнительных привлекательных и полезных пользователю сервисов.
4. Реализация маркетингового инструментария.

Цвета и шрифты

Логотип

Логотип направлен на повышение узнаваемости фирмы.

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

UI-элементы

HoverBot

Компания продает мобильный электротранспорт.

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

HoverBot

Задача

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

Шрифты и цвета

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

UI-элементы

Карточка товара

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

Каталог товаров

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

При наведении на товар появляются дополнительные функции.

Большой футер

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

Nemes

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

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

Nemes

Oysters

Магазин российских смартфонов от бренда Oysters.

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

Oysters

Цвета и шрифты

Drip13

Магазин реализует Вейп-продукцию и все, что с ней связано.

«Дымный» дизайн максимально передает тематику представленной продукции. При этом учитывалась возрастная аудитория (от 18 до 40 лет). Блочная структура позволяет посетителю быстро увидеть новинки, аукционные предложения и другой контент. Особое внимание было уделено адаптивности.

Drip13

Задачи

Задачи, которые должен выполнять интернет-магазин: возможность покупки товаров онлайн, продуманная структура сайта, возможность получения акционных предложений, автоматизация процесса оплаты товаров покупателем. В результате исследований выявлена целевая аудитория: люди 18-40 лет с достатком «выше среднего». Определение ЦA сайта дает возможность разработать правильную структуру и дизайн для проекта.

Цвета и шрифты

Карточка товара

Главная страница

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

Превью баннеров:

Блок «Акционные Предложения» дает возможность выводить 5 акций единовременно:

Блок «Новости» содержит самые актуальные статьи:

Блок «Бренды» выполняет несколько задач:

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

Блок «Instagram | Видео» транслирует новые фотографии и видео из социальных сетей:

GetZooFood

Магазин занимается продажей широкого ассортимента товаров для животных.

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

GetZooFood

Задача

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

Цвета и шрифты

Каталог товаров

Категории товаров и фильтры вывели слева, выделив блок каталога фирменным жёлтым цветом. Фильтрация товаров осуществляется автоматически при выборе параметров.

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

Карточка товара

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

Корзина товара

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

Справа от товаров мы добавили блок «порадуй питомца» и информационную рекламную строку сразу под товарами.

Starfall

Магазин по продаже брендовой одежды из США.

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

Starfall

Цвета и шрифты

UI-элементы

Адаптивность

KeyFood

Магазин по продаже вкусных продуктов: снеков, кондитерских изделий, здорового питания и другое.

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

KeyFood

Главная страница

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

Блоки главной страницы:

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

Карточка товара

Несколько товаров представлены уже на главной странице, с указание цены, его наименованием, брендом, фотографией, а также кнопками «Добавить в избранное» и «Купить». При наведении можно увидеть основные свойства продукта: его вес и срок хранения. Так же здесь можно добавить товар в избранное, либо купить.

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

UI-элементы

Шрифты и цвета

Адаптивность

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

Beauty Ware

Онлайн магазин поставляет посуду разных брендов.

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

Beauty Ware

Цвета и шрифты

Ice Boom

Сайт позволяет создавать собственное мороженное онлайн.

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

Ice Boom

AllTactic

Компания представляет тактическую экипировку и снаряжение.

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

AllTactic

Шрифты и цвета

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

Главная страница

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

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

Адаптивность

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

Версия для мобильных устройств, как и деск-топ, также оснащена svg-анимацией и имеет полноценный функционал.

Карточка товара

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

Sabrina

Интернет-магазин реализует одежду, натуральный текстиль и трикотаж.

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

Sabrina

HELO

Компания продает браслет для отслеживания здоровья.

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

HELO

Задача

Разработка лендинга по продаже смарт-браслета Helo для компании Wold Wear. Лендинг одного товара – достаточно сложная задача, требующая доскональной продуманности структуры. На одной странице необходимо было уместить не только технические характеристики товара, но и отзывы, видео, отобразить комментарии покупателей, и саму карточку товара, при этом не перегрузив страницу контентом.

Блоки

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

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

South End

Фанатский проект по продаже одежды с авторскими принтами.

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

South End

Типографика, элементы и цвета

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

Адаптивность

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

Карточка товара

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

Sharp

Сайт по продаже бытовой техники от японского бренда.

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

Sharp

Задача

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

UI-элементы

Для текстов и контрольных элементов мы использовали шрифт Proxima Nova. Шрифт без засечек, удобный для прочтения и хорошо перекликается со шрифтовым написанием логотипа. В качестве основных цветов были выбраны три спокойных цвета: серо-оливковый (базовый цвет), темно-синий и нежно-зелёный (акцидентные цвета), — которые гармонично сочетаются.

Элементы управления выполнены в минималистичном стиле — тонкие линии, заглавные буквы. В активном состоянии цвет кнопки меняется на зеленый.

Адаптивный дизайн

X3M

Компания Extreme поставляет сертифицированные гаджеты.

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

X3M

Teambooktu

Сервис по продаже книг онлайн.

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

Teambooktu

Lady Maria

Магазин продает женскую одежду больших размеров.

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

Lady Maria

SIGIL Inspired

Ресурс по продаже косметики ручной работы от Тамми Тануки.

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

SIGIL Inspired

PuppyStyle

Интернет-магазин эксклюзивных товаров для животных.

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

PuppyStyle

Пузунята

Магазин продает детскую одежду ведущих мировых брендов.

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

Пузунята

Titanium Booster

Лэндинг для продажи косметического продукта.

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

Titanium Booster

Адаптивность

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

HandMade

Магазин продает широкий спектр товаров для для рукоделия.

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

HandMade

Electromobile

Магазин по продаже детского электротранспорта.

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

Electromobile

Рузское Молоко

Интернет-магазин агрохолдинга, который изготавливает молочнокислую продукцию.

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

Рузское Молоко

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