Access Protected

This case study is password protected.
Please enter the password to continue.

Incorrect password. Please try again.
Dashboard background
Dataflow Group × MOHERI Oman
Senior Product Designer · Bangalore · March 2024

Credential
Trust at
National Scale

Redesigning the qualification verification platform for Oman's Ministry of Higher Education — transforming a 45% drop-off crisis into a seamless, government-grade experience that earned real trust.

Client Ministry of Higher Education, Research & Innovation (MOHERI), Oman
Organisation Dataflow Group, Bangalore
Primary Tool Figma — Design & Prototyping
Timeline 6-Week Redesign Sprint + Ongoing
35%
Processing Speed Faster application processing time post-redesign
+26
NPS Points Gained User satisfaction climbed from 42 → 68
89%
Task Completion Up from 62% in the original platform
52%
Fewer Support Tickets Direct result of clearer UX patterns
01
Context & Problem

A Nation's Credentials
Held Back by UX Debt

MOHERI's credential equivalency platform was the official gateway for foreign-educated professionals entering Oman's workforce. But the experience was failing them — and the data made it impossible to ignore.

"Users were abandoning mid-flow, support queues were overflowing, and every complaint pointed to the same root cause — a journey too complex for the people it was designed to serve."

Synthesis from discovery research, 45+ user interviews
🧩

Fragmented Navigation

A multi-step verification flow spanning Identity, Education, Employment, Health License, CGS, Logbook, LOA, and Overview — with no persistent sense of progress. Users repeatedly lost track of where they were and what remained.

45% drop-off rate
📉

Completion Anxiety

Users didn't trust the system to preserve their work. Error states were cryptic. There was no clear guidance on what documents to prepare before starting — leading to repeated session abandonment.

62% completion rate before redesign
🌐

Compliance Complexity

Strict MOHERI government requirements, bilingual Arabic/English support, and cross-border applicant diversity created layered constraints that couldn't be simplified — only designed through with rigour.

Speed & Scale Pressure

Six weeks. Twenty-plus team members distributed across time zones. Decisions had to be fast, evidence-backed, and dev-handoff-ready. Team alignment became a design challenge in itself.

Login Section
Login Section · Platform Entry Point

Trusted First Impression

Split-layout login with role-based tab switching (Employer / Applicant / Admin). Illustrated onboarding context reduces friction before users even begin. reCAPTCHA and a security notice establish institutional credibility from the very first interaction.

02
Research & Discovery

Listening Before
Drawing a Single Frame

Forty-five user interviews. Eight rounds of usability testing. Real applicants, real employers, real frustration — distilled into three insight clusters that drove every design decision that followed.

Insight Cluster 01

Progress Invisibility

Users had no reliable sense of how far along they were or how many steps remained. The journey felt infinite — and so they gave up.

Insight Cluster 02

Document Preparation Anxiety

Applicants discovered required documents mid-flow, forcing session breaks and driving abandonment. Front-loading requirements was critical.

Insight Cluster 03

Payment & Cost Opacity

Pricing was unclear until late in the journey. Employers managing multiple applicants had no batch overview — leading to surprise at checkout.

Constraint 01

Government Compliance

All flows had to meet MOHERI's regulatory requirements. No UX shortcut could compromise data integrity or audit traceability.

Constraint 02

Bilingual — Arabic & English

RTL layout support, culturally appropriate tone, and consistent terminology across both languages required deep localisation strategy.

Constraint 03

6 Weeks · 20+ Team Members

A shared component library wasn't optional — it was the coordination layer that made parallel design and development feasible.

Dashboard Main
Dashboard Main · Employer Command View

Everything at a Glance

Upfront pricing transparency. Real-time stats on cart drafts and submitted applications. Filterable employee table with inline payment status — built for HR managers juggling multiple foreign employee cases.

Application Process Identity
Application Process Identity · Step 1 of 9

Identity Verification — Passport OCR

Side-by-side document viewer and pre-populated form. Persistent auto-save indicator removes abandonment anxiety. A gentle validation prompt asks users to double-check details before proceeding — catching errors at the source.

03
Key Design Decisions

Five Moves That
Changed Everything

Each decision traces directly to a research finding. No aesthetic choices made in a vacuum — every pattern earned its place by solving a measured problem.

