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