Overview of BRIDGEGOOD
​​​​​​​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.

Problem:
"How might we redesign the homepage of BRIDGEGOOD to reflect its rebrand and social impact?"

Solution:
Our team decided to only include relevant content for first-time users to encourage them to become a BRIDGEGOOD community member. 

Client:
​​​​​​​BRIDGEGOOD (board of directors, executive staff)


Team:
Product Manager: Shaun Tai
Designers: Omar Sinada, Kristina Kolesnikova, Hailey Miller, Kyung Bae Kim, Devon Washington, Tinh Nguyen, Abbygale Tulalian, Shelby Neville, Deron Gopie, Christy Hu, Phuc Nguyen and Jamaica Scott.
Engineer: Trung Huynh

My Role: 
​​​​​​​UI/UX designer

Design Tools:
Research: Google, Behance, Dribbble and WIX
Ideation: Pen, paper and whiteboard
Wireframing and Prototyping: Adobe XD
Visual Design: Adobe Illustrator and Google Material Design​​​​​​​​​​​​​​
Duration:
​​​​​​​2 weeks sprint

Shipped Feature:
—————————–
Persona
Our team created a BRIDGEGOOD Creative persona based on asking users about their experiences and what they thought the redesigned homepage needed.​​​​​​​ The persona gave us a better understanding of the user base before we proceeded.
Lisa's User Journey
SWOT Analysis 
Our team utilizes this strategic planning technique to identify the strengths, weaknesses, opportunities and threats related to the Homepage. ​​​​​​​
Strengths
The strengths include communicating what BRIDGEGOOD offers, credibility of the company, and its impact on the design community.
Weaknesses
Some weaknesses are that 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 BRIDGEGOOD.
Crazy 8's Sketches
As we start our first design sprint to redesign the BRIDGEGOOD homepage, we split into teams. We conducted How Might We's and was able to conduct the crazy 8's method to quickly generate concepts. We agreed beforehand that the important resources BRIDGEGOOD offered was a free portfolio, site visits, and the ability to jumpstart your career. 
Crazy 8's
Lo-fidelity
Once we voted on concepts, we proceeded to sketch a lo-fidelity mockup to visualize our research. After reviewing user data, we decided to keep the carrousel rotating through what the platform offers with a call to action for each one.
Lo-fidelity mockup.
Wireframe
After running our sketches with our team, we proceed to creating a wireframe. After each team presented their versions and gave feedback, the Product Lead took elements from each team to create the hi-fidelity mockup of the homepage.
Wireframe
—————————–
Hi-fidelity
Once the hi-fidelity mockup 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.​​​​​​​
Hi-fidelity mockup.
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 BRIDGEGOOD could help them.
By adding a testimonial page, new users will see other Creatives utilizing the platform and gaining valuable career resources and opportunities.
—————————–
Success Stories
In order to reassure the new user in the platform, not only did we include a success story of a BRIDGEGOOD alumni, we illustrated the user journey showing the steps they need to take for success.​​​​​​​
—————————–
Hiring Local Talent
Through this feature, businesses 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 BRIDGEGOOD.org. They could also view social media posts and realtime photos.​​​​​​​
—————————–
Final Product
Walkthrough of desktop.
Hi-fidelity Homepage
Next Steps
Now that the BRIDGEGOOD Homepage is shipped, we will continue to gather user data and retention rates to determine if we were able to increase the amount of first-time users that continue to use the platform.
Key Takeaways​​​​​​​

1. Designing for the User.
When redesigning the homepage, we changed the text displayed on the carousel to appeal to more creatives. We also included an incentive in the call to action as well.

2. Reassurance.
It was important to show the benefits of becoming a BRIDGEGOOD creative, so showing testimonials, success stories and a user journey was essential.​​​​​​​

You may also like

Back to Top