SM
Барлық жобалар
Демо / Концепт

Автосалон дилерінің сайты

Премиум көлік салонына арналған концепт-сайт — модельдер каталогы, комплектациялар, несие калькуляторы және тест-драйвқа жазылу.

Стек:Next.jsTypeScriptTailwind

Міндет

Автосалонның негізгі сұрауы — келушіні «қарап шығудан» нақты әрекетке жеткізу. Көлік дүкенінде клиент ұзақ таңдайды: модельді салыстырады, комплектацияларды қарайды, ай сайынғы төлемді есептейді. Егер бұл ақпарат бытыраңқы болса, ол салонға қоңырау шалмай кетеді.

Шешім

Дилер салонына арналған концепт-сайт (BMW үлгісіндегі премиум сегмент):

  • Модельдер каталогы. Кузов түрі, жылы, жанармай түрі және баға аралығы бойынша сүзгілер. Карточкада негізгі сипаттамалар бірден көрінеді.
  • Модель беті. Галерея, комплектациялар кестесі, техникалық сипаттамалар және «дәл осы көлік үшін» қалдырылатын өтінім формасы.
  • Несие калькуляторы. Клиент бастапқы жарна мен мерзімді таңдайды — ай сайынғы төлем сол бетте есептеледі.
  • Тест-драйвқа жазылу. Модель, күні мен уақыты, байланыс — өтінім менеджерге жіберіледі.
  • Салыстыру. Екі-үш модельді қатар қойып қарауға болады.

Сайт Next.js-те жасалған: беттер серверде рендерленеді, сондықтан каталог іздеу жүйелеріне ашық әрі жылдам жүктеледі. Модельдер тізімі бөлек деректер файлында — жаңа көлік қосу үшін дизайнды қайта жасау керек емес.

Нәтиже

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

Бұл — портфолио үшін жасалған концепт, нақты дилер орталығының ресми сайты емес.