← All projectsCase study

Masjeed App v2

Mosque community & administration app.

Role
UI/UX redesign (ManarTech)
Year
2024 — 2025
Platform
iOS · Android · Web
Stack
React Native · Next.js · Node.js · AWS Lightsail
Masjeed App v2 cover

Overview

The problem

The first Masjeed app was hard to use for older congregants and mosque committees on small phones.

The idea

Redesign the app around prayer times, mosque news and donations, with larger type and simpler flows — and give committees a web dashboard.

Released as Masjeed v2 by ManarTech.

What I did

Design

  1. 01Accessibility-first redesign with larger type and contrast
  2. 02Prayer-time and mosque discovery as the home screen
  3. 03Donation (sedekah) flow in a few taps
  4. 04Committee dashboard for events, finances and announcements

Engineering

  1. 01React Native app and Next.js web dashboard
  2. 02Node.js services for mosques, events and donations
  3. 03Deployed to AWS Lightsail with CI/CD

How it works

Screens

Community home
Community home
Prayer times
Prayer times
Committee dashboard
Committee dashboard

Under the hood

React Native

Congregant app

Next.js

Committee dashboard

Node.js API

Mosques · donations

AWS Lightsail

CI/CD deploys

v2

Full accessibility redesign

2 apps

Mobile app and web dashboard

CI/CD

Automated deploys to Lightsail

Sedekah

Donations in a few taps

Next project

HDL Kitchen →

Website for a renovation company.