When Silicon Valley and Dhaka tech circles talk about "UX design," they almost universally imagine a 28-year-old professional living in Gulshan or Dhanmondi, holding an iPhone 15, connected to high-speed fiber broadband, and accustomed to English interfaces with subtle micro-interactions.

Designing the Guardian Portal for Al-Maktab required throwing that entire mental model out the window.

Our typical user is a 38-year-old mother living in a union parishad outside Cumilla or Tangail. Her phone is an entry-level Android device purchased three years ago with a cracked protective glass. Her internet connection is mobile data that frequently toggles between 4G and sluggish 3G. She uses WhatsApp to talk to relatives in the Middle East and bKash to send money to the bazaar. She does not have an email account. She has never created a password in her life.

If our portal failed her, Al-Maktab failed completely. Here is how we engineered every interaction to ensure she felt welcomed, respected, and effortlessly in control.

Decision 1: The Total Eradication of Email & Passwords

The standard web convention is so ingrained that most developers don't even question it: an input for email, an input for password, a "Forgot Password" link, and an email verification token. In the context of a Bangladeshi madrasa, that flow is dead on arrival.

We designed the portal around zero-password SMS OTP authentication:

  1. The parent enters her 11-digit mobile phone number—the exact number registered with the madrasa during admission.
  2. The server sends an immediate 6-digit one-time code via a domestic SMS gateway.
  3. The SMS arrives in pure Bengali script: আপনার আল-মাকতাব লগইন কোড: ৪৭৩৯২১। মেয়াদ: ৫ মিনিট।
  4. The mobile browser automatically detects the SMS OTP, or the parent taps the digits into six oversized numeric boxes.
  5. She is logged in. No passwords to remember, no password resets, no customer support calls.

Decision 2: Native Bengali Numerals (১, ২, ৩) Everywhere

Most local software applications lazily output English digits (1, 2, 3) inside Bengali sentences. While urban citizens can read English numbers without hesitation, seeing English digits inside a formal Islamic institution's report creates subtle cognitive distance.

We wrote a dedicated localization pipeline that converts all runtime integers, monetary figures, timestamps, and percentages into authentic Bengali script:

MetricStandard Lazy DisplayAl-Maktab Bengali-First Display
Monthly AttendanceAttendance: 94%উপস্থিতি: ৯৪% (মোট ২৬ দিন)
Tuition Fee InvoiceDue: Tk 3500বকেয়া বেতন: ৳৩,৫০০ টাকা
Hifz ProgressJuz 14 Completedপবিত্র কোরআন: ১৪তম পারা সম্পন্ন
Gate Pass TimestampExit: 04:30 PMপ্রস্থান: বিকাল ০৪:৩০ মিনিট

When a guardian sees ৳৩,৫০০ টাকা rendered in clear, crisp Bengali typography, it feels familiar and trustworthy.

Decision 3: The Five-Card Dashboard Rule

In our early wireframes, we attempted to display a comprehensive overview: upcoming events, Islamic calendar dates, library books borrowed, examination notices, hostel meal schedules, and teacher notes. When we tested this wireframe with a mother in Gazipur, she stared at the screen for forty seconds, looking visibly overwhelmed, before asking: "আমার ছেলে কি আজ মাদরাসায় এসেছে?" ("Did my boy come to the madrasa today?")

Her question cut straight through our feature bloat. Parents do not care about administrative charts. They care about their child's immediate wellbeing.

We stripped the parent dashboard down to exactly five high-contrast cards:

  • Card 1: আজকের উপস্থিতি (Today's Attendance): A massive green checkmark if the student checked in via the biometric scanner, or an amber indicator with check-in time.
  • Card 2: হিফজ অগ্রগতি (Hifz Progress): The mini Juz wheel with today's recitation summary.
  • Card 3: চলতি বেতন (Current Tuition Status): Either a green "পরিশোধিত" (Paid) badge or a bright bKash payment button.
  • Card 4: বোর্ডিং ও গেটপাস (Hostel & Gate Pass): If the child is residential, whether he is currently inside the hostel or out on an authorized leave pass.
  • Card 5: মাদরাসার জরুরি বার্তা (Urgent Notices): Official announcements from the Muhtamim (Principal).

The Test of Real-World Adoption

Good UX is not measured by design awards; it is measured by adoption without customer support tickets. Across our pilot institutions, over 91% of parents successfully logged into the portal, reviewed their child's progress, and settled monthly fees without a single phone call to the madrasa office.

When technology bends to match the reality of its users, adoption takes care of itself.

Mustafa Kamal Hossain

Mustafa Kamal Hossain

Founder & Principal Engineer at Manfi. Passionate about Laravel, SaaS architecture, and high-performance engineering.