Задача: Разработка лендинга для компании по прокату водного транспорта
Основная цель
Создать премиальный одностраничный сайт (landing page), который вызывает доверие у элитной аудитории и максимально просто подводит клиента к звонку для оформления заявки.
Требования к функционалу
- Посадочная страница: одностраничный сайт с плавной анимацией и современным дизайном.
- Визуальный стиль: дорогой, минималистичный, «богатый» (премиум сегмент).
- Навигация: интуитивно понятная, с якорными ссылками на разделы.
- Каталог услуг: вывод следующих позиций: водные мотоциклы (гидроциклы), катера, туры на острова, дополнительное оборудование (например, снаряжение).
- Форма обратной связи: простая форма заявки с обязательными полями (ФИО, номер телефона). Без интеграции с CRM-системой!
- Обработка заявок: все лиды и звонки принимаются только через колл-трекинг или ручной ручной прием (без букинга).
- Контакты: обязательный блок с номерами телефонов и, возможно формой обратного звонка.
- Адаптивность: корректное отображение на мобильных устройствах, планшетах (резиновая верстка).
- Скорость загрузки: оптимизация изображений и скриптов для быстрого открытия; применение WebP-формата для фонов и картинок.
Дизайн и UI/UX
- Стиль: Премиум (пример вдохновения - элитные яхт-клубы, дорогие автосалоны, бутики). Плавные переходы, акцентная типографика, приглушенная цветовая гамма (сине-голубая, темно-бронзовая, могут быть белые тона) в сочетании с жидкими анимациями.
- Юзабилити: кнопка «Позвонить/Оставить заявку» должна «липнуть» к верху на мобильной версии. Все блоки построены по логике сверху вниз воронки продаж.
- Макет: достаточно текстового контента для заполнения, но без чрезмерной перегруженности (желательно предоставить еще в редакторе, но в ТЗ оставить свободу для контента). Первый блок - «шапка» с видеофоном или выводом слайдера с яхтами/катерами. Далее преимущества, каталог с видами проката + блок популярных туров, затем фо_Аунды, затем блок контактов с картой.
Технические требования
- Стек: HTML5, CSS3, JavaScript (или на базе редактора Webflow/Tilda в рамках договоренности - обязан чистый код или мощный генератор. Указать исполнителю - поддерживаемый стек). В событии навешиванием на кнопку «Отправить».
- CRM/Бэкенд: Не требуется. Все данные формы (от телефон до коммента) приходят на почту, указанную исполнителем в виде алерта на email отправляются лишь заявки.
- Форма заявки: отправка на email и/или в Telegram (Webhook на необходимый бот - по желанию сервисный, через API уже готового).
- Хостинг: необходимо произвести деплой на хостинг/типа 001-free hosted / на указанную для разработки среду (остается финальный прод-билд).
- Анимация: применяется минимальная но роскоши: эффект параллакса для базы, плавное появление fades-in, кастомные иконки.
- SEO: Простая разметка под мета-теги тегами og, schema.org для локального бизнеса (туристической услуги).
Ожидаемый результат
- Красивая блист-папка с оттесной цифровизации UX/дизайн.
- Make well structured and commented code of HTML/ CSS / JS+Animation (clear small).
- SaaS/Кон троль: чек-лист копирайтинга ; Стра закрытия куки и с согласием на рекламу.
- Демо ссылка которая не перекрыта for analysis.