The Masjid App
Role
Product designer
Overview
The Masjid App connects Muslims to their local communities by providing accurate prayer times, Iqama schedules, and other mosque-related information. As the platform expanded, maintaining reliable data and ensuring smooth interaction across roles became a challenge. There were no defined user journeys for core tasks, leading to low engagement and friction for both users and mosque administrators.
Output
Complete user-journey mapping for mobile, admin, and community roles.
Redesigned UI system in Figma to ensure consistency across the app and admin dashboard.
Simplified dashboard experience to improve data input and mosque management.
Defined role-based permissions and a Wiki-style structure for community-driven content updates.
Benchmarking of competitor apps to identify opportunities and refine usability standards.
B2B
Challenge
To align user needs with business goals, I redesigned the product around clarity, collaboration, and scalability.
I mapped the missing journeys and restructured flows for each persona: mosque visitors, admins, and super admins. Each action became more predictable and purpose-driven.
The UI redesign introduced a cohesive visual language across platforms, improving both the mobile and dashboard experiences.
I also proposed a Wiki-based model that allows users to maintain mosque information collaboratively while keeping premium mosques under professional service plans.
This approach balanced design quality with practical implementation and created a stronger foundation for growth.
Solution
To align user needs with business goals, I redesigned the product around clarity, collaboration, and scalability.
I mapped the missing journeys and restructured flows for each persona: mosque visitors, admins, and super admins. Each action became more predictable and purpose-driven.
The UI redesign introduced a cohesive visual language across platforms, improving both the mobile and dashboard experiences.
I also proposed a Wiki-based model that allows users to maintain mosque information collaboratively while keeping premium mosques under professional service plans.
This approach balanced design quality with practical implementation and created a stronger foundation for growth.
Impact
The redesign established a clear and scalable product framework.
Users can now navigate more intuitively and access prayer data more efficiently, while administrators benefit from a streamlined dashboard that simplifies mosque registration and information management.
The community-driven Wiki model increased mosque submissions and engagement, reduced maintenance overhead, and improved overall data accuracy.
45%
60%
Growth in user participation through the Wiki update system
35%
Reduction in admin maintenance workload after dashboard redesign
Process
Research and Benchmarking: Analyzed existing analytics and competitor apps to identify UX gaps and industry standards.
User Journey Mapping: Defined complete flows for every role, revealing friction points and redundant steps.
UI Design System: Built a cohesive visual language in Figma, ensuring scalability and alignment with brand identity.
Dashboard Redesign: Simplified information architecture for better management and clarity.
Wiki Model Definition: Created rules for user roles, permissions, and moderation hierarchy.
Testing and Iteration: Conducted usability reviews with users and mosque admins to refine flows and address cultural considerations.
Outcome
The project turned The Masjid App into a more user-centered and community-driven platform.
The consistent design system, defined user journeys, and collaborative data model improved engagement, scalability, and long-term sustainability.
The redesign now supports both mosque administrators and everyday users, positioning the product for continuous growth across regions.
