Демонстрационный концепт лендинга для вымышленного бренда премиальной родниковой воды 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