← All projects

Drum Lesson Studio Site

in-progress

Ten responsive landing-page prototypes for a drum-lesson studio, built to compare tone, copy, and waitlist flows.

WebDesignHTML / CSSPrototyping

Overview

A friend is launching an independent drum-lesson studio, and I’m building the landing and waitlist site for it. Rather than guess at one design, I built ten standalone prototypes to compare tone, messaging, and call-to-action side by side: a kinetic kids-and-parents feel, a polished private-studio look, and a world-rhythm angle that ties drumming to math, language, and culture.

How it’s built

  • Each variant is a single self-contained HTML file (inline CSS and JS, no build step), so they’re easy to open, compare, and hand off.
  • Real copy and a working email-capture flow with a success state, plus one interaction per page: an FAQ accordion, a lesson selector, a rhythm visualizer, a waitlist counter.
  • Mobile-first and responsive, narrowed over several rounds toward the strongest direction.

Status

Prototype set complete. Iterating toward a launch design as the studio gets ready to open.