Компания, занимающаяся перепродажей автомобилей через собственный аукционный сервис.

На момент обращения у клиента существовала рабочая, но крайне неоднородная цифровая платформа, состоящая из:

• Двух отдельных лендингов (для продавцов и покупателей)
• Частично реализованного каталога авто
• Сырой админ-панели

Провести полный редизайн платформы с:

• Созданием единой дизайн-системы
• Проработкой всех пользовательских сценариев
• Адаптацией под мобильные устройства
• Внедрением недостающих функциональных блоков Внедрением недостающих функциональных блоковВнедрением недостающих функциональных блоковВнедрением недостающих функциональных блоков

На обсуждении со стейкхолдерами выделили ключевые проблемы, таймлайн проекта и принцип нашей работы.

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

Создал презентацию, чтобы убедить провести ресерч на тему всех стилей, собрать воедино и двигаться в сторону пересборки быстрой дизайн-системы с учетом задач (бюджет был ограничен)

1. Хаос в визуальном оформлении:
На момент обращения у клиента существовала рабочая, но крайне неоднородная цифровая платформа, состоящая из:

• Двух отдельных лендингов (для продавцов и покупателей)
• Частично реализованного каталога авто
• Фрагментарной админ-панели

2. Непродуманные пользовательские сценарии:

• Отсутствие полноценного раздела аукционов
• Неочевидная логика размещения лотов
• Разорванный user flow (пользователь терялся между лендингом и каталогом)

3. Технические недоработки:

• Кривая мобильная версия (элементы наезжали друг на друга)
• Неадаптивные компоненты
• Множество UI-багов (неправильные состояния кнопок, "прыгающие" блоки)

4. Упущенные возможности:

• Нет системы уведомлений о ставках
• Непродуман процесс подтверждения сделок
• Отсутствие адаптивных фильтров в каталоге

Работа над обновлением UI велась поэтапно: сначала я провел детальный аудит всех элементов интерфейса — кнопок, форм, карточек, типографики — и систематизировал их по типам:

Разложил все скриншоты элементов сервиса, что есть. Это помогло выявить разрозненные стили:

На следующем этапе я отобрал наиболее удачные из существующих решений и на их основе разработал единые правила для всех элементов.

Остальные компоненты были приведены к этому «общему знаменателю» — теперь кнопки, инпуты, карточки и другие UI-элементы не только выглядят консистентно и целостно.

Такой подход позволил сохранить лучшее из текущего дизайна, сократив время, чтобы не переделывать с нуля, но при этом добиться целостности системы — без резких изменений и с соблюдением принципов конситентности и удобства

• увеличили область фотографии и вынесли название с ценой за её пределы для лучшей читаемости,
• усилили акценты на ключевых элементах (модель и стоимость стали крупнее и контрастнее),
• добавили понятные кнопки управления (редактирование, избранное, удаление) и увеличили основной CTA-элемент ("Смотреть авто").

Характеристики привели к единому стилю, организовав их в логичные группы вместо разрозненных колонок, а также оптимизировали отображение для мобильных устройств — теперь все элементы удобны для взаимодействия даже на небольших экранах.

Эти изменения сделали карточку не только эстетически цельной, но и значительно более удобной для пользователей.

Хаотичная вёрстка без чёткой сетки, нарушенная визуальная иерархия (ключевая информация не выделялась), полное отсутствие стилевого единства и перегруженная подача данных, из-за которую сведения об авто приходилось буквально «вычитывать». Редизайн устранил эти недостатки системным подходом.

Применяя наш новый UI-кит, мы системно переработали страницу — выстроили модульную сетку, расставили четкие акценты и привели все элементы к единому стилю, сохранив при этом удобство работы с контентом.

Мы переработали страницу под три роли: админ видит инструменты управления, продавец — статистику и кнопки редактирования, покупатель — чистый интерфейс для покупки

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

Нужно было продумать как выглядит интерфейс со статусами для 3 видов:

• На странице объявления с деталями: текущая максимальная ставка, желаемая цена продавца, рыночная стоимость и средняя цена продаж.
• На карточке авто — статус торга
• В попапе ставок — история торгов