Jeff Locke
Jeff Locke
Contact
Resume
About
Work
Crafting Change is a nonprofit that connects people who create homemade goods to other nonprofits that need them.

The goal of this project was to redesign their website to improve the user experience, increase engagement, and ultimately encourage more people to craft and donate.
Crafting Change
Crafting Change is a nonprofit that connects people who create homemade goods to other nonprofits that need them.

The goal of this project was to redesign their website to improve the user experience, increase engagement, and ultimately encourage more people to craft and donate.
Crafting Change
The Team
Jeff Locke
Taylor Chiotti
Quinn Martell
Ashlei Brady
The Team
The Team
3 Weeks
Timeframe
The Team
Figjam
Figma
Google Suite
Slack
Trello
Zoom
Tools
Figjam
Figma
Google Suite
Slack
Trello
Zoom
Tools
3 Weeks
Timeframe
Jeff Locke
Taylor Chiotti
Quinn Martell
Ashlei Brady
The Team
The Problem
The Solution
Redesign Crafting Change's website to plainly convey its mission and streamline the process for involvement through a more intuitive navigation and calls-to-action along with a clarified visual aesthetic and readability thus increasing the number of people who participate in Crafting Change.
Crafting Change's website's readability and muddled visual aesthetic as well as its absence of an intuitive navigation and straightforward calls-to-action collectively contribute to its larger problems, namely the lack of a cleary expressed mission and a confusing path for involvement. Ultimately, a potential user is hindered from being able to lend support.
The Problem
The Solution
Redesign Crafting Change's website to plainly convey its mission and streamline the process for involvement through a more intuitive navigation and calls-to-action along with a clarified visual aesthetic and readability thus increasing the number of people who participate in Crafting Change.
Crafting Change's website's readability and muddled visual aesthetic as well as its absence of an intuitive navigation and straightforward calls-to-action collectively contribute to its larger problems, namely the lack of a cleary expressed mission and a confusing path for involvement. Ultimately, a potential user is hindered from being able to lend support.
There is too much text and too many headings to easily comprehend the information.
The layout is chaotic and jumbled making it difficult to sift through or scan.
The inconsistencies in the text and the buttons are distracting and prevent a smooth experience.
Users found the website's navigation and architecture to be disorganized.
Users had trouble figuring out how to get involved with Crafting Change.
Crafting Change's mission was unclear from the information on the website.
We interviewed and tested 5 people to see how they interacted with the original website.
We completed a heuristic evaluation of the original website to identify specific problem points with its ease of use.
To determine the direction of the redesign our team worked through three main questions:
  • Why do users visit the website?
  • What does the current website do well?
  • What about the current website could be improved?
User Research
Discover
Test Insights
Heuristic Evaluation
1
Original Homepage
There is too much text and too many headings to easily comprehend the information.
The layout is chaotic and jumbled making it difficult to sift through or scan.
The inconsistencies in the text and the buttons are distracting and prevent a smooth experience.
Users found the website's navigation and architecture to be disorganized.
Users had trouble figuring out how to get involved with Crafting Change.
Crafting Change's mission was unclear from the information on the website.
We interviewed and tested 5 people to see how they interacted with the original website.
We completed a heuristic evaluation of the original website to identify specific problem points with its ease of use.
To determine the direction of the redesign our team worked through three main questions:
  • Why do users visit the website?
  • What does the current website do well?
  • What about the current website could be improved?
User Research
Discover
Test Insights
Heuristic Evaluation
1
Original Homepage
Goals
  • Find something to make use of her time.
  • After retiring from a career of passion she would like to fill that hole with something meaningful.
  • Maintain a creative outlet.
Frustrations
  • Lacks purpose in her life.
  • Not being able to easily use a website.
  • Poor mobility so she can't go places very easily.
