01
Фотография работает вместе с интерфейсом
Оливковая упаковка, фактуры камня и естественный свет задают характер магазина. При этом текст и элементы покупки стоят на спокойной основе и сохраняют читаемость рядом с предметной съёмкой.
Уход, который удобно выбирать
MOSS.
Интернет-магазин с естественным характером
Предметная фотография и ясная коммерческая структура интернет-магазина: средство, состав, применение и покупка.
- Ниша
- Красота и уход
- Направления
- Интернет-магазиныДизайнИнтеграции
- Участие студии
- Дизайн и проработка сценариев
01 / Контекст
Выбрать уход.
Оформить заказ.
Косметика требует одновременно эмоциональной и содержательной подачи. Покупателю важны ощущения от бренда, назначение средства, состав и способ применения. В дизайне магазина эти уровни собраны вокруг продукта.
Для кого
Покупатели уходовой косметики, которые подбирают средство под свою кожу, изучают состав и сравнивают продукты перед заказом.
Взгляд посетителя
Три вопроса до покупки
- Подойдёт ли средство моей коже?
- Что входит в состав?
- Как оформить заказ?
Что должна решить страница
Внимание к продукту
Сделать продукт главным элементом визуальной подачи.
Подбор по потребности
Помочь выбирать по потребности кожи.
Прозрачная покупка
Сохранить ясность цены и действия в карточке и корзине.
02 / Дизайн и структура
У каждого решения
есть своя задача
От первого знакомства —
к следующему шагу.
02
Карточка отвечает на вопросы выбора
Рядом с изображением размещены цена, объём и действие, ниже — потребность кожи и ингредиенты. Дополнительные сведения раскрываются по разделам, чтобы основная область не превращалась в длинную инструкцию.
03
Корзина сохраняет контроль
Покупатель видит товары, количество, промежуточные суммы и итог. Такое разделение помогает проверить заказ до следующего шага и вернуться к выбору нужного средства.
- по задаче ухода
- Подбор
- состав и применение
- Карточка
- состав заказа и стоимость
- Корзина
03 / Интерфейс
От общего — к деталям
Листайте экраны. Любое изображение можно открыть на весь экран.
Витрина уходовой косметики
Общее визуальное направление и ключевые разделы интерфейса.
04 / Мобильный опыт
Та же задача.
Меньше экран.
Каталог, продукт и корзина используют одни компоненты и визуальные акценты. На небольшом экране сохраняются изображение, стоимость и основное действие.
- Фильтрация и категории в каталоге.
- Цена и добавление товара рядом.
- Прозрачный состав корзины перед заказом.
Каталог косметики
Путь пользователя
Интерфейс ведёт
к следующему шагу
Структура складывается вокруг действий посетителя: что ему нужно узнать, с чем сравнить и в какой момент принять решение.
- 01
Выбрать категорию
Найти средства по назначению и потребности кожи.
- 02
Изучить продукт
Сопоставить состав, применение, объём и стоимость.
- 03
Добавить в корзину
Уточнить количество и проверить состав заказа.
- 04
Оформить заказ
Перейти к данным покупателя, доставке и оплате.
Итог / Состав проекта
Что собрали
в одном решении
Визуальная система магазина связывает предметную фотографию и понятную структуру выбора.
Показаны дизайн и логика покупки.
В составе проекта
- Дизайн главной магазина
- Каталог и структура фильтров
- Детальная карточка продукта
- Подача состава и применения
- Корзина и сценарий заказа
- Мобильная коммерческая логика
Остался вопрос?
Расскажите о вашей задаче. Уточним детали и поможем выбрать подходящий формат работы.
Может пригодиться
Все услугиИнтеграции
Связываем сайт, CRM, оплату и другие системы. Настраиваем передачу данных, чтобы обращения и заказы попадали туда, где с ними работает ваша команда.
По индивидуальному расчёту
SEO-продвижение
Работаем над видимостью сайта в органическом поиске: от технических ошибок и структуры до страниц под спрос. Согласуем приоритеты и развиваем сайт по понятному плану.
от 12 990 ₽/мес
Контекстная реклама
Настраиваем и ведём рекламные кампании для ваших услуг и продуктов. Связываем объявления, посадочные страницы и аналитику, чтобы видеть путь от перехода до заявки.
от 10 990 ₽/мес