Заказчик
ООО «Электроград» — крупный ритейлер электротоваров.
Задача
Превратить сложный технический каталог в современный, удобный инструмент для покупок, сохранив при этом доверие текущей аудитории. Команда А25 провела глубокую работу над визуальной и функциональной составляющей сайта.
Цели проекта
Главная цель — качественное обновление платформы для повышения конверсии и лояльности пользователей.
- Актуализация визуального образа: Приведение дизайна сайта в соответствие с современными стандартами e-commerce.
- Систематизация интерфейса: Создание единого визуального языка для всех страниц проекта.
- Улучшение бизнес-показателей: Оптимизация пути пользователя от поиска товара до оформления заказа.
Ограничения
У команды А25 не было задачи перерисовать сайт с нуля. Главным требованием бизнеса было сохранить привычную структуру и обойтись минимальными визуальными правками. Поэтому мы сфокусировались на точечном улучшении интерфейса.
Для достижения целей были реализованы следующие этапы:
1 этап – разработка дизайн-системы
- Создание библиотеки компонентов (UI Kit).
- Унификация шрифтов, цветовой палитры и стилей элементов для масштабируемости проекта в будущем.
2 этап – глубокая переработка UX/UI ключевых страниц
- Обновление внешнего вида страниц для улучшения читаемости и навигации.
- Поставили на новую дизайн-систему.
Переработанные страницы
- Регистрация
- Личный кабинет частного лица
- Личный кабинет юридического лица
- Личный кабинет электрика (монтажника)
- Нанять электрика (Монтажники)
- Анкета (Регистрация монтажника)
- Раздел «Для электриков»
- Страница комплекта
- Корзина
Переработанные страницы
Личный кабинет / Регистрация
Спроектировали логику ЛК под 3 разные роли пользователей (частные лица, юридические лица, электрики). Решили сложную бизнес-задачу минимальными визуальными правками.
UX-оптимизация личного кабинета пользователя
Органично внедрили расширенные данные по заказам в текущую архитектуру без визуального перегруза. Дополнительно разработали полную мобильную адаптацию личного кабинета.
- Точечные UX-улучшения. Мягко внедрили новые вводные от бизнеса (дополнительные данные в историю заказов) в уже существующую сложную логику.
- Чистый интерфейс. Расширили информативность карточек заказов, сохранив аккуратность и не создавая визуального шума.
- Адаптивность. Проработали полную адаптивность личного кабинета под мобильные устройства.
Раздел «Нанять электрика»
Обновили интерфейс заказа профессиональных услуг. Упростили для покупателей процесс оформления заявки на монтаж, бесшовно связав покупку товаров с их установкой.
Модернизация B2B- и профильных разделов
Усовременили визуал и структуру специализированных страниц для юридических лиц, монтажников и электриков. Сделали доступ к профессиональным услугам интуитивным.
UX-оптимизация корзины
Радикально упростили управление большими списками товаров, убрав визуальный шум. Спроектировали чекаут, критичный для сложных оптовых заказов.
- Сценарии B2B/B2C: быстрый чекаут для частников, счета и НДС для юрлиц.
- Специфика опта: удобное редактирование длинных списков и метража.
- Система лояльности: моментальный расчет скидок, промокодов и бонусов.
- Все UI-состояния: отрисовка пустой корзины, ошибок и статусов наличия.
Дополнительные страницы
Проработали удобую подачу программ лояльности и дополнительных сервисов:
- Ваши условия
- Специальные возможности
Адаптивность
Мы детально проработали мобильную верстку. Все сложные элементы — от фильтров каталога до чекаута — были бережно адаптированы под небольшие экраны.
Результаты
- Системность и консистентность. Внедрение единой дизайн-системы (UI-kit) обеспечило визуальную целостность сотен страниц каталога и заложило фундамент для быстрого запуска новых разделов.
- Бесшовный опыт для B2B и B2C. Сложные сценарии (3 типа личных кабинетов, оптовые корзины, счета с НДС) стали интуитивно понятными, что снизило барьеры для покупок корпоративными клиентами.
- Рост конверсии при оформлении заказа. Полный редизайн чекаута, умная работа с программами лояльности и очищенный от визуального шума интерфейс упростили покупку больших списков товаров.
Масштабируемость проекта
Разработанная дизайн-система заложила прочный фундамент для развития сайта. Теперь клиент может быстро собирать новые страницы и разделы, сохраняя 100% визуальную консистентность и экономя время разработки.
Итог
А25 успешно трансформировали перегруженный технический каталог в современную e-commerce платформу. Новый интерфейс не только выглядит актуально, но и решает реальные бизнес-задачи: бесшовно объединяет продажу товаров и услуг, а также делает процесс покупки одинаково удобным для розницы и крупного B2B-сегмента.
