Редизайн секции «Модельный ряд»
для автоцентра Daynava LADA

Мы обновили ключевую секцию сайта автоцентра Daynava LADA. «Модельный ряд» стал визуально ярче и удобнее: посетитель сразу видит категории моделей, может перейти на нужную страницу и сосредоточиться на выборе авто. Переработали карточки моделей и страницы категорий, обеспечили адаптивность и простое редактирование цен в административной панели сайта.

Проблема

старая версия блока «Модельный ряд» была невыразительной
модели отображались мелко и не привлекали внимания на первом экране
навигация между моделями была неудобной на мобильных устройствах и планшетах
контент-менеджеру было сложно оперативно обновлять данные по моделям, требовалось привлечение программиста

Решение

На главной странице переработали блок «Модельный ряд»: 7 карточек с hover-эффектами и переходом в категорию
Переработали отображение данных в детальной версии категории, настроили вывод корректных моделей
Реализовали удобную адаптивную верстку под все разрешения устройств
Настроили редактирование цен в админке MODX. Теперь менеджер может быстро обновлять стоимость без привлечения разработчика

Реализация

Работа началась с проработки макета в Figma. На этапе дизайна были учтены фирменные цвета бренда, акценты на моделях и поведение элементов при адаптиве.

На главной странице внедрили новый блок «Модельный ряд» с 7 карточками (Granta, Vesta, Largus, Niva, Aura, Коммерческие, Спортивные). Каждая карточка получила hover‑эффект с фирменным цветом, белым текстом и тенью. При клике пользователь переходит в соответствующую категорию.

На детальных страницах категорий настроили корректный вывод моделей, добавили возможность пользователю записаться на консультацию через кнопку «Получить консультацию». Это позволило увеличить число обращений!

В админке MODX внедрили удобное редактирование карточек и цен: теперь менеджер может самостоятельно обновлять данные без помощи разработчиков.

Десктопная версия до и после доработки:

До

После

Мобильная версия до и после доработки:

До