Master Class Summer Intensives is an musical theatre camp for energetic, creative teens. Although the program has been running for six years, the website needed to be brought into the 21st century!

 

Overview

Paul Aikins is a teacher and musical theatre director at the renowned Etobicoke School of the Arts where he also runs a Master Class Summer Intensive camp for teens. His Master Class website is the portal for registration, information and details of the camp which he has been running for close to a decade. He approached me to revamp his website to give it a fresh look, an interesting appeal to both teens and their parents, and to highlight photos and videos to promote the business.

 

Project Details: Website re-design

Responsible for: Re-brand, Information Architecture, Design

Tools: Weebly platform, Photoshop, paper, Skype

 

 

 

Before...

After...

 

The Challenge

  • update the site with a refreshed brand feel and uncluttered look

  • streamline the design and flow of the site to enhance someone's visit

  • take into consideration that both teens and their parents will be visiting/using the site

  • declutter the home page so the call to action buttons are upfront

  • work within the Weebly platform due to time constraints and budget

 

The Process

Research and Interview

The first step in my process was to visit the original site to get a feel for the amount of images/work, the structure of the site and then fine-tune the list of standard questions to ask a new client: namely,

  1. Why do you want the site?
  2. Who visits the site?
  3. What is your budget?
  4. Do you have a deadline or timeline for the design?
  5. Who will manage the site longterm?

The second step is the interview/meeting with the client which we did via Skype given the distance.  Emphasis was put on the retention of the current logo and use of purple to facilitate brand continuity.  Feedback from previous campers and parents highlighted the need to declutter the site from its excess of information, streamline the registration and payment process, and  increase the visibility of the photo and video galleries.  It was also decided that due to time and budget constraints the site would remain on the Weebly platform.

 

User Flow

Further probing of the existing site revealed that there were outdated links and the payment and registration process was quite  confusing for a visitor. So the next step in the process was to re-evaluate what needs the parents and the teens have and create user-flows or journey maps for each to make sure the information is clear and upfront, the call-to-action visible and highlighted, and registration/payment process efficient and easy-to-navigate.

 
 
 
 

Big Picture

Given the differing needs of each of the user-types (teens and parents/guardians) of the site, it was important to think of the big picture:

  • take into consideration all the necessary details and flows required to make a cohesive whole
  • make sure the hierarchy on each page was evident to facilitate the user experience
  • satisfy youth and parents aesthetic interests
  • make sure the website and mobile versions were clear and appropriate

Below are some of the issues we tackled related to the homepage and information page of the developing site, with the resulting looks on desktop and mobile.

 

 
 
 

Design

Once the main structure and flow of the site were established, all the images, videos and testimonials were gathered and updated, as were the camp details and costs. The next step in the process was the design of the site. We were looking for a clean, minimal look that would please both youth and their parents, enhance the established branding and be easy to navigate both online and on mobile (below).

 

 
 
 

The Result

A refreshed branded site that is organized, easy to navigate, highlighting past camps and current details with clear Calls-to-Action. It offers a more professional updated look which is at once practical and efficient for parents while being enticing to future teen campers.