← diego zhou — index new york --:--

track 003 / 004

Sammi Klavier

dwg
003
year
2026
status
Live
type
Artist Portfolio
stack
Astro · TypeScript · React
01 — overview

An editorial portfolio for pianist Sammi Chen, built around performance, recordings, and visual storytelling.

Sammi Klavier is a portfolio for classical pianist Sammi Chen. It brings her performances, recordings, biography, and photos together in one place. The site works across desktop and mobile, with smooth transitions and optional background music.

02 — result
Sammi Klavier interactive homepage on desktop
02-adesktop result
03 — process

I built the site with Astro and structured Sanity content. A shared editorial system keeps the pages consistent, while responsive layouts, page transitions, and persistent music controls make the experience feel continuous.

parts

  1. 01Astro
  2. 02TypeScript
  3. 03React
  4. 04Sanity
  5. 05GSAP
04 — screens
Sammi Klavier Biography page on desktop
04-abiography
Sammi Klavier Gallery page on mobile
04-bgallery · mobile
Sammi Klavier Performance page on desktop
04-cperformance
Sammi Klavier Discography page on desktop
04-ddiscography