Kathy
Age: 62
Family: Married
Occupation: Retired teacher
Location: Springfield, OR
she/her
"When it comes to knitting I may not be a Picasso but my heart makes every stitch with love."
After donating her first craft she reaches out on Facebook to connect with others involved with Crafting Change, amplifying her sense of value and purpose
Kathy notices and is excited by a friend's Facebook post about how they made a bag for Planned Parenthood through Crafting Change.
As Kathy mails the scarf she reflects on her good deed and feels grateful for having discovered Crafting Change.
She downloads the instructions for the scarf and knits it with exceptional care, knowing her work is going to a good cause.
8
7
6
1
4
Kathy finds a project she would like to give to and a pattern for a scarf she finds fun and interesting.
Seeing a school bus outside her window, Kathy reflects on her boredom and lack of purpose.
Overcome with loneliness, she decides to distract herself by scrolling on Facebook.
In order to define the problem to then focus on the development phase we completed the following:
  • User Persona
  • Storyboard
Define
User Persona
2
1
Retain
Try
Introduction
Discover
5
3
She visits the Crafting Change website and learns about the various projects she can contribute to.
Goals
  • Find community.
  • Put her knitting hobby to good use.
  • Discover a sense of purpose.
User Journey Map
UX Scenario
Kathy, a 62-year-old retired teacher, struggles to find ways to occupy herself with her free time. She enjoys knitting, but longs for the meaning and community that her job once provided for her. She wonders if she will be able to reclaim a life of purpose by somehow implementing her love of knitting.
She looks for an app that will help her manage her finances but also alleviate her stress
2
Goals
  • Find something to make use of her time.
  • Maintain a creative outlet.
Frustrations
  • Lacks purpose in her life.
  • Not being able to easily use a website.
Kathy
Age: 62
Family: Married
Occupation: Retired teacher
Location: Springfield, OR
she/her
After donating her first craft she reaches out on Facebook to connect with others involved with Crafting Change, amplifying her sense of value and purpose
Kathy notices and is excited by a friend's Facebook post about how they made a bag for Planned Parenthood through Crafting Change.
As Kathy mails the scarf she reflects on her good deed and feels grateful for having discovered Crafting Change.
She downloads the instructions for the scarf and knits it with exceptional care, knowing her work is going to a good cause.
Kathy finds a project she would like to give to and a pattern for a scarf she finds fun and interesting.
Seeing a school bus outside her window, Kathy reflects on her boredom and lack of purpose.
Overcome with loneliness. she decided to distract herself by scrolling on Facebook.
In order to define the problem to then focus on the development phase we completed the following:
  • User Persona
  • Storyboard
Define
User Persona
2
Retain
Try
Introduction
Discover
8
7
6
5
4
4
3
2
1
She visits the Crafting Change website and learns about the various projects she can contribute to.
Goals
  • Find community.
  • Put her knitting hobby to good use.
  • Discover a sense of purpose.
User Journey Map
UX Scenario
Kathy, a 62-year-old retired teacher, struggles to find ways to occupy herself with her free time. She enjoys knitting, but longs for the meaning and community that her job once provided for her. She wonders if she will be able to reclaim a life of purpose by somehow implementing her love of knitting.
Footer
  • Health and Safetyy
  • Terms of Service
  • Butterfly Heaven
  • Cascade Health
  • CCHQ
  • Planned Parenthood
  • Each Stitch Counts
  • Embracing the ICU
  • Everyday Action
  • The Remissionaries
  • The Foster Network
  • Grace Upon Grace Project
  • SACK
  • Hopa Mountain
  • Mental Health Resource Center
  • Patient Pet Advocates
  • Piper's Project
  • Yonkofa Project
Parent Organizations
Patterns
  • PPE
  • Bathroom and Kitchen
  • Baby Care
  • Warm Winter Items
  • Backpacks and Bags
  • Menstrual Health Care
  • Blankets
  • Soap Socks
  • Cancer Care
  • Senior Care
Get Involved
  • See How You Can Help
  • Gift Money
  • Tally
  • Care Slip
  • Sponsors
About Us
  • Meet the Team
  • Facebook Group
  • Our Story
  • Email Sign Up
  • Swag Shop
For the next phase of the process we did the following:
  • Card Sorting and a Site Map
  • Feature Prioritization Matrix
  • Style Guide
