Pora Podkrepitsya — Landing page produktu
Animowany landing page promujący produkt, z efektem pełnoekranowego scrollowania i naciskiem na wizualną prezentację marki. Strona stworzona od podstaw na podstawie projektu z Figma. Zastosowano zaawansowaną animację przewijaną, która zwiększa zaangażowanie użytkownika i sprawia, że witryna jest dynamiczna i zapadająca w pamięć.
Technologie: HTML, SCSS (BEM), JavaScript
Narzędzia: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Biblioteki:
– Swiper (slidery)
– Locomotive Scroll (płynne przewijanie pełnoekranowe)
Wdrożone funkcje:
– Responsywny układ
– Zakładki
– Okno modalne
– Zaawansowana animacja pełnoekranowa przewijana
– Kompatybilność między przeglądarkami
– Semantyczny i poprawny HTML
– Optymalizacja obrazów i SVG
– Tworzenie sprite’ów SVG
– Minifikacja HTML, CSS i JS
#landingpage #promocjastrony #animacja #scrollowanie #tworzeniestron #frontend #responsywnastrona #HTML #SCSS #JavaScript #figma #semantycznykod
Technologie: HTML, SCSS (BEM), JavaScript
Narzędzia: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Biblioteki:
– Swiper (slidery)
– Locomotive Scroll (płynne przewijanie pełnoekranowe)
Wdrożone funkcje:
– Responsywny układ
– Zakładki
– Okno modalne
– Zaawansowana animacja pełnoekranowa przewijana
– Kompatybilność między przeglądarkami
– Semantyczny i poprawny HTML
– Optymalizacja obrazów i SVG
– Tworzenie sprite’ów SVG
– Minifikacja HTML, CSS i JS
#landingpage #promocjastrony #animacja #scrollowanie #tworzeniestron #frontend #responsywnastrona #HTML #SCSS #JavaScript #figma #semantycznykod