АвтоТок

АвтоТок — интернет-магазин аккумуляторов для автомобилей, мотоциклов, ИБП и сопутствующих товаров.

О проекте

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

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

Срок8 недель
Форматинтернет-магазин

Что было важно для потенциальных покупателей

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

Для пользователей были важны:

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

Концепция проекта

Концепция проекта строилась вокруг идеи быстрого и уверенного выбора аккумулятора.

Пользователь не должен разбираться в сложной технической структуре каталога, если он не знает точную модель АКБ. Поэтому в интерфейсе были объединены два сценария: самостоятельный поиск через каталог и подбор по автомобилю.

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

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

Заполнить бриф

Выбрали ключевые вопросы о сроках, бюджете, процессе работы и поддержке, чтобы вам было проще принять решение и понять, как мы будем двигаться дальше

UI/UX-структура и проектирование

UX-проектирование строилось вокруг основных сценариев покупателя.

Сценарий 1: подбор по автомобилю

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

Сценарий 2: поиск через каталог

Пользователь переходит в каталог, выбирает категорию товара, применяет фильтры и сравнивает подходящие варианты.

Сценарий 3: покупка из карточки товара

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

Сценарий 4: обращение к компании

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

Ключевые UX-решения

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

Фотографии проекта

Результат

Проект позволил обновить интернет-магазин АвтоТок и подготовить его к росту продаж за счёт улучшения пользовательского опыта и усиления e-commerce-функциональности.

Ключевые показатели

Срок
8 недель
Тип проекта
интернет-магазин
Направление
Автотовары / аккумуляторы
Основная цель
Рост конверсии
Интеграция с CRM
выполнена
Подготовка к продвижению
выполнена

Кейсы, в которых дизайн и разработка работают на результат.

Показываем, как сайты, сервисы и интерфейсы помогают компаниям привлекать клиентов, продавать и развиваться.

Liacare
Liacare — технологический продукт для заботы о пожилых людях дома. Устройство помогает отслеживать бытовые риски, деликатно взаимодействует с пользователем и не выглядит как медицинский прибор.
Dr.Oracle
Dr. Oracle — многостраничный интернет-магазин косметики с продуманным каталогом, удобными карточками товаров, страницами категорий, информационными разделами и понятным оформлением заказа.

PlayhouseTix
Платформа для покупки билетов в кино и на концерты. В проекте реализованы три языковые версии, личные кабинеты для организаторов и покупателей, а также SEOоптимизация страниц событий и площадок: ЧПУ, мета-теги и высокая скорость загрузки.
Nordex Motors
Nordex Motors — интернет-магазин автомобилей с пробегом из Европы. Мы создали удобную digital-платформу для подбора автомобиля, изучения характеристик и оформления заявки на покупку.