AQUEA — интерактивный лендинг премиальной воды

Ссылка на работу
image image
Демонстрационный концепт лендинга для вымышленного бренда премиальной родниковой воды AQUEA. Текст на английском — атмосферная подача через глубокую тёмно-синюю палитру, поэтичные формулировки и интерактивный водный фон. Первый экран знакомит с происхождением продукта, ниже раскрываются история ледника, состав и позиционирование «без пластика». Что реализовано: • атмосферный первый экран со светящейся бутылкой и тегом происхождения; • интерактивная рябь на водном фоне по клику пользователя; • горизонтальный скролл-пиннинг, раскрывающий «путь воды» от ледника до бутылки; • бегущая строка характеристик продукта (pH, минерализация, экологичность); • два CTA — коллекция и происхождение продукта; • адаптивная мобильная версия. Техническая реализация: • семантический HTML5, CSS3 Grid/Flexbox и Vanilla JavaScript; • GSAP 3.13, ScrollTrigger и Lenis для скролл-хореографии и пиннинга; • Canvas 2D: интерактивные волны и рябь, реагирующие на курсор/клик; • WebP, lazy loading, OG/Twitter-метаданные; • поддержка prefers-reduced-motion и CSS-фолбэк без Canvas. Моя роль: постановка задачи, сценарий страницы, визуальное направление, организация AI-assisted сборки и проверка адаптива. Проект создан для портфолио. Бренд, продукт и характеристики вымышлены.
https://kravtsovlabpro.ru/landings/11-water/index.html