.jpg)
Shaun Tai (Product Lead)
Omar Sinada, Christy Hu, Devon Washington, and Jamaica Scott (Designers)
Trung Hyung (Engineer)
Figma
3 months
The BRIDGEGOOD Portfolio Redesign aimed to create an intuitive website that enhances user experience, increases engagement, and establishes BRIDGEGOOD as the premier platform for early career design portfolios.
As the UI Designer and User Researcher, I conducted user interviews, designed iPad layouts, and collaborated with a cross-functional team to address user needs and challenges over a 3-month redesign using Adobe XD.
Users were hesitant to sign up due to limitations in customizing their portfolio sites, which hindered personal expression.
Why: Identifying the root cause of user hesitation, such as customization limitations affecting personal expression, is essential for enhancing user satisfaction and increasing sign-up rates, thereby driving platform growth.
• Redesign an intuitive website.
• Boost user engagement.
• Position BRIDGEGOOD as the premier hub for new designers.
Why: Establishing specific goals helps guide design decisions by prioritizing features and design elements that align with those objectives.
The project faced difficulties in increasing platform visits and user engagement. Enhancements to the Project Page and Project View were necessary for improved user-friendliness.
An audit of the old design prioritized feature project functionality based on user feedback. Before-and-after images reflected improvements made by the team, enhancing the showcasing of specific projects.
Creatives aged 18–34 from Black, Indigenous, and/or People of Color backgrounds, interested in graphic, visual, industrial, and product design in the Bay Area.
Interviews with four current BRIDGEGOOD creatives revealed the need for features such as storytelling, reduced company branding, and strong portfolio showcases.
One creative said that "I'm about to graduate, but I don't have a portfolio to show an employer."
1 .Integrated a storytelling system for users to share project narratives.
2. Balanced self-expression with preserving BRIDGEGOOD branding.
3. Focused on showcasing project visuals and design abilities for graduating creatives.
A competitive audit of successful portfolio sites like Behance, Wix, and Dribbble was conducted to inform the redesign process.
Mapped the user journey for students, from showcasing projects to securing job interviews through BRIDGEGOOD resources and networking.
We utilized the crazy 8’s method to sketch multiple ideas, followed by voting on the most effective solutions to the problems identified in the old design.
Low-fidelity wireframes were developed by combining concepts from sketches and testing the flow for user comprehension.
The prototype was developed using Adobe XD and included interactive elements that allowed users to navigate through the redesigned website.
A comprehensive style guide was created to ensure visual consistency aligned with the BRIDGEGOOD brand across all pages.
Reworked colors to emphasize creative projects while maintaining the BRIDGEGOOD brand.
%20%E2%80%93%206.jpg)
Offers a behind-the-scenes look at the creative work process, allowing users to like, comment, and share for valuable feedback and connections.
Users can comment on and rate projects, and view additional information such as software, equipment, and contributors.
An intuitive and user-friendly interface was designed for showcasing portfolios on iPads, enabling users to present their work effectively during onsite interviews.
• 30% increase in platform visits within the first month of the redesign.
• 20% rise in user sign-ups and portfolio creations.
• 15% improvement in user satisfaction based on feedback surveys.
Over 7,000 students from 51 Bay Area schools now showcase their work, gaining visibility and attracting potential employers, significantly impacting underrepresented creatives.
1. Designed a BRIDGEGOOD portfolio feature, considering technical limitations and collaborating with engineers for feasibility.
2. Tailored the portfolio site to diverse creative needs, offering flexible features for effective skill showcasing.
3. Collaboration and feedback implementation improved the design, leading to enhanced readability and a better user experience.
.png){kind=logo}