2NTE is a live music website built around how I look for shows in San Francisco. I designed the interface in Figma, built it with Claude Code, and shipped it. My goal was to create something that was quick when I wanted to find something to do that night but detailed enough to help plan shows weeks in advance.
When designing the homepage, I made the show cards the main starting point even though the map takes up a lot of space. When I’m deciding whether to go to a show, I usually care about the artist first, and then I want to know if I can actually get there. Because of this, the map supports discovery instead of driving it. Selecting a show opens its location on the map, creating a natural flow from “who is playing” to “where is it.” I also decided that map pins should represent venues rather than individual shows. Since one venue can have multiple shows in a night, opening a pin displays all the shows happening there. This keeps the map simple and makes the system work better as more shows are added.
The same events can be viewed in different ways, with each view designed around a different question. The homepage focuses on location, using the map and venue list to show where events are happening. The calendar focuses on time, giving users a quick overview of upcoming shows, while the filterable list offers more control over things like date, venue, price, start time, saved shows, and artists. These views support different mindsets. Someone looking for something to do tonight needs a simple experience, while someone planning weeks ahead may want more options. Separating these workflows keeps each view focused and easier to use.
Everything on the site can be explored without an account. Users are only asked to sign up when they save a show, giving them a clear reason to create one. I wanted users to experience the site’s value before asking for their email. The authentication flow also adapts, automatically switching to login when someone enters an email that already exists.