Катя Расторгуева
Карточка товара Minidino на ноутбуке

Minidino

минидино.рф

UX/UI, Adaptive web, B2C, E-commerce, 2025

Контекст

Интернет-магазин детской одежды с розничной сетью из 15 магазинов в Сибири и Москве и онлайн-охватом 7 млн.

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

Цель

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

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

Процесс

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

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

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

Результат

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

Детальная страница товара

Процесс

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

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

Результат

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

Email скопирован