Develop
Style Guide
Feature Prioritization Matrix
Card Sorting and Site Map
3
Upgrade the Navigation and Buttons
In order to promote a smooth user experience, we wanted to remove the inconsistencies, faulty interactions, and overall chaotic nature of the navigation and buttons.
She looks for an app that will help her manage her finances but also alleviate her stress
Decorative and Legible Typography
Simple and Pleasing Text Field
Warm Colors
We wanted to install a space on the website dedicated to informing users about the origins of the organization, its goals, and its leadership.
Implement an 'About Us' Section
Streamline the Donation Process
Users can easily find and complete the donation process thus increasing conversion and involvement.
We aimed to created a brand that is cozy and sentimental. To that end some of our style choices were the following:
We created a feature prioritization matrix to help us decide which features deserved our attention. Ultimately, we determined the following features to be the most important:
We resorted the cards of the website in order to establish a more organized version of the website.
Footer
  • Health and Safety
  • Terms of Service
  • Butterfly Heaven
  • Cascade Health
  • CCHQ
  • Planned Parenthood
  • Each Stitch Counts
  • Embracing the ICU
  • Everyday Action
  • The Remissionaries
  • The Foster Network
  • Grace Upon Grace Project
  • SACK
  • Hopa Mountain
  • Mental Health Resource Center
  • Patient Pet Advocates
  • Piper's Project
  • Yonkofa Project
Parent Organizations
Patterns
  • PPE
  • Bathroom and Kitchen
  • Baby Care
  • Warm Winter Items
  • Backpacks and Bags
  • Menstrual Health Care
  • Blankets
  • Soap Socks
  • Cancer Care
  • Senior Care
Get Involved
  • See How You Can Help
  • Gift Money
  • Tally
  • Care Slip
  • Sponsors
About Us
  • Meet the Team
  • Facebook Group
  • Our Story
  • Email Sign Up
  • Swag Shop
For the next phase of the process we did the following:
  • Card Sorting and a Site Map
  • Feature Prioritization Matrix
  • Style Guide
Develop
Style Guide
Feature Prioritization Matrix
Card Sorting and Site Map
3
Decorative and Legible Typography
Simple and Pleasing Text Field
Warm Colors
Upgrade the Navigation and Buttons
In order to promote a smooth user experience, we wanted to remove the inconsistencies, faulty interactions, and overall chaotic nature of the navigation and buttons.
We wanted to install a space on the website dedicated to informing users about the origins of the organization, its goals, and its leadership.
Implement an 'About Us' Section
Streamline the Donation Process
Users can easily find and complete the donation process thus increasing conversion and involvement.
We aimed to created a brand that is cozy and sentimental. To that end some of our style choices were the following:
We created a feature prioritization matrix to help us decide which features deserved our attention. Ultimately, we determined the following features to be the most important:
We resorted the cards of the website in order to establish a more organized version of the website.
4
Deliver
To gain feedback and improve our existinng design we did the following:
  • User Testiing
  • Iterations
  • Hi-Fi Prototyping
Iterations
Hi-Fi Prototype
Mid-Fi Prototype
Lo-Fi Prototype
We conducted three rounds of user testing and used the feedback and data we received to create the following iterations
Final Prototype
4
Deliver
To gain feedback and improve our existinng design we did the following:
  • User Testiing
  • Iterations
  • Hi-Fi Prototyping
Iterations
Hi-Fi Prototype
Mid-Fi Prototype
Lo-Fi Prototype
We conducted three rounds of user testing and used the feedback and data we received to create the following iterations
Final Prototype
What's next?
  • Test our second iteration.
  • Add dropdown menus for each tab on the navigation.
  • Add a filter option to sort by craft type.
  • Implement small features, such as animations, meant to invoke delight in the user.
5
Reflect
  • Add a degree of clarity to help encourage user turnout.
  • Keep our focus on the user flows related to the website's primary functions
Improvements
  • Increased the clarity and ease of use for the donation process.
  • Improved the UI architecture including the navigation, buttons and general flow on the website.
  • Maintained and enhanced the brand and tone of the website.
Successes
What's next?
  • Test our second iteration.
  • Add dropdown menus for each tab on the navigation.
  • Add a filter option to sort by craft type.
  • Implement small features, such as animations, meant to invoke delight in the user.
5
Reflect
  • Add a degree of clarity to help encourage user turnout.
  • Keep our focus on the user flows related to the website's primary functions
Improvements
  • Increased the clarity and ease of use for the donation process.
  • Improved the UI architecture including the navigation, buttons and general flow on the website.
  • Maintained and enhanced the brand and tone of the website.
Successes
Made on
Tilda