«Компас» — адаптивный лендинг авторских путешествий

Ссылка на работу
image image
Демонстрационный концепт лендинга для вымышленного клуба авторских путешествий «Компас». Задача проекта — передать ощущение экспедиции и помочь пользователю быстро сравнить направления, понять формат путешествия и оставить заявку на подбор тура. Страница включает эмоциональный первый экран, карточки ближайших экспедиций, преимущества клуба, этапы бронирования, отзыв участника и форму подбора путешествия. Что реализовано: • крупный атмосферный первый экран; • четыре карточки направлений; • характеристики и стоимость поездок; • блок преимуществ; • понятная схема бронирования; • отзыв и форма подбора тура; • адаптивная версия для смартфонов. Техническая реализация: • семантический HTML5; • чистый CSS3: custom properties, Grid/Flexbox и clamp(); • Vanilla JavaScript без React и jQuery; • брейкпоинты 375/560/768/1024 px и мобильное меню; • WebP, lazy loading, OG/Twitter-метаданные; • доступные тач-цели, фокус-состояния и поддержка prefers-reduced-motion. Моя роль: постановка задачи, пользовательский сценарий, визуальное направление, организация AI-assisted сборки и проверка адаптива. Проект создан для портфолио. Клуб, маршруты, цены, отзывы и показатели вымышлены.
https://kravtsovlabpro.ru/landings/08-travel/index.html