Skip to content

Club Indgo Website

What happens when music artists need a hub for their fans?

Club Indgo is the music collective I founded and art direct, and our fans needed one place to find everything. I designed a site that holds our releases, events, merch and community, feels like one of our nights out, and is still easy to get around.

Category
UX/UI / Web Design / Art Direction
Timeline
Aug 2026 - Present
Tools
Figma / Claude / Netlify

Starting With the Fans

Before designing anything, I thought about what keeps nightlife fans around: finding the next event, getting to know the artists, and feeling like they belong. I mapped how fans and artists would move through the site, looked at other venue and music platforms, and used that to build a structure that's quick, visual and easy on any device.

Club Indgo Website

The Problem

Our web presence was all over the place. Event info, ticket links and artist updates were spread across social posts and other people's pages, with no consistent look. Fans had nowhere to find upcoming shows or keep up with the artists between events, and none of the energy of our nights came through online.

Club Indgo Website

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.

Club Indgo WebsiteClub Indgo Website

The Inspiration

I took inspiration from the venues and artists: moody lighting, bold type and the feeling of being at a live show. I studied Dice and Resident Advisor to see how they keep discovery simple, then added our own voice: confident, a little rebellious and nightlife all the way.

Club Indgo WebsiteClub Indgo Website

From Figma to Shipped

I designed every page in Figma first, including the grid, type scale, components and mobile layouts. Instead of stopping at a handoff, I used Claude to turn those designs into a real working site: the HTML, CSS and JavaScript behind the flyer wall, the shop carousel and bag, and the Laylo-powered Text Club signup. Then I tuned the motion, spacing and phone experience in the browser until it matched Figma, and shipped it on Netlify.

The Solution

The final site has a bold editorial homepage, 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. The dark palette and motion bring our live energy online, and the simple structure makes it easy for the team to update after every event.

Club Indgo Website
Club Indgo Website

Visit the Club Indgo site