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