Neon-nights
One-page promo landing for NEON NIGHTS 2026 — a three-day electronic festival in Berlin's Tempelhof (August 14–16, 2026, 5 stages, 50 artists, 36,000 attendees). Development from scratch: concept, UX/UI design, and frontend implementation.
The site is built as a React SPA with heavy GSAP animations (ScrollSmoother + ScrollTrigger), video backgrounds, and smooth inertial scrolling. The dark neon aesthetic, laser reflections, cinematic typography, and concise English copy in the style of a sensual manifesto (“Three nights. Five stages. One frequency.”) create the image of a major European techno festival at the level of Awakenings / Time Warp. Scroll storytelling, animated transitions between evening scenes, and an interactive leveling form — all work towards the emotion of "immersing into the night."
Implemented:
- Hero section with a pulsating NEON NIGHTS logo, dates Aug 14–16, location Tempelhof, Berlin, and the manifesto “The city goes dark so the lights can speak — and you'll feel every hertz”
- Dual CTA (Get tickets / See the lineup) with hover micro-animations
- Headliners block — three days, three headliners per day: BICEP / OVERMONO (Fri), JAMIE XX / PEGGY GOU (Sat), BONOBO / FOUR TET / ODESZA (Sun)
- Narrative section “A night, mapped / How it unfolds” — four phases of one evening with atmospheric descriptions: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Ticket block Pick your pass with three rates (1-Day €69 / 3-Day €159 / VIP €349), badges “Most popular” and “Tier 1 almost gone,” list of benefits (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- FAQ section Questions, answered (location and shuttles from Alexanderplatz, re-entry, resale up to 48 hours, age limit, accessibility, getting there)
- Final emotional block “36,000 people. Three sunrises. One ticket between you and the best weekend of the year” with kicker “Don't watch the clips. Be in them.”
- Interactive booking form with custom validation (full name, email, phone 10–15 digits, Pick 1–6 quantity), error states, and success screen “You're in!”
- Footer with social media (Instagram, TikTok, Spotify) and sub-block “Demo · Obliko”
- Fully responsive layout with animation optimization for prefers-reduced-motion and touch devices.
Stack: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), Vite build, custom motion compositions, responsive CSS.
The site is built as a React SPA with heavy GSAP animations (ScrollSmoother + ScrollTrigger), video backgrounds, and smooth inertial scrolling. The dark neon aesthetic, laser reflections, cinematic typography, and concise English copy in the style of a sensual manifesto (“Three nights. Five stages. One frequency.”) create the image of a major European techno festival at the level of Awakenings / Time Warp. Scroll storytelling, animated transitions between evening scenes, and an interactive leveling form — all work towards the emotion of "immersing into the night."
Implemented:
- Hero section with a pulsating NEON NIGHTS logo, dates Aug 14–16, location Tempelhof, Berlin, and the manifesto “The city goes dark so the lights can speak — and you'll feel every hertz”
- Dual CTA (Get tickets / See the lineup) with hover micro-animations
- Headliners block — three days, three headliners per day: BICEP / OVERMONO (Fri), JAMIE XX / PEGGY GOU (Sat), BONOBO / FOUR TET / ODESZA (Sun)
- Narrative section “A night, mapped / How it unfolds” — four phases of one evening with atmospheric descriptions: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Ticket block Pick your pass with three rates (1-Day €69 / 3-Day €159 / VIP €349), badges “Most popular” and “Tier 1 almost gone,” list of benefits (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- FAQ section Questions, answered (location and shuttles from Alexanderplatz, re-entry, resale up to 48 hours, age limit, accessibility, getting there)
- Final emotional block “36,000 people. Three sunrises. One ticket between you and the best weekend of the year” with kicker “Don't watch the clips. Be in them.”
- Interactive booking form with custom validation (full name, email, phone 10–15 digits, Pick 1–6 quantity), error states, and success screen “You're in!”
- Footer with social media (Instagram, TikTok, Spotify) and sub-block “Demo · Obliko”
- Fully responsive layout with animation optimization for prefers-reduced-motion and touch devices.
Stack: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), Vite build, custom motion compositions, responsive CSS.