Edinburgh – Landing Page for a Whisky Brand

A modern promo landing page for a whisky brand with a strong focus on visuals and immersive scroll-based animation. Developed from scratch using a Figma design. The site features screen-by-screen animation tied to scrolling, enhancing engagement and creating a premium brand experience.

Technologies: HTML, SCSS (BEM), JavaScript
Build tools: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Libraries:
– Swiper (sliders)
– Lottie (animated SVG)
– Locomotive Scroll (smooth and screen-by-screen scrolling)

Custom implementations:
– Responsive layout
– Tabs
– Advanced scroll-triggered animations
– Cross-browser compatibility
– Semantic and valid HTML
– Image and SVG optimization
– SVG sprite creation
– HTML, CSS, and JS minification

#landingpage #webdevelopment #frontend #whiskybrand #HTML #SCSS #JavaScript #scrollanimation #premiumdesign #figma #responsivedesign