In this design, individual exercises are emphasized, and there are very few ways a user can interact with other members of their group - perfect for someone who just wants to work on the basics on their own.

This design is more social, with something similar to a giant Facebook wall for the group on the home page.  There are still exercises, but there is a greater emphasis placed on songs uploaded by the vocal director (the ones that the singer should be practicing).

These sketches are fun and cute but are meant for a mobile application.  Since we cannot expect people to spend too much time on their phones, the mobile version is just a collection of short vocal games that the singer can play.

This design revolves solely around singers and helping them practice their part in specific songs. It includes tabs for basic user operations and has a sidebar with various options to aid practice, including computer playback of different parts to sing along to. The main page shows the sheet music for the current song so the singer can focus on singing the notes.

This design stretch was made for children and is much simpler. Highlighted piano keys are shown instead of sheet music so children can more easily understand the music they are singing. The basic play options are located at the top of a tabbed page through big buttons and sliders with simple descriptions. The bottom shows feedback in words while the piano keys also light up in different colors to indicate a correct (green) or missed (red) pitch.

This design is specific to different user classes and therefore more personalized. Singers and vocal directors can create accounts and click on the tab that is specialized for them. Singers see the sheet music for the song they are singing, general comments made by others on that song, and different play, record, and upload functions. Visual feedback for pitch matching is also given on the notes, where notes are highlighted as the song progresses and a green note indicates correct pitch, purple indicates too high of a pitch, and pink indicates too low of a pitch. Song selection occurs in the bottom of the sidebar where the current song is highlighted. The "for vocal coaches" tab would show options for uploading sheet music and leaving comments on recordings by different singers that the vocal director is coaching.

The first sketch is more meant for personal use, with little group interaction. There are tabs on the side for easy access to the different sections of the site. The user can practice a variety of singing exercises, and can also play and record songs that the vocal director has uploaded onto the site. The director can listen to the recordings and make comments.

This second design is focused more on social interactions among the group. The home page displays an activity feed with comments from the vocal director. There are no exercises on this site, but there is more focus on the singing section. Group members can highlight music sections on the sheet music and make comments to the user.

The second design has a member directory that lists times that users are free to meet outside of practice. The singer can then contact the group members by sending messages in the site.

For the third design, I tried to make an extremely simplistic design that would fit well on phone screens or just small screens in general. The home page is a group of 4 icons. The exercises are in a swipe-able format (Tone Exercises: A, B, C etc.) which is convenient for phone screens. The recording section no longer shows the sheet music because of the small screen size but instead shows the singing waveform.

This design emphasizes an exercise-oriented approach for singers to get better.  Notice that each page contains sketches of two different pages.

With this design, when Anna logs in, she can immediately see a note with her goals, as well as progress bars indicating what her highest scores in each of the exercise categories are.  

Since in this scenario, she wants to practice her solo in "The Sign", she navigates to that piece and is taken to a page with the sheet music and a sidebar listing all of her previous recordings.  She can either opt to have the web app play the music back to her so she can listen to it or make a new recording of her singing.  She can also edit the sheet music and the tempo of the playback.

On the sidebar, she notices that her vocal director has commented on one of her recordings and links her to a specific tone exercise.  Let's say she follows the link!

Once she clicks the link, she is brought to the page with that specific tone exercise, shown to the left.  She can see her last score, as well as a record of what happened during the last game she played.  

Once she feels that she has a good grasp of the exercise, she can click on the "Exercises" button on the menubar (or the back button next to the title of the tone exercise page) to see the general list of exercises.

This design emphasizes a social-oriented approach for singers to get better.  Notice that each page contains sketches of two different images.

With this design, Anna logs in and is brought to a page with an announcement from the vocal director as well as a news feed containing comments and activity from the other members of the group.  The sidebar contains a list of "hot" recordings made by her peers, recordings that any group member can comment on.

Although all of that is interesting, Anna decides to check her inbox, since her director said she sent everyone song pages with their individual parts.

Once Anna gets to the song page, she notices that her director has highlighted a particularly tricky few bars and left a comment.  She begins practicing, playing the song back a couple of times, and then creating a recording, which she marks public so she can get feedback.

The next day, Anna's fellow a cappella singer Amy comments on the intro of Anna's recording, mentioning that they should practice harmonizing together there.  

To find Amy's availability, Anna goes to the members directory.

Here, at the members directory, Anna can see that Amy is free on Monday and Wednesdays at 3pm, and she can send Amy a private message suggesting a meet-up time.  In case she forgot, she can also see that Amy sings the Harmony 1 part for the song they want to practice.

This design focuses mainly on allowing a singer to practice the specific songs his or her group is working on, as well as allowing vocal directors to give feedback for those songs. These two user class are differentiated by user accounts.

This first sketch is from the point of view of a singer. The tabs are high level tasks a singer would want, including uploading sheet music, practicing the songs, and reading comments on recordings. The "practice songs" tab is shown. In the left sidebar, there are play options for the singer to hear what the music should sound like. They can check different boxes to hear their own part (boost volume makes their part louder than the rest of the music), practice with the other voice parts or accompaniment, and work on rhythm with the metronome. Below the play options are the songs that can be selected. Selecting a song tab brings up sheet music with interactive notes that highlight as you sing, turning green if your pitch is correct, pink if your pitch is too low, or purple if your pitch is too high.



This second sketch is from the point of view of a vocal director. The tabs are similar to a singer's tabs but replace "practice songs" with "vocal exercises" that the director can suggest to singers, consisting of descriptions or links. The "comments" tab is shown with a sidebar of student tabs that reveal each student's recordings and places to leave comments.