+7 926 853-16-63Обсудить проект ↗

ExpertPRO: две дороги к косметике — по задаче и по бренду

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

Магазин, который начинается с выбора

ExpertPRO — интернет-магазин эко-косметики. Его витрина объединяет косметические средства, инструменты и разные направления ухода. В проекте мы представили ассортимент через несколько понятных ориентиров: тип ухода, бренд, поиск и товарные подборки. Такая организация подходит и посетителю, который выбирает средство под определённую задачу, и покупателю, который уже знает нужного производителя.

Два независимых ориентира

Под шапкой проходит тёмная полоса категорий: уход за волосами, лицом, телом, руками и ногами, защита от солнца, аксессуары и другие направления. Следом расположена строка букв и ссылка на все бренды. Эти уровни предлагают два разных способа чтения ассортимента. Первый подходит человеку с задачей ухода, второй — тому, кто уже знает производителя. Над ними остаётся поле поиска, поэтому поиск конкретного средства не привязан к последовательному просмотру категорий.

Главная ExpertPRO: категории ухода и бренды, баннер Bio2you, бестселлеры и фотография магазина.
Главная ExpertPRO: категории ухода и бренды, баннер Bio2you, бестселлеры и фотография магазина.Материал проекта · нажмите, чтобы рассмотреть в полном размере

Один продукт получает большой план

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

Товарные карточки без визуального шума

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

Онлайн-витрина связана с магазином

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

Несколько способов найти своё средство

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

Иллюстрации из портфолио OOMI показывают версию проекта на момент съёмки. Цены, акции и контакты внутри изображений могут быть неактуальны.

Обсудим вашу задачу?

Написать студии ↗+7 926 853-16-63