Quick Facts
Tech Stack
Key Features
- Dynamic hero that introduces the band with motion instead of a static poster.
- In-page music player so the catalog is part of the visit, not a handoff.
- Tour dates listed in the same system as music and merch.
- Band member profiles that keep the kinetic type language off the homepage.
- Merch showcase that sits beside the listening path rather than on a separate storefront island.
What did Will Spurlock build for The Wrecks?
Band site for The Wrecks with kinetic layout, music, tour dates, and merch in one place.
An energetic band site built for The Wrecks with kinetic type, music, tour, and merch so fans can follow the live-show energy from one page.
What problem did The Wrecks have?
The Wrecks play high-energy rooms; a static band page would flatten that. The existing problem was the usual indie-rock brochure: one hero, a Spotify badge, and merch that felt bolted on. The site had to move — not as decoration, but as a way to get from music to tour to merch without the energy dropping. Member pages and live photography needed the same kinetic type so interior routes did not go quiet.
How was the The Wrecks website built?
The site leans on scroll-triggered motion, bold color, and layout shifts in React, TypeScript, Tailwind, and Framer Motion. The hero is a sequence, not a still. Music, live, merch, and about are separate pages that reuse the same palette instead of falling back to a white CMS skin. The player is in-page. Tour and merch are first-class, so a fan who came for a song can leave with a date or a shirt without opening a new brand. The documented interiors — about, live, merch, and music — are built as pages, not overlays. A listener can go from the kinetic hero to merch or a date and still be on The Wrecks. React, TypeScript, Tailwind, and Framer Motion hold the color and motion so those routes do not fall back to a white shop skin.
What changed after the The Wrecks site launched?
What fans get is a band site that holds the live energy across music, tour, merch, and members. The visit is no longer a poster plus links. This write-up does not claim ticket or merch lift; the shipped change is a kinetic Wrecks website that treats those paths as one system. A visitor can hear a song, check a date, and open merch inside one kinetic system. Member pages stay on that energy. This result does not invent engagement rates; it names the paths that replaced a static brochure.
Frequently asked questions
Who is the The Wrecks website for?
The The Wrecks website is for fans of The Wrecks who want music, tour, and merch in one place.
What shipped on the The Wrecks website?
The 2025 The Wrecks site shipped Dynamic hero that introduces the band with motion instead of a static poster., In-page music player so the catalog is part of the visit, not a handoff., Tour dates listed in the same system as music and merch., Band member profiles that keep the kinetic type language off the homepage., and Merch showcase that sits beside the listening path rather than on a separate storefront island..
What did the The Wrecks website cost or earn?
This case study does not publish a project fee or client revenue for the The Wrecks website. It is a 2025 custom-coded build; no earnings figure is on record.
Page Showcase
4 pages
More Music Artists Websites
$uicideboy$
Custom fan site for $uicideboy$ with discography, Grey Day tour archive, and member pages.
Arizona Zervas
Artist site for Arizona Zervas with music, tour dates, and a hub that keeps fans on the catalog.
KYLE
Artist site for KYLE with a colorful catalog, video, and shop that matches his upbeat brand.