1
Identity
2
Personal & Package
3
Education
4
Employment
5
Health License
6
CGS
7
Logbook
8
Additional Details
9
LOA
10
Overview
A
🧭

Persistent Step Navigator

A breadcrumb-style stepper visible at all times shows every phase of the verification journey. Completed steps carry a checkmark. Users finally knew exactly where they stood and what remained.

B
💾

Persistent Auto-Save Signal

"Your Progress has been saved" appears on every step screen. This single micro-copy decision dramatically reduced session abandonment — users no longer feared losing work when they stepped away.

C
📄

Split Document + Form Layout

The uploaded passport is displayed alongside its extracted form fields — enabling real-time cross-referencing. A gentle prompt encourages accuracy checks before submission, slashing downstream data errors.

D
🛒

Cart-Based Batch Submission

Multiple applicants can be staged and reviewed before a single payment event — matching the mental model of HR managers. Itemised summaries, coupon support, and GST clarity eliminated checkout surprises.

E
💰

Upfront Pricing Transparency

Pricing details — Education, Employment, Accreditation, Report Reissuance — were surfaced on the dashboard before users began any application, eliminating cost anxiety mid-flow.

F

Calm Completion State

A minimal, affirmative success screen — "Awesome! You've completed all your documents" — with an optional prompt to submit additional materials for faster processing. Celebratory without being pressuring.

Design System — Component Library Evolution

Led the evolution of a shared Figma component library serving 5 product teams across the Dataflow platform. Established token-based theming, documented all interaction states, and ran structured handoff reviews with engineers — reducing design-to-dev handoff time by 40% and achieving 98% cross-browser consistency.

✦ Figma Components ✦ Design Tokens ✦ Interaction States ✦ Dev Handoff Documentation ✦ Cross-Browser QA ✦ RTL / Bilingual Layouts
Personal and Package Details
Personal & Package Details · Step 2

Applicant Info + Live Cost Builder

Passport OCR pre-fills personal details. A dynamic package builder lets employers configure education and employment checks, with real-time GST cost calculation — full cost transparency before any commitment is made.

View Cart Details
View Cart Details · Checkout

Batch-Ready Transparent Checkout

Multi-applicant cart with selective submission. Itemised breakdown per institution, IA fees, coupon discount support, and GST calculation. Disabled states guard against payment for incomplete cases.

Verification Process Done
Verification Process Done · Completion State

A Moment Worth Pausing For

Minimal, grounded success state. Warm, human copy: "Awesome! You have completed all of your documents for verification process." An optional prompt surfaces additional document submission for faster processing — giving users agency without creating pressure to do more.

04
Measured Impact

Numbers That
Tell the Story

Tracked across usability sessions, NPS surveys, support ticket volumes, and platform analytics following launch.

62%
89%
Task Completion
Rate
NPS 42
68
Net Promoter
Score
45%
Drop-off Rate
Eliminated
 
35%
Faster Application
Processing Time
40%
Reduction in
Design-to-Dev Handoff Time
98%
Cross-Browser
Consistency Achieved
52%
Reduction in
Support Tickets
28%
Increase in
User Retention
05
Role & Craft

What I Built
& Led

From pixel-level craft to systems thinking to mentorship — the full scope of a senior product design role on a high-stakes government platform.

Senior Product Designer
🖥

Cross-Platform Interface Development

Built dynamic, responsive interfaces tested across Chrome, Firefox, Safari, and mobile viewports. Performance and accessibility were baseline requirements — not afterthoughts.

🗂

End-to-End UX Artefacts in Figma

Delivered conceptual diagrams, user flows, low-fi wireframes, high-fidelity visual mockups, interaction models, and clickable prototypes — at every fidelity level the project demanded.

📊

Dashboard & Data Visualisation Design

Designed the employer dashboard with data-dense but scannable layouts — pricing cards, summary widgets, status badges, paginated tables. Optimised for HR managers handling multiple concurrent applicant cases.

🏗

Design System Leadership

Led evolution of the component library serving 5 product teams. Defined component anatomy, spacing tokens, and state documentation. Structured handoff reviews cut development questions by 40%.

🎓

Mentorship & Team Velocity

Mentored 3 junior designers on human-centred design principles and Figma best practices. Introduced critique rituals and quality checklists that increased team output velocity by 25%.