Все работы

Кейс 06Сайт с бронированием домиковКонцепт

Заречье

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

Клиент
Агроусадьба в Браславском районе
Срок разработки
16 дней
Год
2026
Стек
React, Vite, TypeScript, React Router, CSS Modules, Vitest
Первый экран сайта «Заречье»
Первый экран сайта «Заречье» на телефоне

01 Задача бизнеса

Хозяйка усадьбы принимает брони в мессенджере и ведёт календарь вручную. Цена зависит от дня недели, сезона и числа гостей, и каждый раз её приходится считать заново.

Нужен сайт, где гость выбирает даты и сразу видит свободные домики и итог.

02 Решение

Календарь показывает занятые ночи и цену на каждую дату. Через занятую ночь диапазон выбрать нельзя, а минимальное число ночей зависит от сезона и подсказывается сразу.

Расчёт учитывает выходные, праздники Беларуси, доплату за гостей, бесплатное проживание детей до 5 лет и скидку 10% за семь ночей и больше. Даты считаются как строки, поэтому часовой пояс гостя ничего не сдвигает.

Параметры брони лежат в адресе страницы, ссылкой можно поделиться.

03 Ключевые функции

  1. «Заречье»: поиск свободного домика
    01

    Поиск свободного домика

    На первом экране сразу выбор дат и числа гостей.

  2. «Заречье»: страница домика
    02

    Страница домика

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

  3. «Заречье»: бронирование
    03

    Бронирование

    Домик, даты и расчёт с предоплатой. Шаги: даты и гости, услуги, контакты.

  4. «Заречье»: бронь с телефона
    04

    Бронь с телефона

    Календарь показывает один месяц, карточки домиков стоят по две в ряд.

04 Результат

  • Цена по датам считается без хозяйки
  • Нельзя забронировать занятые ночи
  • Календарь доступен с клавиатуры
  • React
  • Vite
  • TypeScript
  • React Router
  • CSS Modules
  • Vitest

Хотите такой же?

Сайт с онлайн-записью — от 550 BYN, 7–14 дней. Расскажите о своём бизнесе, и я предложу, как сделать сайт под вашу задачу.

Обсудить такой сайт