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 will we know the exact speculations and colors of assets while following BRIDGEGOOD’s brand guidelines?"

Solution:
Our team referred to BRIDGEGOOD's brand guidelines while utilizing the inspect function on the browser to accurately record their assets. 

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


Team:​​​​​​​
Project Manager: Shaun Tai
Designers: Omar Sinada, Abbygale Tulalian, Deron Gopie and Phuc Nguyen.
Engineer: Trung Huynh

My Role: 
​​​​​​​UI/UX Designer

Design Tools:
Research: BRIDGEGOOD.com and inspect tool
Visual Design: Adobe XD and Google Material Design​​​​​​​​​​​​​​

—————————–
Research
One of the first steps was simply search through the website for the most common assets. One we found those assets, we utilized the 'inspect' function on the browser to find the typefaces, colors and dimensions used in each page.
Welcome Page Assets
Assets for the Welcome Page
Portfolio Page
Assets for the Portfolio Page
Portfolio About Page
Assets for the Portfolio About Page
Key Takeaways

1. Utilizing the Inspect Element.
Using the inspect element from the browser was very helpful in finding the exact dimensions and colors of the current assets on the BRIDGEGOOD website. 

2. Hover vs Non-hover.
Creating hover and non-hover assets for clickable features was a essential for use in future projects.

You may also like

Back to Top