Онлайн-магазин АвтоДеталь

Онлайн-магазин АвтоДеталь

Перейти на сайт
01О проекте

Цель и задачи проекта:

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

Задача: Переупаковать каталог, карточку товара и ключевые сценарии покупки без потери текущего функционала.

Срок реализации
2 недели
Тип проекта
Онлайн-магазин
Тип работ
Дизайн и разработка
02Дизайн

Каталог, который помогает быстро найти деталь

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

03Реализация

Карточка товара и сценарии покупки

Детальная страница показывает совместимость, характеристики и условия доставки в одном месте. Повторная покупка занимает меньше шагов благодаря сохранённым данным и понятным CTA.

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

Администрирование каталога товаров

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

Панель администратора со списком товаров АвтоДеталь

О товаре

Данный раздел демонстрирует детальный интерфейс карточек товаров, в котором видна вся нужная информация.

Карточка товара интернет-магазина АвтоДеталь

Детали заказа

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

Просмотр заказа в панели администратора АвтоДеталь

Детали заказа

Также можно посмотреть детали заказа в более удобном интерфейсе с возможностью просмотра статуса доставки и иной информации.

Страница заказа в личном кабинете АвтоДеталь
Карточка товара АвтоДеталь на смартфоне
Личный гараж АвтоДеталь на планшете
04Результат

Магазин готов к росту конверсии

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

Экраны реализованного интерфейса АвтоДеталь