PROJECT RELATE VISUAL RE-DESIGN
Elevating visual design and aesthetics with a
cohesive look and feel
Challenge
The accessibility app was using an outdated design system and needed to be updated to enhance user experience and meet modern accessibility standards.
Impact
Highlighted in the Accessibility portion of Google I/O, May ‘24
Solution
Design with with Material Design 3 guidelines and create accessible components
UX Methodologies
Visual Design
Component Design
Design Systems
Mockups
Tools
Figma
What is Project Relate?
Project Relate is an app backed by machine learning that allows users to communicate easily and independently with others while having access to Google Assistant.
Challenge
Project Relate was an Eng-driven which lacked UI support and visual cohesion.
It didn’t feel like the common Android app you see today.
1
User goals
Improve interface to enhance recognition
2
Business goals
Addressing usability needs and proposing design solutions
I completed a product audit that addressed the lack of visual aesthetics andmade design proposals.
User pain points
Users had trouble understanding buttons and icons due to their size, placement, and difficult function.
How might we address these pain points?
1
Migrate to current design system
2
Create customized components for users
Solution
The solution involved adopting Google's Material 3 design system and principles for a cohesive look and feel, while also creating custom sizes to ensure accessibility for all users.
Google Material 2
Google Material 3
Impact
Marketing in Ghana
Our redesigned app makes scaling to new markets like Ghana easier! The intuitive interface is familiar to Android users everywhere, ensuring a smooth user experience for future growth.
Impact
New Project Relate tutorial video
A collaboration with a brand studio agency led to a new tutorial video to improve user onboarding and overall usability.
Next Steps
Use user testing and surveys to refine the design based on user feedback
Get feedback and iterate
Continue collaborating marketing strategies
Lessons Learned
Prioritize conducting product audits to strength brand align
Integrate established design system guidelines