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