Site icon Dr. Marc Reynolds Performing Arts Studio

Website: Promise • Proof • CTA (Make It Bookable)

drmarcreynolds
Advertisements

Day 12 Topic 6

You’re not building a shrine—you’re building a cash register. Your site’s job: tell me what you do (promise), show me you can do it (proof), and make it effortless to hire you (CTA). Opera, MT, directing—same flow, different reels. We’ll stand up a clean, one-page “minimum viable site,” bolt on an EPK, and add an embedded booking link so “yes” can happen at 2 a.m.

Why It Matters

Panels, presenters, and MDs don’t have time to hunt. A clear hero section above the fold drives attention and action; people do scroll, but only if the top is promising. Put your offer, your 30–60s reel, and your booking path right there. 

Accessibility isn’t optional. Meeting WCAG 2.2 basics (contrast, keyboard focus, alt text) helps everyone and keeps you in bounds with venues and schools. 

The 3-Block Homepage (what to show, exactly)

1) Promise (your one-line value)

Drop this above the fold with your name and role/type. NN/g’s homepage guidance: communicate purpose fast and prompt a next step. 

2) Proof (30–60s highlight reel)

Embed one clean clip near the top; make it user-controlled (no autoplay audio—bad UX and often blocked by browsers). 

3) CTA (booking path)

Two buttons: Request Availability and Upcoming Dates. Link to a simple contact form or embed a scheduling tool (Calendly/Google Calendar booking page). 

The EPK Page (make buyers’ lives easy)

What to include (one screen, scannable):

These checklists track with EPK guides from Bandzoogle and DIY Musician. 

Accessibility & UX (non-negotiables)

Booking, Calendars, & Contact (remove friction)

Fastest path to “yes”:

SEO & Speed (set-and-forget basics)

Build This in a Weekend (step-by-step)

  1. Choose a simple template (Squarespace, Wix, Webflow—one clean column).
  2. Hero (above the fold): name, role/type, 1-line promise, 30–60s reel (no autoplay), two buttons: Request Availability / Upcoming. NN/g: above-the-fold still matters. 
  3. Add EPK page: short bio, photos, two videos, press, contact. 
  4. Contact/Booking: embed Calendly or Google booking page. 
  5. Accessibility pass: check contrast and tab-focus; write alt text. 
  6. SEO pass: write a clear page title + meta description. 
  7. Mobile test: open on your phone; fix any weird wraps or tiny tap targets.
  8. Ship. Iterate monthly.

Examples (copy the pattern)

Opera / Recitalist hero copy

“[Name] — Mezzo-soprano. New-music premieres and oratorio. Listen to 45 seconds → Request Availability”

Musical Theatre hero copy

“[Name] — MT performer. Golden Age legit + contemporary mix. Watch a 45-sec cut → Book for workshops”

Director hero copy

“[Name] — Director. Intimate, actor-forward rooms for new work. 60-sec reel → Inquire for 24/26 season”

Navigation: Home • Media/EPK • Dates • Contact

Common Mistakes (and fixes)

Pro Tips

Assignments (ship this week)

  1. Flip your hero: promise + reel + 2 CTAs, above the fold. 
  2. Stand up an EPK page and link it in your email signature. 
  3. Add a booking embed (Calendly inline or Google Appointment page). 
  4. Run an a11y pass: contrast, focus ring, alt text. 

References & Further Reading (Topic 6 — Website)

Homepage & “above the fold”

Accessibility (WCAG 2.2)

Video on the web (don’t autoplay)

EPK contents

Booking embeds

SEO & performance

(Next: Topic 7 — Social Media. We’ll build a 6-post series around a single piece and tie it back to your site’s booking CTA.)

Exit mobile version