Responsive Web redesign: UX/UI role

UX Persona Rebecca Wyatt

Case study of a non-profit website looking to redesign their site to be responsive, restyled and engage new users.

Role: UX/UI/Visual Designer

Duration: 10 weeks in 2017/2018

Redesigned and styled an existing website to be a responsive site and rebrand to expand audience of potential volunteers and money donations. Website is a non-profit that raises funds that benefits a California county parks organization that has a mission goal to promote usage of county parks and open spaces for recreational activities, arts, and cultural enrichment events that benefit ALL generations in a diverse community.

My Approach

I assessed the site to discover what type of personas were needed to improve volunteering, donating funds to a non-profit, and businesses looking to donate funds via special events that benefit the county parks.

My objective was to create new tasks on the new website to promote online donations/volunteering.

Share past/current achievements and solicit future achievements, such as field trips and special events for different populations; such as youth, artists, and seniors.

My Recommendations

  • Design CTA buttons for Donate and Volunteer
  • Brand site with new Style Guide via CSS3
  • Bring up-to-date website-related UI Patterns
  • Create Style and Pattern Libraries for future webmaster maintenance

Iterations:

  • Created Persona Types that depicted volunteers, donors, and businesses interested in this type of non-profit
Rebecca Wyatt UX Designer Persona Type

“I live on the beautiful Northern California coast. I have always loved hiking, whale watching, and being outdoors”

  • Age: 70
  • Occupation: Retired Elementary School Teacher
  • Status: Widow/Mother/Grandmother

Goals: To spend more time volunteering with community seniors. To share my love of marine nature and being outdoors.

Rebecca Wyatt UX Designer Persona Type

“The outdoors, the beautiful environment, just a simple public park. And the thing that concerns me is the number of kids that play games online and call it recreation.”

  • Age: 35
  • Occupation: Computer Engineer
  • Status: Married/Father

Goals: To help public park programs stay funded and maintained. To show my daughter, by example, how to be part of a local community.

Rebecca Wyatt UX Designer Persona Type

“We don’t ask our community to “Donate”. Instead we ask them to “Join” our annual walk/run events at local county parks.”

  • Age: Established 1980
  • Occupation: Local Shoe/Apparel Boutique
  • Size: 10 Full time/Part time employees

Goals: To make fundraising healthy and fun for all ages. To fundraise for local non-profits.

User flow: mobile

Site Map

Rebecca Wyatt UX UI Designer: responsive design website

Lo-Fi / Hi-Fi Prototypes

Mobile, Tablet, and Desktop prototypes created in Balsamiq and Sketch.

Rebecca Wyatt UX UI Designer: responsive design website

Style Guide

Created new style guides for the site and logo design.

Rebecca Wyatt UX UI Designer: responsive design website
Rebecca Wyatt UX UI Designer: responsive design website

Visual Collateral

Rebecca Wyatt UX UI Designer: responsive design website
Rebecca Wyatt UX UI Designer: responsive design website
Rebecca Wyatt UX UI Designer: responsive design website

UCSC Silicon Valley Extension Course: Capstone User Experience Project

Instructor: Samuel S Ting Visual Design Lead at IBM Cloud and Cognitive

Back to HOME