SM
Все проекты
Демо / Концепт

Сайт автомобильного дилера

Концепт-сайт для салона премиальных автомобилей — каталог моделей, комплектации, кредитный калькулятор и запись на тест-драйв.

Стек:Next.jsTypeScriptTailwind

Задача

Главный запрос автосалона — довести посетителя от «просто посмотреть» до конкретного действия. В автомобильном салоне клиент выбирает долго: сравнивает модели, смотрит комплектации, считает ежемесячный платёж. Если эта информация разбросана, он уходит, так и не позвонив в салон.

Решение

Концепт-сайт для дилерского центра (премиальный сегмент в стиле BMW):

  • Каталог моделей. Фильтры по типу кузова, году, типу топлива и диапазону цены. Ключевые характеристики видны прямо в карточке.
  • Страница модели. Галерея, таблица комплектаций, технические характеристики и форма заявки «на конкретный автомобиль».
  • Кредитный калькулятор. Клиент выбирает первоначальный взнос и срок — ежемесячный платёж считается на той же странице.
  • Запись на тест-драйв. Модель, дата и время, контакты — заявка уходит менеджеру.
  • Сравнение. Две-три модели можно поставить рядом.

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

Результат

  • Клиент выбирает модель, считает платёж и записывается на тест-драйв на одном сайте.
  • Менеджеру приходит готовая заявка: какая модель, какая комплектация, когда приедет.
  • Полная адаптация под мобильные — большинство тех, кто смотрит каталоги автомобилей, заходит с телефона.

Это концепт, сделанный для портфолио, а не официальный сайт дилерского центра.