Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Бадрик Лаб
Лендинг SUP-туров: маршрут, дата и интерфейс записи
Бадрик Лаб
#HTML - верстка сайта

Лендинг SUP-туров: маршрут, дата и интерфейс записи

1 
Бадрик Лаб Россия, Москва
Поделиться: 0 0 0
Сфера

Туризм и отдых

Сдано

Октябрь 2026

Задача

SUP Оредеж — проект о прогулках и турах на SUP-досках. Для портфолио доступны реальные экраны лендинга и интерфейса записи, включая мобильную версию.

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

Работа Бадрик Лаб: статический адаптивный frontend, блоки предложения, галерея, FAQ и интерфейс записи. Этот кейс не охватывает серверную обработку и внешние интеграции.

Календарный период в карточке указан ориентировочно. Срок разработки — около недели.

Решение

Десктопный экран: предложение и знакомство с туром.

Лендинг объединяет знакомство с туром и подготовку к записи. Отдельный сценарий выбора собирает три решения посетителя: тур, дата, участники. Адаптивная вёрстка переносит содержимое на узкий экран; реализация выполнена на HTML, CSS и JavaScript.

Сценарий записи описан через последовательный выбор параметров тура. В кейсе отдельно показан интерфейс этого шага, чтобы посетитель портфолио мог оценить структуру взаимодействия, а не только первый экран лендинга.

Мобильная версия лендинга.

Интерфейс выбора тура, даты и участников; серверная запись не подтверждается.

Результат

Подготовлен адаптивный frontend с предложением, информационными блоками и интерфейсом записи. Реальные экраны показывают десктопную и мобильную компоновку и отдельный шаг выбора параметров. Данных об изменении продаж или числа записей в этом комплекте нет.

Показ интерфейса не доказывает отправку заявок, доставку сообщений, работу backend, CRM или оплаты. Такие функции и коммерческие результаты по этому кейсу не заявляются.

https://сапоредеж.рф/

Стек технологий

  • CSS CSS Язык программирования
  • HTML HTML Язык программирования
  • JavaScript JavaScript Язык программирования

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Бадрик Лаб с удовольствием обсудит вашу задачу

Оставить заявку