Демонстрационный концепт лендинга для вымышленного сервиса туристических полётов в стратосферу «ОРБИТА».
Страница последовательно проводит пользователя от первого знакомства с путешествием до заявки: показывает аппарат, этапы подъёма, программу полёта, основные параметры и стоимость участия.
Что реализовано:
• кинематографичный первый экран;
• интерактивная индикация высоты;
• последовательное раскрытие этапов подъёма;
• программа шестичасового полёта;
• блок ключевых характеристик;
• форма получения материалов;
• мобильная адаптация.
Техническая реализация:
• семантический HTML5, CSS3 Grid/Flexbox и Vanilla JavaScript;
• GSAP 3.13, ScrollTrigger, SplitText и Lenis;
• Canvas 2D: звёздное небо с изменением палитры по мере набора высоты;
• живой альтиметр, связанный с прокруткой страницы;
• WebP, lazy loading, OG/Twitter-метаданные;
• оптимизация рендеринга и поддержка prefers-reduced-motion.
Моя роль: постановка задачи, сценарий страницы, визуальное направление, организация AI-assisted сборки и проверка desktop/mobile.
Проект создан для портфолио. Компания, аппарат, маршрут, цена и другие сведения вымышлены.
https://kravtsovlabpro.ru/landings/19-stratos/index.html