01
Домики у воды
Современная архитектура, отдельные террасы и тишина соснового берега.
Демо · блок «Активный отдых»
5 вариантов со скролл-эффектами
Параллакс, рисующиеся линии, кинетическая типографика и настоящий WebGL. Прокрутите все пять и скажите номер победителя.
01
Маршрут
Иллюстрированная карта базы: по скроллу рисуется извилистая река-тропа, а вдоль неё одна за другой проявляются станции-активности. Фото с параллаксом.
Маршрут по базе
Активный отдых как путешествие по реке
Спуститесь по маршруту от станции к станции — линия рисуется по мере движения, а каждая остановка открывает новое развлечение «Лазурной».
01Станция
Домики у воды
Современная архитектура, отдельные террасы и тишина соснового берега.
02Станция
Тёплые интерьеры
Натуральное дерево, камин и панорамные окна с видом на спокойную воду.
03Станция
Баня на берегу
Дровяная парная и прохладный воздух у воды — камерный ритуал отдыха.
04Станция
Ужин на веранде
Большой стол, мягкий свет и закат над водой для семейных вечеров.
02
Глубина
Кинематографичная сцена с настоящей глубиной: дальний размытый фон реки, средние световые пятна и карточки-активности на переднем плане едут с разной скоростью.
Активный отдых
Загляните в глубину зелёного мира у реки
Квадроциклы, гидроскутеры, катер и баня с чаном — четыре сценария отдыха, уходящие вглубь астраханской природы. Прокрутите и погрузитесь.
03
Баня на берегу
Дровяная парная и прохладный воздух у воды — камерный ритуал отдыха.
02
Тёплые интерьеры
Натуральное дерево, камин и панорамные окна с видом на спокойную воду.
04
Ужин на веранде
Большой стол, мягкий свет и закат над водой для семейных вечеров.
03
Волна (WebGL)
Настоящая 3D-сцена: фото стоят стеной, камера при скролле проезжает мимо них, по плоскостям идёт водная волна, усиливающаяся от скорости прокрутки.
Активный отдых
Активный отдых и развлечения
Не только отдых у воды — в «Лазурной» есть чем заняться. Прокрутите и проплывите мимо развлечений.
01
Домики у воды
Современная архитектура, отдельные террасы и тишина соснового берега.
02
Тёплые интерьеры
Натуральное дерево, камин и панорамные окна с видом на спокойную воду.
03
Баня на берегу
Дровяная парная и прохладный воздух у воды — камерный ритуал отдыха.
04
Ужин на веранде
Большой стол, мягкий свет и закат над водой для семейных вечеров.
04
Горизонт
Блок прилипает к экрану; крутишь вниз — панели активностей едут вбок во весь экран с параллаксом, сверху рисуется линия-связка, внизу — полоса прогресса.
Активный отдых
Впечатления у реки
05
Кинетика
Журнальные развороты: огромные заголовки набираются словами из маски, фото открываются «шторкой» по скроллу, под заголовком рисуется акцентный росчерк.
Активный отдых и развлечения
Четыресценарияуреки
Квадроциклы, гидроскутеры, катер и баня с чаном. Пролистайте вниз — каждый разворот раскрывается по мере прокрутки.
01
Домикиуводы
Современная архитектура, отдельные террасы и тишина соснового берега.
Узнать подробнее
02
Тёплыеинтерьеры
Натуральное дерево, камин и панорамные окна с видом на спокойную воду.
Узнать подробнее
03
Банянаберегу
Дровяная парная и прохладный воздух у воды — камерный ритуал отдыха.
Узнать подробнее
04
Ужиннаверанде
Большой стол, мягкий свет и закат над водой для семейных вечеров.
Узнать подробнее
Какой вариант берём?
Назовите номер — перенесу его в блок «Активный отдых» на главной. Можно комбинировать элементы из разных вариантов.