Bridgegood Website Redesign

UX/UI Design

BRIDGEGOOD is a non-profit community design studio which aims to bridge the digital literacy and opportunity divide. Primary funders include Google.org and the Golden State Warriors. BRIDGEGOOD focuses on diversity, inclusion and accessibility. 

Link

Overview of Project

Working with team of interns we decided to only include relevant content for first-time-users to encourage them to become a BRIDGEGOOD community member. 

Team

Project Manager: Shaun Tai

Designers: Abbygale Tulalian, Omar Sinada, Kyung Bae Kim, Shelby Neville, Hailey Miller, Deron Gopie, Christy Hu, Krisitina Kolesnikova, Devon Washington, Phuc Nguyen and Jamaica Scott. 

Engineer: Trung Huynh

Problem

“How might we redesign the homepage of BRIDGEGOOD to reflect its rebrand and social impact?” 

Tools

Research: Google, Behance, Dribble and WIX 

Ideation: Pen, paper and whiteboard 

Wireframing & Prototyping: Adobe XD 

Visual Design: Adobe illustrator & Google Material Design 


Client

BRIDGEGOOD (Boards of directors, executive staff) 

Timeline

3 months

User Persona

Our team created a BRIDGEGOOD Creative persona based on asking users about their experiences and what they thought the redesigned homepage needed and can be improved. The persona gave us better understanding of the user base before we proceeded. 



User Journey

In order to empathize with the user, I had to fully understand their problem, intentions, and the potential barriers they would face. This would be the pace for the rest of the project. 



SWOT Analysis

Conducting this strategic planning technique helped us understand the current state of the platform and identify the strengths, weaknesess, opportunities and threats related to homepage.

Strengths

The strengths include communicating what BRIDGEGOOD offers, credibility of the company, and its impact on the design community. 

Weaknesess

The user journey for a new creative wasn’t clear and that it lacked reassurance for them about BRIDGEGOOD’s effectiveness. 

Opportunities

The opportunities are to include user testimonials from creatives that are benefiting from the platform. 

Threats

The Homepage is threatened by competitors that provide an online portfolio and job opportunities similar to BRIDEGOOD. 

Affinity Diagram

As we start our first design sprint to redesign BRIDGEGOOD homepage, we split into teams. We conducted How Might We’s and was able to conduct the affinity map to quickly generate concepts. We agreed beforehand that the important resources offered was a free portfolio, site visits, and mostly the ability to jump start your career. 



Team Sketches

Once we voted on concepts, we proceeded to sketch a lo-fidelity mock up to visualize our research. After reviewing user data, we decided to keep the carousel rotating through what the platform offers with a call to action for each one.  After running our sketches with our team, we proceeded to creating wire frames. After each team presented their versions and gave feedback, the Product lead took element to create the hi-fidelity mock up of the homepage. 


Protype

Once the hi-fidelity mock up was created, several rounds of feedback, between the team and Product lead were conducted. We referred back to the user persona and research to make sure nothing was forgotten. 



Final Product Key Components

Testimonials

Based on user data, many new users that visited the Homepage didn’t create an account. We discovered that it was because they felt intimidated and didn’t know how BRDIGEGOOD could help them. By adding a testimonial page, new users will see other creatives utilizing the platform and gaining valuable career resources and opportunities.

Sucess Stories

In order to reassure the new user in the platform, not only did we include a success story of BRIDGEGOOD alumni, we illustrated the user journey showing the steps they need to take for success. 

Hiring Local Talent

Though this feature, business can reach a Creative for work. Projects that have already been completed are also shown. 

Social Impact

Since BRIDGEGOOD is a non-profit, users are also able to connect to BRIDEGOOD.org. They could also view social media posts and real time photos. 

See more projects