An animated promo landing page with full-screen scroll effects and a strong focus on the brand's visual identity. Created from scratch based on a Figma layout. The project features complex scroll-based animation that increases user engagement and creates a dynamic, memorable experience.
Technologies: HTML, SCSS (BEM), JavaScript
Build tools: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Libraries:
– Swiper (sliders)
– Locomotive Scroll (smooth full-screen scrolling)
Custom features:
– Responsive layout
– Tabs
– Modal window
– Complex scroll-triggered full-screen animations
– Cross-browser compatibility
– Semantic and valid HTML
– Image and SVG optimization
– SVG sprite creation
– HTML, CSS, and JS minification
#landingpage #promosite #animation #scrollanimation #webdevelopment #frontend #responsivedesign #HTML #SCSS #JavaScript #figma #semanticcode
Technologies: HTML, SCSS (BEM), JavaScript
Build tools: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Libraries:
– Swiper (sliders)
– Locomotive Scroll (smooth full-screen scrolling)
Custom features:
– Responsive layout
– Tabs
– Modal window
– Complex scroll-triggered full-screen animations
– Cross-browser compatibility
– Semantic and valid HTML
– Image and SVG optimization
– SVG sprite creation
– HTML, CSS, and JS minification
#landingpage #promosite #animation #scrollanimation #webdevelopment #frontend #responsivedesign #HTML #SCSS #JavaScript #figma #semanticcode