DISCOTEK Nightlife platformClubs · events · tickets
Case study · Nightlife · Web · 2024

A night out, before the night out.

A neon-soaked website for Discotek: built to sell the energy of the room. Line-ups and ticketing, a resident-DJ roster, a charged photo gallery and table bookings, all wrapped in a cyan-and-magenta identity that glows in the dark.

Role
Product Designer & Front-End
Timeline
3 months
Platform
Web · Responsive
Domain
Nightlife · Events
Overview

Sell the room, in the dark

A club lives or dies on its line-up and its energy, and a website has to bottle both before anyone's through the door. Discotek needed to feel like the night, not describe it.

We built a full-bleed, dark experience where photography does the talking: a disco-ball hero, an events carousel headlining the next big act, a resident roster, a charged photo gallery and a frictionless "Book a table" path.

We owned the experience and the front-end: the immersive hero, the events slider, the gallery grid, the contact flow and a glowing cyan-magenta visual system that holds up over busy imagery.

What we did

The whole night, end to end

Immersive hero

A video-led, full-bleed landing with a neon logo, social links and a bold "Book a table" CTA.

Events & ticketing

A headline slider for the next act, plus an upcoming-events list with detail and tickets.

Photo gallery

A masonry "Latest shots" grid that recreates the room's energy in stills.

Contact & social

An Instagram strip, a message form and clear venue details to close the loop.

EventsDiscotek — Seth Troxler Live events slider HomeDiscotek — neon home
The screens

Six rooms of one club

Hero
01Home· #WEAREDSCTK hero
Events
02Events· headline act slider
Menu
03Menu· full-screen navigation
Gallery
04Gallery· latest shots grid
Upcoming events
05Upcoming· event detail & flyer
Contact
06Contact· Instagram, message & reach us
Inside the build

What makes it glow

Neon system

A cyan-magenta gradient language with glowing outlines that survive over busy photos.

Video-led hero

Full-bleed motion sets the mood the instant the page loads.

Events slider

A headline carousel with a synced upcoming list and one-tap detail.

Masonry gallery

A mixed-size photo grid with hover reveals that captures the crowd.

Color system

The Discotek palette

Neon Gradientcyan → magenta
Laser Cyan#2EE6E6
Disco Magenta#C13FE0
Hot Pink#FF3FA4
Strobe Violet#8B5CFF
Blackout#050507
The full set

Step onto the
dancefloor.

From the disco-ball hero to the contact form, six glowing screens of one very loud club.

See the screens