Bontyre

Дизайн интернет-магазина шин: подбор по характеристикам, сравнение вариантов и понятное оформление заказа.

Интернет-магазинB2CАвто1 месяц50 000₽

Цели бизнеса

Помочь выбрать подходящие шины

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

Поддержать решение о покупке

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

Сократить затруднения при заказе

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

Задачи

Выстроить каталог и фильтрацию

Разобрать путь от категории к подходящим товарам. В интерфейсе поиска важно не потерять выбранные параметры и дать возможность уточнить выбор.

Организовать карточку шины

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

Спроектировать оформление

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

Дизайн-решения

Характеристики как основа выбора

Структура каталога и карточки поддерживает сравнение шин. Посетитель видит значимые параметры в предсказуемых местах и может вернуться к выбору.

Спокойный фон для большого каталога

Темно-синий, белый и серый формируют визуальную иерархию. Акценты помогают отличить основные действия от информационных элементов.

Последовательность вместо перегруженной формы

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

Исследования

Проектные гипотезы

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

Результаты проекта

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

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

Структурированная карточка товара

Информация о шине и действие заказа получили четкую иерархию. Карточка поддерживает сравнение и принятие решения.

Проработанный путь к оформлению

Подготовлен дизайн оформления заказа и мобильной подачи. Итог можно оценить по макетам и последовательности действий.

Готовы начать?

Можно просто написать

Даже если пока нет четкого ТЗ. Разберемся вместе, что лучше сделать, как упростить и где усилить. Без лишнего и по делу

Портрет

Я не начинаю с визуала. Сначала разбираюсь, как человек будет пользоваться продуктом, где он может запутаться и что можно упростить