Web Design

Miami Sound Space Website Design

My Role
UX UI Designer
Project Lead
Timeline
June-Nov 2023
CASE STUDY

Miami Sound Space

Harmonizing user experience for a community choir collective website.

Preview Site Here

Our challenge

The client already had an overall idea of brand which contained numerous sub-brands as well.

How might we design an interface that is unique, but still connects to the overall brand AND is flexible enough to work with numerous sub-brands?

Starting the piece.

Project goals

Miami Sound Space, a dedicated community choir organization, sought to revitalize its online presence to better serve its members and attract new participants. This case study highlights the journey of redesigning their website to enhance the user experience for all stakeholders.

  • Goal #1: Revamp the outdated design to reflect the organization's vibrant and inclusive spirit.
  • Goal #2: Improve usability issues.
  • Goal #3: Increase membership and reach a broader audience.

Leveraging the user-centered approach

With the help of the director and the administrative team, we conducted surveys and interviews with choir members, potential participants, and website visitors to identify pain points and gather feedback.

Bringing it all together

Sketching and organizing

With our goals identified and processes mapped, we moved into the next phase of actually building the site starting with some rough sketches and charts. Below is a site map with the revised information architecture I revised and some sample sketches I used to wire out the updated registration and member sign up experience.

Design and Redesigning

  • Created wireframes and prototypes for a fresh, modern, and user-friendly website design.
  • Focused on improving navigation, accessibility, and visual appeal.
  • Ensured responsive design for seamless access on various devices.
Before and Afters

Take a look at the redesigned pages. It was important to the client to maintain a very "Miami" look and feel with the blue, pink, and yellow colors. Also, incorporating some beach vibes with some wave elements with big, bold shapes. Friendly, quirky fonts with a little flare.

Before screens
After screens

Improving member engagement

For the relaunch of the site, we needed to figure out a better way to have members join.

Final Thoughts

Exciting launch to a new site

Working with this organization was wonderful and dealing with the client was easy and collaborative. Very exciting when the site went live! Preview the site here.

Something I learned... online web building platforms can have limitations in functionality which can make it complicated to accomplish specific goals.