Role: Lead Motion & Visual Designer
Collaborators: Product Manager, UX/UI Designer, Developers
The Challenge
Onboarding is the first interaction users have with the product. The challenge was to introduce core features such as Prayer Times and Quran in a way that felt welcoming, while keeping the experience lightweight across different devices and network conditions.
Designing the Motion
I designed each transition around the action the user was taking. Location setup became a map animation, Adhan settings were represented through sound waves, while Quran onboarding used the familiar gesture of opening a physical book. Cultural references were also integrated thoughtfully into the experience, including architectural cues inspired by the Prophet’s Mosque.
This required several rounds of testing and troubleshooting to balance motion fidelity with technical constraints.
Designing For performance
Working closely with developers, I translated the motion into lightweight Lottie assets suitable for a global app environment. The animations needed to retain their visual quality while remaining performant across devices and slower network conditions.
This required several rounds of testing and troubleshooting to balance motion fidelity with technical constraints.
The REsult
A cohesive motion experience that brings warmth and meaning to a functional onboarding journey, while remaining lightweight enough for global deployment across Muslim Pro.
