Quick Facts
Tech Stack
Key Features
- Sink Your Teeth album cues on the same system as listen, tour, merch, and press.
- Tour path that names the 2026 Goo Goo Dolls dates as a first-class route, not a footer widget.
- MusicGroup JSON-LD with Provo origin and members Tyler Glenn, Chris Allen, Branden Campbell, and Elaine Bradley.
- Responsive hero image preload (srcset) so the band still is not the mobile LCP when the layout drops it.
- The same 30-point SEO, UI/UX, and AEO pass Will Spurlock runs on SHADY 97 and the rest of the artist book.
What did Will Spurlock build for Neon Trees?
Custom-coded Neon Trees artist site by Will Spurlock: Sink Your Teeth, tour, merch, and press on React — not the Webflow neontrees.com.
Will Spurlock built a custom-coded Neon Trees site with Sink Your Teeth, tour, merch, and press. The live demo is neontrees.netlify.app, not Webflow.
What problem did Neon Trees have?
Neon Trees already had an official Webflow host at neontrees.com. What they did not have in this book was a custom-coded artist site that could sit next to the rest of Will Spurlock’s music work: Sink Your Teeth out now, a 2026 tour with the Goo Goo Dolls, merch, press, story, lyrics, and a tip jar — without claiming the Webflow domain as the demo. A template band page would flatten a synth-pop catalog into a Spotify badge and a tour iframe. A Three.js hero that blocks LCP would flatten the performance half of the same brief.
The rooms that had to ship were listen, tour, merch, press, story, lyrics, and tip jar. Album worlds needed to stay Neon Trees when someone left the homepage. Press and contact are where artist sites usually go grey. Those interiors had to keep the official-site polish without inventing a booking change this case study cannot source. Mobile could not load the desktop band hero as LCP if the layout used no band image under 768px.
The same 30-point audit applied. Unique title and description that name Sink Your Teeth. Canonical that does not lie about which host is the demo. MusicGroup schema with real members and album datePublished. Crawlable nav, not hash-only chrome. Honest merch — a visual storefront is not an Offer graph. FAQ answers that stay in the DOM if a FAQ ships. Heading order on listen and tour. Image honesty: preload the 1280 WebP for tablet and desktop, not a random OG square.
The risk was building a fashion-look homepage that dumped tour and merch into a default cart. Neon Trees needed air and still needed a ticket path. Will Spurlock’s job was a React site that could be shown as a custom-coded alternative to the Webflow official, labeled as the Netlify demo.
How was the Neon Trees website built?
The 2026 build is React 19, TypeScript, Tailwind v4, React Router, Motion, and React Three Fiber for hero particles. Will Spurlock applied the same 30-point SEO, UI/UX, and AEO pass used on SHADY 97: shared head, unique title and description, MusicGroup JSON-LD, crawlable routes, and an LCP budget. The live URL in this portfolio is https://neontrees.netlify.app. The official Webflow site remains neontrees.com; this case study does not claim that host.
Content lives in typed data — releases, tour dates, bio, press quotes, merch — so interiors are pages, not overlays. Listen, tour, merch, press, and story reuse one system. The hero preload is media-gated: tablet and desktop fetch neon-trees-hero WebP srcset; mobile is not forced to download the band still. Sink Your Teeth artwork is a second high-priority image because the album is the commercial object on first paint.
AEO on this site is the same checklist. MusicGroup names Provo, the four members, and the album list with datePublished. sameAs points at Spotify, Facebook, Instagram, X, and YouTube. Title and description say official-style artist site and name the album; the portfolio page is careful to say this URL is the custom-coded demo. Nav is real routes. Merch is a storefront path inside the same design system. No invented stream or ticket totals.
Performance work is the image and motion budget. Particles stay in the hero, not on every card. Tour and merch have to remain usable if motion is reduced. The 30-point pass treats LCP, unique meta, and extractable album facts as one job — the same way SHADY 97 treated prerender, FAQ mounting, and VideoObject as one job.
What changed after the Neon Trees site launched?
Fans get a custom-coded Neon Trees hub: Sink Your Teeth, listen, tour, merch, press, and story under one React system. The visit is no longer a Webflow homepage plus a bolted store. A visitor can move from the album cue to dates or merch without the identity snapping to a default shop skin.
This write-up does not publish ticket, merch, or stream figures, and it does not publish a project fee. It does not claim the Webflow neontrees.com as Will Spurlock’s live demo. The extractable outcome is the site itself — a 2026 artist website built with the same 30-point SEO, UX, and AEO method as SHADY 97, labeled at neontrees.netlify.app.
No first-launch Lighthouse row is on record for this URL in the portfolio data, so none is invented. The performance claim that is sourced is the architecture: responsive hero preload, album art priority, and interiors that stay on one codebase.
Frequently asked questions
Who is the Neon Trees website for?
The Neon Trees website is for fans of Neon Trees who want Sink Your Teeth, tour dates, merch, and press on a custom-coded artist site.
What shipped on the Neon Trees website?
The 2026 Neon Trees site shipped Sink Your Teeth album cues on the same system as listen, tour, merch, and press., Tour path that names the 2026 Goo Goo Dolls dates as a first-class route, not a footer widget., MusicGroup JSON-LD with Provo origin and members Tyler Glenn, Chris Allen, Branden Campbell, and Elaine Bradley., Responsive hero image preload (srcset) so the band still is not the mobile LCP when the layout drops it., and The same 30-point SEO, UI/UX, and AEO pass Will Spurlock runs on SHADY 97 and the rest of the artist book..
What did the Neon Trees website cost or earn?
This case study does not publish a project fee or client revenue for the Neon Trees website. It is a 2026 custom-coded build; no earnings figure is on record.
Page Showcase
5 pages
More Music Artists Websites
Eminem — SHADY 97
Unofficial Eminem digital museum by Will Spurlock: catalog, essays, gallery, and Notify Me shop — not eminem.com.
Friday Pilots Club
Custom-coded Friday Pilots Club site by Will Spurlock: Nowhere, live dates, lore, shop, and Passengers — a Netlify demo, not Squarespace.
$uicideboy$
Custom fan site for $uicideboy$ with discography, Grey Day tour archive, and member pages.