Web / Dev

Сайт сервісу прокату авто SIXT

Адаптивний фронтенд сервісу оренди авто: каталог автопарку, онлайн-бронювання, підписка, лізинг і корпоративний прокат.

Розробити веб-сайт для прокату та оренди автомобілів: презентація автопарку, оформлення замовлень онлайн і просування додаткових послуг - підписка на авто, лізинг, корпоративний прокат, бізнес-таксі, трансфер до кордону та продаж автомобілів.

Завдання

  • Багатосторінкова структура: 32 маршрути за бізнес-напрямами

  • Інтерактивні форми бронювання з вибором локації, дат і часу

  • Каталог автопарку з картками авто, фільтрами і результатами пошуку

  • Покрокове оформлення оренди: тарифи → дані → підтвердження

  • Розділи підписки, лізингу, корпоративного прокату і продажу авто

  • Модульна UI-система з повторно використовуваними компонентами

Як робили

Проєкт реалізовано на Next.js App Router з компонентним підходом. Інтерфейс побудовано за дизайн-системою з фіксованими змінними типографіки та фірмовою палітрою SIXT, з адаптивними брейкпоінтами.

Сторінки згруповано за бізнес-напрямами; спільні блоки винесено в повторно використовувані модулі. Інтерактивні елементи - пошук, модалки, слайдери, форми - реалізовано як клієнтські компоненти.

Оформлення оренди зроблено багатокроковим: тарифи, особисті дані, інформація про авто, підтвердження - зі спрощеним хедером на внутрішніх кроках, щоб не відволікати від бронювання.

Інтерфейси

Мобільна версія

Технології та функціонал

Основні розділи
  • Головна з віджетом пошуку авто
  • Парк авто і картка автомобіля
  • Результати пошуку з фільтрами
  • Станції прокату і оренда за кордоном
  • Підписка, лізинг, корпоративним клієнтам
Інтерактивний функціонал
  • Модалки вибору локації, дати та часу
  • Вбудована карта станцій
  • Горизонтальні слайдери з drag-scroll
  • Форми з валідаційними станами
  • Багатокроковий UX оформлення
Адаптивність та UI
  • Mobile-first верстка
  • Hero-секції з градієнтами і blur-ефектами
  • Картки авто з цінами в грн та євро
  • Єдиний хедер і футер на всіх сторінках
  • Готовність до підключення бекенд-API
Next.js 16 React 19 TypeScript Tailwind CSS 4 Radix UI lucide-react ESLint

Результат

Розроблено повноцінний адаптивний фронтенд сайту SIXT з 30+ сторінками, модульною UI-системою та інтерактивними сценаріями бронювання. Інтерфейс веде користувача від пошуку авто на головній до покрокового оформлення замовлення - щоб спростити шлях до бронювання і підвищити конверсію.

32 маршрути в єдиній дизайн-системі Покроковий сценарій бронювання Mobile-first: зручно з телефона

Схожа задача у вашому бізнесі?

Розкажіть про неї - розберемо процес і повернемось із підходом і оцінкою.

ЦИФРОВІ ПРОДУКТИ БУДЬ-ЯКОЇ СКЛАДНОСТІ

Заплануємо зустріч?

Оберіть зручний час у календарі - і ми детально обговоримо ваш проєкт та можливі рішення.

Ознайомтесь з цінами

Оберіть дату

1/3

Про що буде йти мова

Оберіть тему, послугу або напрямок

Розробка сайту або вебдодатку
2/3

Розкажіть про себе

3/3