Company X is a social giving app, aiming to change the donation culture
It makes the donation experience more inviting and enjoyable by introducing features such as challenges and real-time impact updates.
Mobile App Revamp before Q2 2024 launch
While unsure of their exact needs, the two founders knew the existing design wasn't visually appealing or user-friendly. They wanted a significant improvement before launch. The legacy design, created by previous freelance designers, was available as an iOS demo via TestFlight.
At the founders' request, the logo has been blurred and the name has been changed to "Company X."
Phase 1 – Identified Problem Space
Poor user experience from a lack of information hierarchy and inconsistent UI raises questions about the platform's credibility
Poor user experience from a lack of information hierarchy and inconsistent UI raises questions about the platform's credibility
Design
To accommodate the tight timeline and engineering requests, the design was delivered in three parts, and the process followed the same sequence.
1. Foundation for global implementation (Colors, typography, nav bar … )
2. Common components (CTA buttons, textfields … )
3. Screen specific components and application
Foundation
I began by designing the foundational elements for further components based on three key considerations.
Components
Building on the foundation, I created both universal and screen-specific components with three key considerations.
Application e.G. 1:
Fundraiser Detials
While applying the design system, I also optimized the placement of primary CTAs for easy and fast user access.
While applying the design system, I also optimized the placement of primary CTAs for easy and fast user access.
Application e.G. 2:
Make a Donation
I also addressed UX flaws; for this particular screen, I regrouped information and features and introduced new design elements to differentiate each group for intuitive navigation.
I also addressed UX flaws; for this particular screen, I regrouped information and features and introduced new design elements to differentiate each group for intuitive navigation.