Neon-nights
Jednostronicowy promocyjny landing NEON NIGHTS 2026 — trzydniowego festiwalu elektronicznego w berlińskim Tempelhofie (14–16 sierpnia 2026, 5 scen, 50 artystów, 36 000 widzów). Opracowanie od podstaw: koncepcja, projektowanie UX/UI oraz realizacja front-endu.
Strona zbudowana jako React SPA z intensywnymi animacjami GSAP (ScrollSmoother + ScrollTrigger), wideo w tle oraz płynym, inercyjnym przewijaniem. Ciemna neonowa estetyka, laserowe odbicia, filmowa typografia oraz zwięzły anglojęzyczny tekst w stylu zmysłowego manifestu („Three nights. Five stages. One frequency.”) tworzą obraz wielkiego europejskiego festiwalu techno na poziomie Awakenings / Time Warp. Scroll storytelling, animowane przejścia między scenami wieczoru oraz interaktywny leveling formularza — wszystko działa na emocję „zanurzenia w noc”.
Zrealizowano:
- Sekcja Hero z pulsującym logo NEON NIGHTS, datami 14–16 sierpnia, lokalizacją Tempelhof, Berlin oraz manifestem „The city goes dark so the lights can speak — and you'll feel every hertz”
- Dwukanałowy CTA (Get tickets / See the lineup) z mikroanimacjami hover
- Blok Headliners — trzy dni, trzech headlinerów na dzień: BICEP / OVERMONO (pt), JAMIE XX / PEGGY GOU (sob), BONOBO / FOUR TET / ODESZA (niedz)
- Sekcja fabularna „A night, mapped / How it unfolds” — cztery fazy jednego wieczoru z atmosferycznymi opisami: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Blok biletów Pick your pass z trzema taryfami (1-Day €69 / 3-Day €159 / VIP €349), odznakami „Most popular” oraz „Tier 1 almost gone”, listą zalet (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- Sekcja FAQ Questions, answered (lokalizacja i shuttle z Alexanderplatz, re-entry, resale do 48 godz., limit wieku, dostępność, dojazd)
- Finalny emocjonalny blok „36,000 people. Three sunrises. One ticket between you and the best weekend of the year” z kickerem „Don't watch the clips. Be in them.”
- Interaktywny formularz rezerwacji z niestandardową walidacją (pełne imię, e-mail, telefon 10–15 cyfr, Wybierz 1–6 ilość), stanami błędów oraz ekranem sukcesu „You're in!”
- Stopka z mediami społecznościowymi (Instagram, TikTok, Spotify) oraz subblokiem „Demo · Obliko”
- Całkowicie responsywna konstrukcja z optymalizacją animacji pod prefers-reduced-motion oraz urządzenia dotykowe.
Stos: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), budowa Vite, niestandardowe kompozycje ruchu, responsywny CSS.
Strona zbudowana jako React SPA z intensywnymi animacjami GSAP (ScrollSmoother + ScrollTrigger), wideo w tle oraz płynym, inercyjnym przewijaniem. Ciemna neonowa estetyka, laserowe odbicia, filmowa typografia oraz zwięzły anglojęzyczny tekst w stylu zmysłowego manifestu („Three nights. Five stages. One frequency.”) tworzą obraz wielkiego europejskiego festiwalu techno na poziomie Awakenings / Time Warp. Scroll storytelling, animowane przejścia między scenami wieczoru oraz interaktywny leveling formularza — wszystko działa na emocję „zanurzenia w noc”.
Zrealizowano:
- Sekcja Hero z pulsującym logo NEON NIGHTS, datami 14–16 sierpnia, lokalizacją Tempelhof, Berlin oraz manifestem „The city goes dark so the lights can speak — and you'll feel every hertz”
- Dwukanałowy CTA (Get tickets / See the lineup) z mikroanimacjami hover
- Blok Headliners — trzy dni, trzech headlinerów na dzień: BICEP / OVERMONO (pt), JAMIE XX / PEGGY GOU (sob), BONOBO / FOUR TET / ODESZA (niedz)
- Sekcja fabularna „A night, mapped / How it unfolds” — cztery fazy jednego wieczoru z atmosferycznymi opisami: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Blok biletów Pick your pass z trzema taryfami (1-Day €69 / 3-Day €159 / VIP €349), odznakami „Most popular” oraz „Tier 1 almost gone”, listą zalet (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- Sekcja FAQ Questions, answered (lokalizacja i shuttle z Alexanderplatz, re-entry, resale do 48 godz., limit wieku, dostępność, dojazd)
- Finalny emocjonalny blok „36,000 people. Three sunrises. One ticket between you and the best weekend of the year” z kickerem „Don't watch the clips. Be in them.”
- Interaktywny formularz rezerwacji z niestandardową walidacją (pełne imię, e-mail, telefon 10–15 cyfr, Wybierz 1–6 ilość), stanami błędów oraz ekranem sukcesu „You're in!”
- Stopka z mediami społecznościowymi (Instagram, TikTok, Spotify) oraz subblokiem „Demo · Obliko”
- Całkowicie responsywna konstrukcja z optymalizacją animacji pod prefers-reduced-motion oraz urządzenia dotykowe.
Stos: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), budowa Vite, niestandardowe kompozycje ruchu, responsywny CSS.
Dniepr 
Gotowy do podjęcia pracy
Zaproponuj zlecenie