Muslim Pro: Global Onboarding Experience
Role: Motion Design Lead
Collaborators: Product Managers, UX/UI Team, Developers
Tools: After Effects, Illustrator, Lottie
The Challenge
With over 170 million downloads, the Muslim Pro onboarding screen is the "first handshake" with our users. The challenge was to condense the app’s core value proposition into an engaging sequence that welcomes users without overwhelming and slowing down the app's initial load time.
The Approach
I partnered closely with the UX/UI and Product teams to map out the user flow. We needed the motion to feel lightweight but premium.
Visual Strategy: I developed a fluid transition style that guides the user’s eye through the app’s key features (Prayer Times, Quran, Qibla). The watermelon transitioning into the Muslim Pro logo is a subtle yet powerful nod, visually expressing our support for Palestine in a respectful and meaningful way. Upon selecting the ‘Prayer Time’ setup option, users are greeted with a transition screen inspired by the iconic pillars of the Nabawi Mosque—one of the most significant mosques in Islam.
Technical Optimisation: Working with developers, I ensured the final assets were optimised for mobile performance across global markets (many with slower data connections), balancing high-fidelity visuals with file-size efficiency.
The REsult
A seamless introductory experience that sets the tone for the brand. This animation is currently the first touchpoint for millions of users worldwide, helping to increase initial engagement and reduce drop-offs during the signup process.
A map animation to guide users through enabling their location.
A screen displaying a preview of the Adhan notification for each prayer time.
Users can listen to a sample of the Adhan, accompanied by a soundwave animation for a more immersive experience.
Once the setup is complete, users are greeted with a confirmation screen featuring a check mark
Similarly, when users begin the Quran onboarding setup, they’re greeted with a transition screen that mimics the opening of the Quran—designed to feel like the reverent experience of opening the holy book in real life.
