Два способа поиска
Шины подбираются по автомобилю или по размеру.
Кейс веб-дизайна
Интернет-магазин шин в Москве
Шины выбирают по множеству технических параметров, сезонности, бренду и условиям сервиса. Ошибка выбора стоит дорого, поэтому интерфейс должен одновременно помогать подобрать и проверять совместимость.
Проект включает главную витрину, детальную карточку и корзину. На каждом этапе сохраняются основные критерии: размер, сезон, наличие, доставка и дополнительные услуги.
- Проект
- «Шины в Москве»
- Формат
- Интернет-магазин
- География
- Москва
- Что сделали
- Каталог, товарная карточка и корзина
01
Задача
Сделать технический каталог доступным обычному водителю
Покупатель может знать точный размер шин либо только модель автомобиля. Интерфейс обязан поддержать оба сценария и не заставлять разбираться в терминологии заранее.
Мы разместили два способа подбора на первом экране, а в карточке перевели маркировку в набор понятных характеристик с иконками.
02
Подход
Подбор, проверка и комплект
Техническая карточка
Ширина, профиль, диаметр и индексы расшифрованы рядом с товаром.
Сервис вокруг товара
Шиномонтаж, доставка и хранение встроены в предложение.
Комплектная корзина
Количество шин и сопутствующие товары учитываются до оформления.
Главный экран
Подбор шин встроен прямо в первый экран
Контрастная чёрно-жёлтая система напоминает дорожную разметку и хорошо выделяет действия. Пользователь сразу выбирает удобный способ поиска, а ниже видит бренды, типы шин и специальные предложения.
- По автомобилюСценарий для тех, кто не помнит маркировку.
- По размеруБыстрый выбор по ширине, профилю, диаметру и сезону.
- По типуОтдельные витрины для летних, зимних, всесезонных и специальных шин.
04
Система страниц
Сценарий продолжается после главной
05
Интерфейс
Интерфейс помогает проверить совместимость до оплаты
Маркировка
Размер и индексы представлены как самостоятельные характеристики.
Наличие
Количество, доставка и самовывоз видны рядом с ценой.
Комплект
Стоимость четырёх шин считается до добавления.
Сопутствующие товары
Диски, датчики, крепёж и хранение предлагаются в контексте заказа.
06
Пользовательский путь
От первого интереса до целевого действия
1Задать параметрыАвтомобиль или размер
→2СравнитьБренд, сезон и цена
→3Проверить товарХарактеристики и наличие
→4Собрать заказКоличество и дополнения
07
Результат
Сложные характеристики собраны в управляемый магазин
Пользователь проходит путь от общего запроса до совместимого комплекта, не теряя контекст. Главная, карточка и корзина поддерживают один и тот же язык параметров.
В кейсе представлены дизайн-макеты. Данные о запуске, продажах, конверсии и других бизнес-показателях не предоставлены, поэтому мы не приписываем проекту неподтверждённые результаты.
Нужен сайт?