Демонстрационный концепт лендинга для вымышленного клуба авторских путешествий «Компас».
Задача проекта — передать ощущение экспедиции и помочь пользователю быстро сравнить направления, понять формат путешествия и оставить заявку на подбор тура.
Страница включает эмоциональный первый экран, карточки ближайших экспедиций, преимущества клуба, этапы бронирования, отзыв участника и форму подбора путешествия.
Что реализовано:
• крупный атмосферный первый экран;
• четыре карточки направлений;
• характеристики и стоимость поездок;
• блок преимуществ;
• понятная схема бронирования;
• отзыв и форма подбора тура;
• адаптивная версия для смартфонов.
Техническая реализация:
• семантический 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