Интернет-магазин женской одежды

01

В большом каталоге легко потеряться

02

Визуал не должен мешать выбору товара

03

Путь до покупки должен быть понятным

Выразительная подача бренда не мешает быстро найти и оценить товар

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

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

Фото, цвет, размер, цена и основные действия собраны на первом уровне, чтобы всё нужное для выбора было доступно сразу

С первых экранов должно быть понятно, какой это бренд и куда идти дальше

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

Крупные визуалы и типографика формируют узнаваемую и более смелую подачу

Категории и товарные подборки помогают быстро перейти от просмотра к каталогу

Пользователь может проверить состав заказа и изменить его до перехода к оформлению

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

Товары, размеры, количество и стоимость видны до перехода к оформлению

Позиции можно скорректировать или удалить прямо в корзине

Путь до покупки разбила на понятные шаги без лишней информации

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

Каждый этап продолжает предыдущий и ведёт пользователя к завершению заказа

На экранах остаются только нужные данные и основные действия

История, ценности и визуальный характер помогают лучше понять StyleHaven

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

История и визуальная подача помогают передать настроение и позиционирование бренда

Информация о компании помогает пользователю лучше понять, кто стоит за магазином

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

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

Личные данные и основные параметры аккаунта собраны в одном разделе

История покупок и сохранённые товары доступны рядом, чтобы к ним можно было быстро вернуться

Пользователь понимает, что нужно сделать и какие данные потребуются на каждом этапе

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

Процесс разбит на последовательные этапы, чтобы пользователь понимал, что делать дальше

Нужные данные и действия собраны внутри одного сценария без лишних переходов

Проверила, насколько понятно пользователи находят нужные разделы через меню

Посмотрела, насколько легко ориентироваться в товарах и работать с выбором

Проверила, насколько понятно пользователи находят нужные разделы через меню

Посмотрела, насколько легко ориентироваться в товарах и работать с выбором

Спроектировала полный e-commerce сценарий от знакомства с брендом до покупки и взаимодействия после заказа

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