Превратить сложный технический каталог в современный, удобный инструмент для покупок, сохранив при этом доверие текущей аудитории. Команда А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-сегмента.