Club Indgo Website
What happens when music artists need a hub for their fans?
Designed the digital hub for Club Indgo, a nightlife and music collective, giving artists and fans a central place to connect. Built a cohesive visual identity and website experience spanning releases, events, merch and community features, translating the energy of the brand's live events into an approachable, easy-to-navigate digital presence.
Know Before You Draw
Before any pixels were pushed, I dug into what makes a nightlife brand's fans stick around: event discovery, artist spotlights, and a sense of belonging. I mapped out the fan and artist journeys, benchmarked competing venue and music platforms, and used those insights to shape an information architecture that keeps the experience fast, visual, and easy to navigate on any device.
The Problem
Club Indgo's existing web presence was fragmented: event info, ticket links, and artist updates lived across scattered social posts and third-party pages with no consistent branding. Fans had no single place to discover upcoming shows or feel connected to the artists between events, and the brand's nightlife energy wasn't coming through anywhere online.
Music, events and community were three things fans were hunting for in three different places. Now every release sits in one row with a single tap to listen, the DEEP/CUTT flyer wall turns each night's artwork into the event listing, and a Text Club signup sends the next flyer, drop and set time straight to fans' phones.
The Inspiration
I looked to the venues and artists themselves for inspiration, moody lighting, bold typography, and the visceral energy of a live show. I studied ticketing platforms like Dice and Resident Advisor for how they balance discovery with simplicity, then layered in Club Indgo's own brand voice: confident, a little rebellious, and unmistakably nightlife.
From Figma to Shipped
I designed every page in Figma first: the grid, type scale, components and the mobile layouts. Instead of stopping at a static handoff, I used Claude as an AI prototyping partner to turn those designs into a real, working site, with production HTML, CSS and JavaScript for the flyer wall and the shop carousel and bag, plus the Laylo-powered Text Club signup. Then I refined it in the browser, tuning motion, spacing and the phone experience until it matched the Figma files, and shipped it live on Netlify.
The Solution
The final site pairs a bold, editorial homepage with a release row that's one tap from listening, a DEEP/CUTT flyer wall for every event, an artist EPK, a merch shop with a working bag, and a Text Club signup that keeps fans in the loop between shows. A dark, moody palette and motion-forward interactions carry the brand's live energy online, while the simple structure keeps it easy for the team to update after every event.
