CLIMB Theatre

UX Design
Client
CLIMB Theatre
Methods
Competitive Analysis, Content Audit, Accessibility Audit, Usability Testing, Contextual Inquiry Interview, Think-aloud Protocol, Wireframing, Affinity Diagramming
Deliverables
Information Architecture Diagram, Personas, User Journey Map, High Fidelity Wireframes, Annotated Wireframes, Findings and Recommendations Report
Tools
Figma, FigJam, Kanban Board, Keynote, Otter.ai, Google Suite, Zoom
My Role
UX Designer, UX Researcher, UX Strategist - I consulted for CLIMB Theatre, focusing on accessibility and strategy. After moderating some interviews, and synthesizing all of the research information collected, I designed high fidelity wireframes and annotated them.

Climb Theatre creates plays, customized classes, and workshops that build accountability, resiliency, empathy, advocacy and self-control

Climb Theatre is a twin cities based non profit organization that annually inspires more than 150,000 people to make the world a better place. They aim to help people and communities build emotional resiliency.

Project Direction

CLIMB stakeholders asked for help building understanding on their website in a way that ignites action and participation from their users. Additionally, they want the websites reach to increase to reach more people and more communities. Climb Stakeholders had noticed a difference between what they offered and what users thought they offered.

Opportunity Space

In the beginning of this process, I knew I needed to collect some data to be able to support Climb Theatre and it's stakeholders. I started off with a content audit and some secondary research. My goal for these were to prepare to connect with the Stakeholders, Michael & Anton, as well as begin to build a possible scope. Within the same ground laying space, it was clear that an information architecture diagram was going to be useful in this process. There was a lot going on from page to page, and within the navigation.

After collecting all of this data and synthesizing it, my team and I got to meet with Climb's stakeholders, Michael & Anton. They shared a little bit about what they were noticing and what they hoped to accomplish. We exchanged some thoughts based on secondary research & the content audit. By the end of the meeting, the scope had already begun to form, and by the the end of the day, the draft was finished.

Once the scope of work was solidified, and the team at Climb had confirmed, I took the first step of taking a look at the accessibility. After finishing up our initial research and hypothesizing some potential pain points, we interviewed 7 users fitting the target audience; teachers, facilitators, principles, fundraisers. Climb refers to their two main user groups as "payers" and "players.'

Payers - Decision makers and those that can fund Climb's work. Ex. Principles, corporate funders, superintendents, etc.

Players - Someone looking for a meaningful way to build their student's / audience's / employee's emotional resilience. Ex. Teachers, Councilors, Managers, etc.

The interviewed users were asked to share about what they did day to day, and if they had brought in or worked with outside facilitators. While moderating, I also asked them to take a look around Climb's website. Using Think-aloud protocol, we performed a contextual inquiry and a usability test.

No items found.

Process

For CLIMB's website usability testing, seven users were interviewed. They shared:

  • “Now, if I click on this, is it taking me to another link or is it just showing this”?
  • “It was hard to digest.” 
  • “Am I allowed to google”?
  • “I’m getting a lot of who we are and what we value, but not the how.” 

In my pursuit to curb biases, I made a few personas and a user journey map based on the interviews. This was very useful in the process of defining the largest focus areas.

Findings from the interviews and previous research:

  • Users had difficulty trying to quickly understand what CLIMB actually does. The mission statement wasn’t easily findable. 
  • There was confusion about which tabs in the header navigation were clickable.
  • Users found it difficult to understand how to utilize the interactive “A.R.E.A.S.” section on the website.
  • When locating resources, some are located on the “resource” page, but there are other resources that are more difficult to access.
  • A User may have a hard time understanding which contact form they would use to contact the CLIMB team. There are so many different forms that look similar but seem to have a different purpose.
  • A user could come across the confusing, hidden, side navigation, or worse she could be unable to find an item in the hidden navigation and give up on their search. 
  • The similarity from page to page was inconsistent, potentially leaving a user disoriented.
  • Additionally, large portions of the website’s text and background colors weren’t meeting contrast accessibility standards. There were many different fonts and text sizes, leaving consistency and hierarchy behind.
No items found.

Outcome

Based on the goals of the team at CLIMB, and based on my research, I was able to design something that supports usability, accessibility, and find-ability.

Some of the main focuses for the updated design recommendations were:

  • Reworking the navigation based on our user research and best practices
  • Adjusting the home page to convey CLIMB’s bigger values 
  • Building consistency and hierarchy on each page
Next Steps and A Consideration
  • Take a look at the donations page - Users may experience overwhelm in the current design.
  • Take new photos for the website - The photos are looking like they may be a decade or so old.
Closing Thoughts
  • Current and potential partners trust CLIMB’s authority in the emotional educational space 
  • By taking readability and find-ability into consideration, the website will become more user friendly
  • Increasing social media presence will allow more potential partners to see CLIMB's work  
  • Following standardized web accessibility best practices likes: fonts, sizes and colors the information becomes more readable and more available to everyone

No items found.

Other Projects

Let's work together!

I would be happy to hear from you.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.