Portfolio · Performing Arts

SMASH Performing Arts Studio

A custom-coded website for a musical theatre studio in South Surrey and White Rock, with an AI assistant for families and a members’ portal for everything between classes.

Visit Website

Client: SMASH Performing Arts Studio
Location: South Surrey & White Rock, BC
What I Did: Website design and build · AI assistant · Members’ portal · SEO · Newsletters
Platform: Custom-coded website

The SMASH Performing Arts homepage on a desktop screen, with a scene from Matilda JR. and the headline Musical Theatre Training Where Young Performers Shine

The SMASH Performing Arts homepage on a phone

The Brief

A lot to share. Easy to find.

SMASH runs full-year programs, 10-week sessions, camps, dance classes and four musicals a season, so families have a lot to keep track of.

I designed and built a new custom-coded website that makes each program easy to understand and gives families clear answers, from their very first visit to show week.

01Visual design and a custom-coded build
02Ask SMASH, an AI assistant for families
03A password-protected members’ portal
04SEO, blogs, social media and newsletters

The Homepage

A season, in six acts

The homepage unfolds like a show program, from the opening scene to the moment a family decides to join.

Act IThe opening
Act IIThe 2026/27 season
Act IIIPrograms and classes
Act IVMore ways to perform
Act VCurtain up
Act VIA place to belong

The complete SMASH Performing Arts homepage, from the opening slideshow through the 2026/27 season, the programs, more ways to perform, photos, and the invitation to join — The full homepage, scrolling on its ownHover to pause

The Details

Midnight navy, gold and spotlight blue

Deep navy sets the stage, gold adds a touch of theatre and spotlight blue lights up the key words. Cormorant Garamond brings the drama to headings, and Jost keeps everything else clear and friendly.

Navy#22306B
Gold#CFAE6B
Spotlight#97D9F8
Pale Blue#D3E3F3
Ivory#FAF6EF

Headings · Cormorant Garamond

Musical Theatre Training Where Young Performers Shine

Navigation and text · Jost

Clear and friendly, so program details, dates and schedules are easy for families to read on any screen.

Ask SMASH

Answers for families, any time of day

Families have a lot of questions, from trial periods to show dates. Ask SMASH is an AI assistant built into the website to help them find answers about the studio and its programs, reducing the need for repetitive email enquiries.

Each answer points families to the right page or contact, so they always know where to go next.

Ask SMASH open on the SMASH website, answering a question about the STAR Collective trial period — Asked on the site: “Is there a trial period for the STAR Collective?”

A close-up of the Ask SMASH answer explaining the two-week trial and refund for the STAR Collective — Asked on the site: “Is there a trial period for the STAR Collective?”

Members’ Portal

Everything families need, behind one password

A password-protected portal gives families show details, vocal tracks, important dates, studio policies and newsletters in one place, organized by their performer’s level.

Show details
Vocal tracks
Dates to remember
Payment schedule
Studio policies
Newsletters

The SMASH Parent Portal, with level tabs, the coming up card and this season’s show, Shrek The Musical JR.

The SMASH Family Portal sign in screen on a phone

The Dates to remember section of the SMASH Parent Portal — Dates to remember · each one tagged so families know what to expect

Monthly Newsletters

News that feels like part of the show

I design SMASH’s monthly newsletters to match the new website, so every issue feels like part of the same story, with the dates, shows and studio news families need.

A Sample of the Pages

Every program, its own spotlight

Each program, show and schedule has a page of its own, so families can quickly find what fits their performer.

The Showstoppers program page on the SMASH website — Program PagesThe Showstoppers Each program page leads with the show and the details families ask about first.

The SMASH class schedule page — Class ScheduleEvery class, by day Every musical theatre and dance class in one place, with list and calendar views.

The Elf The Musical JR. show page on the SMASH website — Show PagesElf The Musical JR. Each show has its own page, with dates, venue and tickets.

The Junior Company and The Company page on the SMASH website — CompaniesJunior Company & The Company Two full-year ensembles, each with a page of its own.

The SMASH Blog page — The SMASH BlogNews and stories Show announcements, studio news and stories families can share.

The SMASH Dance page — SMASH DanceDance classes Non-competitive dance classes with their own schedule and registration.

On Every Screen

Just as considered on a phone

Families often check schedules and show details on the go, so I designed every page to feel just as clear on a small screen.

The Elf The Musical JR. show page on a phone

Natasha has design, created and maintained my website for the past year. Her work has gone above and beyond! She is fast, efficient, and full of creative ideas to help grow my business! Her creative content, whether it be design or wording, is exemplary and all my customers find it fun and exciting to navigate through! Natasha is on top of the game when it comes to SEO ranking. Highly recommend Natasha!!

Sheila RArtistic Director, SMASH Performing Arts Studio

Next Project Callum Frost Squarespace website · Copywriting · Acting resume · SEO View Project

Back to All Projects

Get in Touch

Let’s give your business its spotlight

Tell me about your business and what you’d like your website to do.

Enquire About Your Project

Or email me at info@sullivanparkdesign.com.