The plan: BRIDGEGOOD is fundraising to secure a building in Oakland that aims to be a vibrant facility for nonprofits to host FREE community events, trainings and workshops.

The challenge: Create the application/booking process that allows registered Bay Area 501(c)(3)s to use the community space for free.

 
 
BG INFO GIF.gif

The problem: Nonprofits are leaving Oakland due to increasing real estate costs. Without proper space, they cannot provide crucial services and resources to the community. When coordinating available space, the process is long and inefficient.

Our soultion: We designed the application/booking process that makes it easy for nonprofits to book space instantly. The process is frictionless, intuitive and available on mobile as well as desktop.

m.info.png


WHO & WHY

BRIDGEGOOD-Logo-Blue.jpg

Who is BRIDGEGOOD:


BRIDGEGOOD is a web-based platform that connects design students with job opportunities in the fields of tech and business.

Businesses and Nonprofits can utilize BRIDGEGOOD to post jobs and services.

 

With the client we built a concept map to understand the complexity of BRIDGEGOOD

 

Why free community space:

 
 
 

UNDERSTAND THE USER

We interviewed 5 nonprofit administrators & used an affinity map to sort out the findings.

these were our insights:

 

This is a story one of the nonprofit shared with us

storyboard.jpg
 

With the insights we from the nonprofit interviews we created Devon:

2ad175_e8a87096b2af4bf1b4fd2b658bbb08d6~mv2.jpg
 

understanding Devon's emotions and experiences from what he hears, sees, thinks and feels.

UX Empathy Map.jpg
 

Devons old booking process:

current user flow .jpg

IDEATE DESIGN SOLUTIONS

We designed 4 different paper prototypes and tested it with 5 users. 

Taking the best elements of each prototype and feedback from the users we began the next iteration. 

Discussing with the client the four different prototype and the findings of each

Discussing with the client the four different prototype and the findings of each

 

After 4 rounds of user testing

the key screens looked dramaticly different. Above is the Certificate of insurance (COI) screen, boxed in red are the changes that were made from
 Paper prototype to medium fidelity to high fidelity. 

 

Users were ignoring the call to action (CTO) button and went straight to the navigation.

The users that did click the "Sign up'' button would try to hop out of the flow.

 
old-new-member-flow.gif

After 3 rounds of user testing the flow, the users were still confused about:

 

-when the booking was completed


- what a COI and EIN were & why they needed it


-the text on the buttons were misleading

 

We made the following changes and then tested it again:

-got rid of the progress bar

-screens now transition from the bottom of the screen to the top 

-text on the buttons were changed 

-an informational pop up  option for COI and EIN

new-new-member-flow.gif

By the 4th testing the happy path became clear

 

Becoming a member had no value, the value was the locations being offered. 'Browse' button was the new CTO and created the happy path

 
BRIDGEGOODS UX DESIGN TEAM

BRIDGEGOODS UX design team

Next steps:

Further build out the High fidelity

create the 'how it works' page

presentation at google.org on March 7th 

Want to help?
Click to be directed to Oakland Digital donation page