Skip to main content

Work Website for a rock band

Skylar Lazor

Result
One fast page that does what a band site has to do: play the music, sell the next show and tell the story.
Built with
Next.js, React, Tailwind CSS
Status
Our own work
Band home page with the name Skylar Lazor in large white type over a dim diner scene, with ticket and streaming buttons.(opens the full-size image)
The landing screen. Tickets and music are one click away.

The project

The brief

A rock band needed a site that works the night of a show: someone hears a song, looks the band up on their phone, and needs the next date, a ticket link and the music within seconds.

What we built

A single-page site exported as static files, so it loads fast and can be served from any static host. The page runs from the headline and ticket button, through an embedded player and the show listings, to the band's story and the booking details. A scrolling strip under the hero keeps the next show in view.

What changed

The band has one link to share everywhere, and updating a show date is a one-line change.

Music section titled Stream and Listen with an embedded audio player and a full discography button.(opens the full-size image)
The music section, with the latest single playing in place.
Section titled A Sonic Adventure with a short band story beside a photo of a guitarist mid-song.(opens the full-size image)
The band's story, told in two short paragraphs and a photograph.