14@2x.png

The Homer Fund

The Homer Fund

14@2x.png

Client: The Home Depot

Team: Meagan Figueroa, Sasha Fridy, Michael McFarlane

Role: User Experience Designer and Researcher

Tools: Sketch, Invision

 
 

ux consultation for the home depot

The Challenge: build an easy-to-use mobile application that associates’ can use to donate to The Homer Fund, the charitable organization that supports all associates of The Homer Depot. The goal of the app is to increase the SSC (Store Support Center-Atlanta corporate headquarters) associates’ engagement with-and donations to- The Homer Fund.

 
 

The Problem: Home Depot associates know about the Homer Fund but currently lack knowledge of where their donation is going, who they’re helping, and how to navigate the donation process.

The Solution: If we build a responsive Homer Fund website with highlighted results, stories and an easy donation process, we expect to see increased engagement and donations that are sustained throughout the year.

P5.jpg

A three week design sprint

P5+%281%29.jpg

Let’s start with research

P5 (3).png

Heuristics…

The language used on the current Homer Fund website was common and clear.

P5 (4).png

revealed

One section in the navigation lead to a page with a completely different look. Consistency was not maintained which can cause some confusion for users.

Screen Shot 2019-03-12 at 5.44.46 PM.png

Competitive & Comparative Analysis

None of these charitable organizations have a mobile application

All of these websites, except The Homer Fund, are responsive

P5 (6).png

Usability testing with the current site

““There are a lot of words, I don’t know where to click.”

“Once you’ve decided to donate, it should be easy with simple steps. The information and inspiration to donate should have already happened.”

“The Facebook “F” in the logo really throws me off, they have a reputation for being insecure.”

P5 Interview Demographics V3 (1).png

We interviewed The Home Depot associates

to understand their current engagement with The Homer Fund

P5 (11).png

The data is revealing something interesting

Screen Shot 2019-03-13 at 9.30.37 AM.png

Primary persona

Screen Shot 2019-03-13 at 9.33.08 AM.png

Secondary persona

Screen Shot 2019-03-13 at 9.35.01 AM.png

His journey on the current Homer Fund website

Signs up to donate the minimum amount to the fund through auto enroll

Attends a fundraising event and enjoys himself

Can not figure out how to update his auto payment, abandons the process

Key Problems: Associates don’t see the impact of their donations, the donation process is complicated, the fundraising events are cash only, the website lacks visibility and is hard to navigate

P5 (23).png

Pivot, pivot, pivot

With new compelling evidence, we met with our client to recommend a new path- A RESPONSIVE WEBSITE

P5 (24).png

We sketched

P5 (25).png

Made mid-fi wires

P5 (26).png

Testing Insights:

“The first thing listed is the amount they want you to give and anything lesser is not as important.”

“Wow, this is really nice! It is clearly laid out and I understand what I’m looking at.”

P5 (27).png

We had to remember the core values of The Home Depot

Every dollar is important!

P5 (28).png

Let’s make it easier and more clear for Stacey to create a fundraising event

P5 (29).png

Daniel can track his donations

Desktop Prototype: Donation Process

Mobile Prototype: Plan a Homer Fund Event

P5 (31).png

New journey on the responsive site

He signs up for the minimum amount to donate

He attends a Homer Fund event and really enjoys the experience

He is able to use myWallet to donate with his phone

Goes to the website, navigates easily to increase his autopay to give more

P5 (32).png
P5 (34).png