СTO для стартапов
Продуктовый дизайн
Разработка
2025
QA
Дизайн и разработка веб-приложения для бронирования различных типов жилья в Калининградской области
Двухметровый гид
В дальнейших планах — расширение платформы за счёт добавления других компонентов пакетированного тура и выход на все регионы страны
Первым этапом реализации стал запуск модуля поиска и бронирования жилья в Калининградской области
Цель — дать пользователям возможность самостоятельно формировать пакетированные туры по России, включая проживание, экскурсии, перелёты и другие услуги
Основатель проекта «Двухметровый гид» Константин Аверин — лучший гид России 2024 года — обратился к нам с идеей создать систему динамического пакетирования туров
01
О проекте
Typescript
React
S3
PostgreSQL
Redis
Spring Boot
Kotlin
Интеграция карты для отображения местоположения жилья
Интеграция с платежной системой ЮKassa для внесения предоплат за жилье
Реализация бронирования жилья с заполнением личных данных
Поиск жилья по параметрам: даты заезда и выезда, количество человек, город
Отображение свободного жилья с подробной информацией и возможностью фильтрации и сортировки
Интеграция с модулем онлайн бронирования TravelLine
Реализация отмены бронирования с учётом правил возврата и автоматическим возвратом денежных средств
Реализация системы отзывов и рейтинга жилья
Автоматическая генерация и отправка ваучера на электронную почту после внесения предоплаты
Проектирование и разработка пользовательского интерфейса
02
Задачи и стек технологий
Поиск начинается с выбора параметров
На стартовом экране пользователь задаёт ключевые параметры поездки: город, даты заезда и выезда, количество гостей
03
Выбор параметров поиска
Все подходящие варианты — в одном списке
После ввода параметров пользователь получает результаты в виде карточек жилья. Можно сортировать и фильтровать предложения по цене, типу, рейтингу и другим критериям.
04
Список жилья с фильтрами и сортировкой
Подробная информация о жилье
Карточка жилья содержит всё необходимое: фотографии, описание, условия проживания, удобства, местоположение и правила. Ниже — отзывы с оценками от других пользователей, чтобы можно было принять взвешенное решение перед бронированием.
05
Страница жилья и отзывы
Как происходит бронирование
Процесс оформления разделён на этапы:
- Ваш заказ — финальная проверка выбранного варианта и стоимости
- Ввод личных данных — минимальный набор информации для оформления жилья
- Подтверждение и оплата — система создаёт заказ, и пользователь переходит к оплате через ЮKassa. После успешной транзакции заказ считается оформленным
06
Оформление заказа
Автоматический ваучер на почту клиента
После оплаты система автоматически генерирует ваучер с деталями бронирования в формате PDF и отправляет его на почту. Ваучер содержит всё необходимое: адрес, даты, контакты, правила отмены и т. д.
07
Ваучер заказа
Возможность отмены заказа
Если планы изменились, пользователь может отменить бронирование. Для этого достаточно ввести номер заказа, полученный после оплаты. Возврат средств осуществляется автоматически в соответствии с условиями возврата.
08
Отмена бронирования
Модуль бронирования жилья запущен в рамках первого этапа проекта. Система уже осуществляет реальные бронирования, работает стабильно и получает положительные отзывы от пользователей.
Мы продолжаем развивать платформу и готовим масштабное расширение с добавлением новых направлений. Следите за обновлениями на сайте.
Что в итоге?
08
Результат