Сайт загородного отдыха
NORDHUS
Сайт загородного отдыха: каталог домов с фильтрами, фотогалереи и форма бронирования.
- Задача
- Помочь гостю сравнить дома и перейти к бронированию подходящего варианта.
- Что сделано
- Собрал каталог с фильтрами, страницы домов, фотогалерею и форму бронирования.
- Результат
- Посетитель может изучить дома, выбрать вариант и пройти сценарий бронирования на компьютере или телефоне.
Моя роль
Проектирование интерфейса, адаптивная разработка, каталог домов, галереи и клиентские сценарии бронирования.
- Состав работ
- Сайт бронирования / Frontend / UI
- Период
- 2024
- Статус
- завершён
Стек
- Nuxt
- Vue
- TypeScript
- Tailwind CSS
Первый экран знакомит с местом и сразу предлагает перейти к выбору дома.
От первого впечатления к выбору дома
Крупные фотографии передают атмосферу, а каталог помогает сравнить дома и выбрать подходящий вариант.
Полная главная страница связывает атмосферу места, варианты размещения и доступные впечатления.
Каталог даёт сравнить дома по фотографиям и характеристикам перед переходом к подробностям.
Отдельная страница показывает, чем можно заняться во время поездки, дополняя выбор размещения.
Страница отдельного дома объединяет галерею, описание и характеристики рядом с переходом к бронированию.
Удобно смотреть и бронировать с телефона
Фотографии, фильтры и кнопки остаются крупными, поэтому дом можно выбрать без увеличения экрана.
На телефоне длинная главная страница сохраняет последовательность разделов и доступ к выбору дома.
Карточки домов перестраиваются в вертикальный каталог; фотографии и ключевые параметры остаются читаемыми.
Мобильная страница дома позволяет рассмотреть фотографии и перейти к бронированию с того же экрана.
Бронирование без лишних переходов
Даты, гости и параметры дома выбираются прямо на странице, а галерею можно открыть на весь экран.
Форма бронирования открывается поверх сайта, сохраняя контекст выбранного дома.
Фотографии дома можно открыть крупно в отдельной галерее и рассмотреть детали.
На телефоне параметры подбора вынесены в отдельную панель, чтобы не занимать место в каталоге.
Технические детали
Каталог, страницы домов, фильтры, галерея и диалог бронирования собраны на Nuxt и Vue. Компоновка адаптирована для широких экранов и телефонов.
Обсудим вашу задачу?
Расскажите, что нужно сделать: сайт, магазин, сервис или автоматизацию работы.