Неоновые ночи
Одностраничный промо-лендинг NEON NIGHTS 2026 — трехдневного электронного фестиваля в берлинском Темпельгофе (14–16 августа 2026, 5 сцен, 50 артистов, 36 000 зрителей). Разработка с нуля: концепция, UX/UI-дизайн и фронтенд-реализация.
Сайт построен как React SPA с тяжелыми GSAP-анимациями (ScrollSmoother + ScrollTrigger), видеофонами и плавным инерционным скроллом. Темная неоновая эстетика, лазерные отблески, кинематографическая типографика и лаконичный англоязычный копирайт в стиле чувственного манифеста («Three nights. Five stages. One frequency.») формируют образ большого европейского техно-фестиваля уровня Awakenings / Time Warp. Скролл-сторителлинг, анимированные переходы между сценами вечера и интерактивный leveling формы — все работает на эмоцию «погружения в ночь».
Реализовано:
- Hero-секция с пульсирующим логотипом NEON NIGHTS, датами Aug 14–16, локацией Tempelhof, Berlin и манифестом «The city goes dark so the lights can speak — and you'll feel every hertz»
- Двухканальный CTA (Get tickets / See the lineup) с микроанимациями ховера
- Блок Headliners — три дня, трое хедлайнеров на день: BICEP / OVERMONO (Пт), JAMIE XX / PEGGY GOU (Сб), BONOBO / FOUR TET / ODESZA (Вс)
- Сюжетная секция «A night, mapped / How it unfolds» — четыре фазы одного вечера с атмосферными описаниями: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Блок билетов Pick your pass с тремя тарифами (1-Day €69 / 3-Day €159 / VIP €349), бейджами «Most popular» и «Tier 1 almost gone», перечнем преимуществ (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- FAQ-секция Questions, answered (локация и шатлы от Alexanderplatz, re-entry, ресейл до 48 часов, age limit, accessibility, getting there)
- Финальный эмоциональный блок «36,000 people. Three sunrises. One ticket between you and the best weekend of the year» с кикером «Don't watch the clips. Be in them.»
- Интерактивная форма бронирования с кастомной валидацией (full name, email, phone 10–15 digits, Pick 1–6 quantity), состояниями ошибок и success-экраном «You're in!»
- Футер с соцсетями (Instagram, TikTok, Spotify) и сабблоком «Demo · Obliko»
- Полностью адаптивная верстка с оптимизацией анимаций под prefers-reduced-motion и touch-устройства
Стек: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), Vite-билд, кастомные motion-композиции, адаптивный CSS.
Сайт построен как React SPA с тяжелыми GSAP-анимациями (ScrollSmoother + ScrollTrigger), видеофонами и плавным инерционным скроллом. Темная неоновая эстетика, лазерные отблески, кинематографическая типографика и лаконичный англоязычный копирайт в стиле чувственного манифеста («Three nights. Five stages. One frequency.») формируют образ большого европейского техно-фестиваля уровня Awakenings / Time Warp. Скролл-сторителлинг, анимированные переходы между сценами вечера и интерактивный leveling формы — все работает на эмоцию «погружения в ночь».
Реализовано:
- Hero-секция с пульсирующим логотипом NEON NIGHTS, датами Aug 14–16, локацией Tempelhof, Berlin и манифестом «The city goes dark so the lights can speak — and you'll feel every hertz»
- Двухканальный CTA (Get tickets / See the lineup) с микроанимациями ховера
- Блок Headliners — три дня, трое хедлайнеров на день: BICEP / OVERMONO (Пт), JAMIE XX / PEGGY GOU (Сб), BONOBO / FOUR TET / ODESZA (Вс)
- Сюжетная секция «A night, mapped / How it unfolds» — четыре фазы одного вечера с атмосферными описаниями: Arrival & sundown → Melodic warm-up → Headliner → Deep techno till dawn
- Блок билетов Pick your pass с тремя тарифами (1-Day €69 / 3-Day €159 / VIP €349), бейджами «Most popular» и «Tier 1 almost gone», перечнем преимуществ (Re-entry, Fast-lane entry, Elevated viewing decks, Free locker + cup deposit)
- FAQ-секция Questions, answered (локация и шатлы от Alexanderplatz, re-entry, ресейл до 48 часов, age limit, accessibility, getting there)
- Финальный эмоциональный блок «36,000 people. Three sunrises. One ticket between you and the best weekend of the year» с кикером «Don't watch the clips. Be in them.»
- Интерактивная форма бронирования с кастомной валидацией (full name, email, phone 10–15 digits, Pick 1–6 quantity), состояниями ошибок и success-экраном «You're in!»
- Футер с соцсетями (Instagram, TikTok, Spotify) и сабблоком «Demo · Obliko»
- Полностью адаптивная верстка с оптимизацией анимаций под prefers-reduced-motion и touch-устройства
Стек: React, GSAP (ScrollSmoother, ScrollTrigger, Observer), Vite-билд, кастомные motion-композиции, адаптивный CSS.
Днепр 
Свободен для работы
Предложить работу