zhuk avto
UX/UI-дизайн онлайн-каталога авто с калькулятором стоимости
Разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто
Разработала структуру с удобной навигацией, поиском по параметрам и информативными карточками авто
ZhukAvto — компания с многолетним опытом подбора и доставки автомобилей из Европы и США. Компания работает с широким спектром транспортных средств: от легковых автомобилей до грузовых, прицепов и полуприцепов, подбирая решения под разные бюджеты и технические требования
Клиент обратился с задачей создать полноценный сайт-каталог, который станет основным цифровым каналом продаж и позволит пользователям самостоятельно подбирать автомобили, рассчитывать стоимость доставки и понимать условия сотрудничества
До начала работы у компании не было сайта: коммуникации строились через личные диалоги и Instagram. Это ограничивало масштабируемость, усложняло обработку запросов и не давало возможности системно показывать ассортимент доступных и привозимых автомобилей
Компания захотела перейти от разрозненных продаж к полноценному онлайн-каталогу, который объединяет витрину автомобилей, инструменты фильтрации, сценарии связи с менеджером и калькулятор предварительной стоимости
Цель проекта — создать онлайн-каталог, который делает сложный сервис подбора и доставки автомобиля прозрачным для пользователя, повышает доверие к бренду и уменьшает нагрузку на менеджеров, перенося часть консультационного процесса в интерфейс
Сформировать удобный каталог автомобилей с точными фильтрами и прозрачным сценарием взаимодействия
Показать экспертизу компании и объяснить полный цикл услуги так, чтобы снизить барьер доверия
Разработать калькулятор стоимости, позволяющий пользователю быстро оценить ориентировочный бюджет
Создать масштабируемую систему интерфейсов под дальнейшее развитие продукта на WordPress
Изучила каталоги локальных и международных компаний по подбору авто, сравнила уровни детализации, сценарии просмотра карточек и механики фильтрации. На основе анализа сформировала целевую модель сервиса: информативность без перегрузки, акцент на гарантиях и процессах, быстрые пути связи
Выстроила архитектуру сайта, включая основные и дополнительные разделы. Структурировала каталог по видам транспорта (легковые, грузовые, прицепы/полуприцепы) и детально проработала фильтры, включив все важные характеристики, чтобы облегчить навигацию и уменьшить количество нерелевантных результатов
Из-за ограниченного объёма входящих данных со стороны заказчика самостоятельно выстроила процесс уточнения требований, подготовила список необходимых вопросов и согласовала ключевые пользовательские сценарии. Обеспечивала управление проектом на этапе дизайна
Проработала дизайн всех страниц и подготовила адаптивы. Собрала UI-kit, описала состояния элементов и подготовила ТЗ для разработчиков с анимациями. Учла специфику WordPress: сетки, адаптивы, компоненты и паттерны, которые будут корректно реализуемы на CMS
Построила продуманный сценарий подбора авто с иерархией фильтров (марка, модель, год, пробег, тип кузова, двигатель, состояние, бюджет). Логика исключает невозможные комбинации и ускоряет поиск релевантных вариантов
Разработала несколько типов карточек под разные категории авто (топливо, электро/гибрид, грузовые, прицепы). Для каждого сегмента выделила свой набор характеристик, чтобы пользователи получали только релевантные параметры
Создала две ключевые точки входа в услугу: основной каталог и отдельную страницу «Авто под заказ». Последняя раскрывает процесс поиска и доставки любого авто из любой страны и служит самостоятельным каналом заявок
Разработала калькулятор стоимости, который позволяет пользователю собрать базовую оценку и скачать расчёт в PDF. Такой подход уменьшает поток однотипных запросов к менеджерам.
Создала визуальную систему, основанную на строгом визуале, читаемой типографике и минималистичной палитре — чтобы акцент был на характеристиках и фото автомобилей, а не на декоративных элементах
01/
Сформировала сетку и компоненты с учётом будущей реализации на WordPress: карточки, фильтры, формы, табы, списки, состояния наведения и загрузки
02/
Проработала структуру карточек автомобилей так, чтобы фото и ключевые параметры читались в первую очередь, а вторичная информация не перегружала интерфейс
03/
Сохранила визуальную консистентность между каталогом, калькулятором и карточкой авто, чтобы любые переходы были предсказуемыми
04/
Сформирован полноценный онлайн-каталог автомобилей с удобными фильтрами и понятной структурой
Калькулятор стоимости снижает нагрузку на менеджеров и помогает пользователям ориентироваться по бюджету
Процесс сотрудничества оформлен в виде понятной структуры блоков и этапов, что делает работу с компанией более прозрачной
Сайт адаптирован под WordPress и быстро собран разработчиками по подготовленному UI-kit и ТЗ
Продукт решает один из главных барьеров пользователей — отсутствие понимания стоимости и процесса доставки
Проект наглядно подтвердил, насколько критично в сложных услугах избегать информационного шума: пользователю не нужны все детали сразу, ему важно понимать логику процесса и получать данные порционно, в нужный момент
Проведённая работа упростила восприятие сложной услуги и улучшила пользовательский опыт: клиенты быстрее находят ответы на ключевые вопросы, а интерфейс поддерживает их на каждом этапе. Это повысило удовлетворенность клиентов и усилило доверие к бренду
Дизайн сайта-каталога для B2B-аудитории: разработала интерфейс с удобной структурой, акцентом на функциональность и масштабируемость
UX/UI-дизайн интернет-магазина
с фокусом на эстетику и удобство: разработала структуру и интерфейс, усиливающие доверие к бренду
UX/UI-дизайн многостраничного B2B-сайта для клининговой компании: Создала визуальный стиль и UX-логику, адаптировала контент под три языковые версии