Neon Odyssey 2077 — landing cyber-festiwalu (HTML/CSS/JS)
Opracowałem pełnoprawną stronę internetową (landing page) dla wymyślonego międzynarodowego festiwalu cyber-artu i muzyki Neon Odyssey 2077.
Co zostało zrobione:
Minimalistyczny ciemny design z akcentującym kolorem, nowoczesną typografią (Space Grotesk + Inter) oraz responsywnym układem dla urządzeń mobilnych
11+ sekcji: hero, o festiwalu, lineup artystów, harmonogram na 3 dni, sceny, doświadczenia odwiedzających, galeria, merch, bilety, FAQ, opinie
Interaktywność bez frameworków: pasek postępu przewijania, podświetlenie aktywnego punktu menu, animacje pojawiania się bloków, liczniki statystyk, zakładki harmonogramu, akordeon FAQ, suwak opinii, lightbox galerii, modalne okno płatności za bilety
Efekty na desktopie: parallax hero, magnetyczne przyciski, 3D tilt na kartach, niestandardowe podświetlenie kursora
Prawdziwe obrazy (Unsplash), zoptymalizowane ładowanie (lazy loading)
Stos: HTML5, CSS3 (Grid, Flexbox, Custom Properties, animacje), JavaScript (ES6+, Intersection Observer API). Bez React/Vue — czysty frontend.
Strona nadaje się jako przykład landing page dla wydarzeń, festiwali, startupów w branży tech/creative.
#witryna #landing #html #css #javascript #frontend #układ #responsywny #ui #ux #strona #landing #cyberpunk #festiwal #stronawielostronicowa #portfolio
Co zostało zrobione:
Minimalistyczny ciemny design z akcentującym kolorem, nowoczesną typografią (Space Grotesk + Inter) oraz responsywnym układem dla urządzeń mobilnych
11+ sekcji: hero, o festiwalu, lineup artystów, harmonogram na 3 dni, sceny, doświadczenia odwiedzających, galeria, merch, bilety, FAQ, opinie
Interaktywność bez frameworków: pasek postępu przewijania, podświetlenie aktywnego punktu menu, animacje pojawiania się bloków, liczniki statystyk, zakładki harmonogramu, akordeon FAQ, suwak opinii, lightbox galerii, modalne okno płatności za bilety
Efekty na desktopie: parallax hero, magnetyczne przyciski, 3D tilt na kartach, niestandardowe podświetlenie kursora
Prawdziwe obrazy (Unsplash), zoptymalizowane ładowanie (lazy loading)
Stos: HTML5, CSS3 (Grid, Flexbox, Custom Properties, animacje), JavaScript (ES6+, Intersection Observer API). Bez React/Vue — czysty frontend.
Strona nadaje się jako przykład landing page dla wydarzeń, festiwali, startupów w branży tech/creative.
#witryna #landing #html #css #javascript #frontend #układ #responsywny #ui #ux #strona #landing #cyberpunk #festiwal #stronawielostronicowa #portfolio