Анімований промо-лендінг для продукту з ефектом поекранного скролу та акцентом на візуальне представлення бренду. Сайт створено з нуля за макетом із Figma. Використана складна анімація, що реагує на скрол, підвищуючи залучення користувача та роблячи сайт динамічним і запам’ятовуваним.
Технології: HTML, SCSS (BEM), JavaScript
Збірка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Бібліотеки:
– Swiper (слайдери)
– Locomotive Scroll (плавна і поекранна прокрутка)
Що реалізовано вручну:
– Адаптивна верстка
– Таби
– Модальне вікно
– Складна поекранна скрол-анімація
– Кросбраузерність
– Семантичний і валідний HTML
– Оптимізація зображень і SVG
– Створення SVG-спрайта
– Мініфікація HTML, CSS і JS
#лендінг #промосайт #анімація #поекраннийскрол #веброзробка #frontend #адаптивнаверстка #HTML #SCSS #JavaScript #figma #семантичнийкод
Технології: HTML, SCSS (BEM), JavaScript
Збірка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Бібліотеки:
– Swiper (слайдери)
– Locomotive Scroll (плавна і поекранна прокрутка)
Що реалізовано вручну:
– Адаптивна верстка
– Таби
– Модальне вікно
– Складна поекранна скрол-анімація
– Кросбраузерність
– Семантичний і валідний HTML
– Оптимізація зображень і SVG
– Створення SVG-спрайта
– Мініфікація HTML, CSS і JS
#лендінг #промосайт #анімація #поекраннийскрол #веброзробка #frontend #адаптивнаверстка #HTML #SCSS #JavaScript #figma #семантичнийкод