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