Сайт сети спортивных клубов SPORTLIFE в Санкт-Петербурге
12 августа 2021
sportlifeclub.ru

Для отдельных элементов сайта использованы WebGL эффекты: «наполнение» фотографии спортзала, морфинг изображений в слайдере, эффект дисплейсмента в секции с бассейном. Анимация графика распределения возрастов сделана вручную и использует svg кадры. Круговой график сделан параметрическим и полностью программно (canvas 2d). Схема очистки воды сделана с использованием Lottie и привязана к скроллу страницы. На всем сайте присутствует параллакс, смусскроллинг, а другие анимации и эффекты связаны со скроллом. Для второстепенных страниц использован Preact.

Использованные технологии: Pure js, Preact, Canvas 2d animations, WebGL shader effects, Flickity slider.

sportlifeclub.ru
Команда проекта
Дизайн и идея
Praxis Advance
Sborka Project
1 менеджер проекта
3 front-end разработчика


Давайте пообщаемся
Выбрать файлы

Спасибо, ваше сообщение отправлено!
Мы ответим на него в ближайшее время.

Мы всегда на связи в Телеграме
Санкт-Петербург
17-я линия В.О., 4

Новосибирск
Кутателадзе, 4г