IT-решения для бизнеса krasiva.tech
Все работы

Кейс · Лендинг

Лендинг для компании по аренде яхт в СПб

Каталог яхт, катеров и теплоходов с админкой: у каждого судна фото, причал, 3D-тур и цена.

rentyachtsspb.ru Astro 4 в SSR-режимеTypeScript строгийYandex Disk APIYandex Maps iframeUFW
Лендинг для компании по аренде яхт в СПб

Сайт аренды яхт, катеров и теплоходов в Санкт-Петербурге для прогулок по Неве, развода мостов, корпоративов и свадеб. Главная состоит из Hero с подбором, блока преимуществ (3 карточки «Лучшая цена / Подбор / Под ключ»), форматов событий, шагов работы, отзывов и FAQ — весь контент редактируется из админки.

Каталог разнесён по четырём страницам — Яхты, Катера, Премиум, Теплоходы — у каждой свой Hero с фоновым фото и ценой «от», заголовком, описанием и подзаголовком над сеткой; всё это правится без правки кода.

Каждое судно открывается на отдельной странице со слайдером фото (до 10 штук + автоматические превью с Я.Диска), характеристиками, особенностями, командой, причалом, 3D-туром и ценовой карточкой с многострочным примечанием.

Связь с менеджером — только через прямые контакты: контактная модалка по нажатию на CTA («Связаться», «Обсудить событие», «Прислать вариант») открывает крупную кнопку телефона, второй номер, e-mail и крупные мессенджер-кнопки в фирменных цветах WhatsApp/Telegram/VK/Max. Отдельная страница `/contacts` — «spotlight» из звонка слева и мессенджеров справа, плюс Яндекс-карта Сенатской пристани.

Форма обратной связи на сайте отсутствует по решению заказчика — заявки идут по телефону и в мессенджерах. Все основные поля по флоту и категориям необязательны: пустое значение скрывается без перекоса вёрстки, для отсутствующего фото — нейтральный плейсхолдер, для пустой цены — «Цена по запросу».

Юридические страницы — privacy, consent, terms, offer; footer с CTA-баннером, разделами «Флот / Документы / Контакты» и соц-иконками.

Роман Краснов

Ваш проект

Нужен похожий лендинг? Посчитаю стоимость и срок.

01 Бриф для расчёта цены Ответьте на вопросы о проекте — вернусь со сметой и сроками.
  • Цена и срок — до начала работ
  • Промежуточные версии на тестовом адресе
  • Домен, сервер, Метрика — и на связи после запуска

Нужен похожий лендинг?

Рассчитать стоимостьРассчитать цену
~/krasiva/new_project.sh

// new_project

Расскажите о задаче

Отвечу и посчитаю в течение дня. Можно коротко — детали уточню сам.

$ budget_range
или сразу в мессенджер Telegram MAX

Мы используем файлы cookie и Яндекс.Метрику, чтобы сайт работал и чтобы понимать, какие страницы полезны. Подробности — в политике обработки данных.