Я спроектировал интерфейс с умными фильтрами и логичным заказом, который ведёт клиента к покупке.
Что мешает
продажам?
продажам?
Сложные фильтры, запутанное оформление и нагромождённые таблицы на сайтах шин сбивают клиента с толку. Результат — потеря в ассортименте, брошенные корзины и упущенные продажи из-за плохого UX.
Это позволяет визуально структурировать большой каталог, делает акцент на контент и создаёт ощущение порядка и продуманности интерфейса.
Основной цвет - зелёный уже был в проекте, но я доработал палитру: сделал его более софтовым и приятным для глаз. Добавил нейтральные оттенки для текста и обводок, а также контрастный белый фон. Новая палитра визуально структурирует каталог, не отвлекает от контента и создаёт ощущение порядка и продуманности.
Выбрана современная, но сдержанная минималистичная сетка с чёткими границами карточек товаров.
Inter
Semi Bold - 18
Semi Bold - 16
Semi Bold - 14
Regular - 16
Regular - 12
Light - 12
выбор
стилистики сайта
стилистики сайта
User flow спроектирован по принципу мобильного приложения: весь ключевой функционал помещён на один экран, чтобы клиенту не пришлось прыгать между страницами. Основная аудитория заходит с телефона, поэтому я максимально сократил путь — пользователь сразу видит цены и форму заказа, без лишних переходов. В итоге человек тратит на оформление около 20 секунд, а сайт работает быстро и понятно как приложение.
Я сознательно отказался от классической веб-иерархии
(«Главная → Каталог → Товар → Оформление»). Вдохновением послужила логика мобильных приложений: панель инструментов всегда перед глазами, все ключевые действия — на одном экране.
(«Главная → Каталог → Товар → Оформление»). Вдохновением послужила логика мобильных приложений: панель инструментов всегда перед глазами, все ключевые действия — на одном экране.
user flow
логика
мобильных приложений
мобильных приложений
Фильтр
Кнопка «Подобрать шины»
При скроле фиксируется внизу
При скроле фиксируется внизу
Сезонная
акция
акция
Меню
Личный кабинет
Фильтр
Сложные таблицы и десятки чекбоксов заменены на простой фильтр из трёх шагов. Поиск шин стал быстрее, клиент больше не путается.
Рекомендации
Блок рекомендаций: подходящие, крепёж и аналогичные модели. Клиент видит всё в одном месте и докупает нужное без лишних переходов.
Все в одном месте
Цена, название, корзина, наличие, отзывы и характеристики в одном компактном экране. Всё нужное - перед глазами, не надо листать и открывать новые вкладки.
Нововведения:
