/

Work

MuslimXplore Website

MuslimXplore Website

MuslimXplore Website

Project: Unfold Solution

Roles: UI/UX Designer, Interaction Designer

Tools: Figma, After Effects

Live Website ↗️

*Disclaimer all image assets come from MuslimXplore live website. I'm not allowed to use assets from the design file.

About MuslimXplore

MuslimXplore is a comprehensive app designed to cater to the needs of Muslim travelers, offering a wide array of valuable features and tools such as Prayer Times, Nearby Mosque, Qibla Direction, Quran, and Hadith Library.

As a UI/UX Designer at Unfold Solution, I collaborate closely with talented colleagues, including Dirsha and Yaritza, as part of a dynamic Design Team. Our main focus is to increase the app conversion rate and increase awareness among the target audience through this website landing page.

The objective

This website should be minimalist and modern design aesthetic while ensuring a seamless and interactive interface for users. By focusing on simplicity, we aim to provide an intuitive and engaging browsing experience that engages users and encourages them to explore websites further and download apps.

Interface Design

Homepage with functional features

With an engaging hero section, the ability to find prayer times worldwide, a convenient mosque search, a visual representation of the app's popularity, and a repository of hadiths, the MuslimXplore homepage delivers an unparalleled user experience that blends functionality and inspiration seamlessly. I worked on the user interface, interaction, and animation.

More menu pages

Experience the richness of the MuslimXplore website beyond the homepage, where we have thoughtfully crafted additional pages to cater to users' diverse needs and interests. Explore the following captivating sections:

  • Prayer Times Page: Immerse yourself in the serenity of our Prayer Time page, where you can access a comprehensive monthly prayer schedule. Plan your daily worship with ease and precision, ensuring you never miss a prayer.

  • Features Page: Discover the full range of features our website has to offer on our dedicated Features page. Uncover the depth of functionality and services available, empowering you to make the most of your journey as a Muslim traveler.

  • Career Page: Join our vibrant community and contribute to the growth of the platform by visiting the Career page. Explore exciting opportunities to become a valued contributor, where you can enrich our website by adding new mosques, hadiths, events, and more, ensuring a comprehensive and up-to-date resource for all users.

  • Hadith Page: Dive into the wisdom and guide of our Hadith pages, where you can Immerse yourself in the beauty of hadith and find inspiration for your spiritual growth.

These captivating pages extend the functionality of the website, providing valuable resources, inspiration, and opportunities for personal and professional growth. 

Output

  • Conversion Rate Boost: Achieved a remarkable 5% increase in the conversion rate for app downloads, directly translating the improved design into higher user engagement and interaction.

  • Decreased Bounce Rates: Reduced the bounce rate by 10%, indicating that users are finding the website more engaging and relevant, leading to a lower rate of users leaving the site without taking action.

Conclusion

My work on the MuslimXplore website project provided me with a valuable opportunity to leverage my product design skills and make a significant impact. By working closely with the design team, product manager, and stakeholders, I was able to contribute to the creation of a visually appealing and user-centric website that catered to the needs of Muslims around the world. I am confident that my efforts have laid the groundwork for future development and highlighted the key areas for improvement.

Thank you so much for taking the time to read my case study. I truly appreciate your interest and engagement. If you would like to explore more case studies, please find a selection of them listed below. 😊