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