It is used by WebGL for individual elements of the site and other effects: “filling” a photo of a gym, morphing images in a slider, a displacement effect in a section with a swimming pool. The animation of the age distribution graph is made by hand and uses SVG frames. The pie chart is made parametric and completely programmed (canvas 2d). The water purification scheme was made using Lottie and linked to the page scroll. The entire site has parallax, smooth scrolling, and other animations and effects associated with scrolling. For secondary pages, Preact is used.
Technologies used: Pure js, Preact, Canvas 2d animations, WebGL shader effects, Flickity slider.
The site of the chain of sports clubs SPORTLIFE in St. Petersburg
The site of the chain of sports clubs SPORTLIFE in St. Petersburg
August, 2021
sportlifeclub.ruProject Team
Design & Idea
Praxis Advance
Praxis Advance
Sborka Project
1 PM
3 front-end developers
1 PM
3 front-end developers
Previous project
Decta processing center website
Next project
CRM system for real estate aggregator
Let’s get in touch