UX/UI - Website Redesign

A website redesign for a non-profit, “Discovery Arts.”

Scroll

DA-Comp-phone-mockup.png

Case Study

 

Project Overview

The team's goal was to redesign a website for a non-profit.

My Role

  • UX Research

  • Information Architecture

  • A/B Testing

  • Visual Design

  • Prototyping

Who is “Discovery Arts?”

Discovery Arts, an orange county based organization, that brings art to children in hospitals who suffer from cancer and blood disorder, has a compelling mission, and we believe their impact can be stronger with a great web presence.

 

The Problem

Through redlining and a heuristic evaluation, we determined what our team thought were the Discovery Arts site biggest pain points. We observed that it was hard to find out what they do. The mission statement and relevant information was scattered throughout many pages. Image quality was also a problem as well as layout hierarchy. Perhaps the biggest problem was the donation flow as there were multiple donation buttons and multiple campaigns. The site's navigation used theater terms which our team thought would not be intuitive to users and we wanted to update the logo.


Interviews, Survey’s & Key Takeaways

We asked “ How do you determine if a non-profit is worth your time, money, or research?” The top 2 responses were mission statements and testimonials.

"Photos alone compel me to donate."

“I want to see that the organization takes their work seriously.”​​​​​​​

A/B Testing

We tested 2 variations of:

  • color palette

  • mission statement

  • logo

  • typography

Style Guide

  • organic paint chip shapes

  • inviting, playful, bold, primary colors

  • bold, modern font softened by lighter weight type

Site Architecture

Through card sorting and a site map we:

  • Eliminated confusing jargon

  • Prioritized one donation flow

  • added an “about us” section

  • simplified redundant pages

Low to High Fidelity Wireframes
& Prototype

Through wireframing and prototyping, we created web & mobile version of the site that implemented our priorities both in design and in function.

 
typography.png
colors.png
patterns.buttons.png
 
 
 
 
Previous
Previous

PotatoTaster Branding + Website Design

Next
Next

Make and Take Space