Protected Case Study

This work is under NDA.

Enter the password to continue. If you've been given access, this should take a moment.

Incorrect password — please try again
Case 04 · TAMM × Abu Dhabi Government · 2020
← All work

From form to
conversation.

A six-week sprint redesigning the citizen support feature on the TAMM mobile app — Abu Dhabi's one-stop government platform. Eighty-six percent of cases were routing around the app, through helpline and email, because the support feature itself was buried, broken, and built around a rigid form. We replaced the form with a chat — and watched successful submissions climb 313% in the first quarter.

My Role
Design Lead — leading a team of three designers
Duration
6 weeks (2020) · End-to-end sprint, design through dev handover
Deliverables
Data analysis · Benchmarking study · Ideation · 4 prototypes · Usability testing · UI · Dev collaboration
Surfaces
iOS · Android · TAMM Design Language System (DLS)
313%
Increase in successful case submissions per quarter
71%
Reduction in cases routed through helpline & email
92%
Final-prototype task success rate (up from 60%)
06.
Weeks — discovery, design, testing, handover
01  ·  The Opportunity

A buried support feature, and citizens going around it.

TAMM was meant to be the single front door to Abu Dhabi government services. The support feature inside it was meant to be how residents reported problems, requested information, and gave feedback to the right entity. But six months of data told a different story. Of every 100 cases coming in, only 8 were submitted successfully through the app. Six failed mid-submission. The remaining 86 came through the helpline or email — channels that are expensive to staff, hard to track, and slow to resolve.

Three problems sat underneath the number. The support landing was buried in the third layer of the IA with weak information scent. The taxonomy was vague — "Talk to Us", "Check the status of your Messages", "Can't find what you are looking for?" — none of which signalled what the feature actually did. And the submit-a-case form itself was crashing, didn't distinguish required from optional fields, and gave back error states like "Something Went Wrong, select Retry button."

Every time I click on my case to see the details I get a pop-up message — something went wrong, select Retry.
// Recurring user feedback
I made two complaints through this app, but I can't see my complaint status anywhere.
// Recurring user feedback
Got the message that my complaint was resolved — but I can't find where to add my own comment.
// Recurring user feedback
01
Buried in the IA — support landing sat three layers deep with weak scent.
02
Vague taxonomy — "Talk to Us" / "Check Messages" hid what the feature actually did.
03
No required-field guidance on the submit-a-case form.
04
Frequent crashes when users tried to view a submitted case.
05
Confusing system responses — generic errors, rigid linear flow.
06
No follow-up surface — once submitted, a case became invisible.
07
Form pattern mismatch — citizens wanted a conversation, the app demanded a form.
08
Channel leak — 86% of cases routed to helpline + email instead.
02  ·  Information Architecture

Surface the action, then name it.

The fix wasn't a redesign of the form — the fix was upstream. Move support out of the third IA layer and into a first-class destination, then rewrite the labels so a citizen knew what they were tapping before they tapped it. "Talk to Us" became six concrete actions: File a Complaint, Report an Incident, Request for Information, Request for Service, Give a Suggestion, Give a Compliment.

Before
Buried support
Support sat at layer 3 with vague signposting at every step. Most users gave up before reaching the form.
Layer 01
HomeTAMM home — Services, News, Profile
Layer 02
L2"More" or "Profile" entry — vague catch-all
Layer 03
Buried"My Support" — Talk to Us · Check Status · Can't find what you're looking for?
After
First-class action
Support promoted to a first-class destination with action-led labels. Six clear case types, plus a follow-up surface.
Layer 01
SurfaceTAMM Support — Submit a Case · Follow up on cases · Contact Us · Emergency Numbers
Action
Pick a case type — File a Complaint · Report an Incident · Request Information · Request Service · Suggestion · Compliment
Tracked
Follow-up surface — case timeline, comments, attachments at any stage, resolution
Taxonomy
Names that signal
Every label rewritten from feature-language to citizen-language. The new vocabulary doubled as the IA — six action labels, six entry points.

Before — vague feature labels

  • Talk to Us
  • Check the status of your Messages
  • Can't find what you are looking for?
  • Submit a Case (generic)
  • Find Information, report an Incident, submit complaint or Provide a suggestion

After — action-led citizen labels

  • File a Complaint
  • Report an Incident
  • Request for Information
  • Request for a Service
  • Give a Suggestion
  • Give a Compliment
  • Follow up on cases
03  ·  Process & Principles

Six weeks. Five phases. Four prototypes.

Six weeks is short. It works only if every phase feeds the next without rework. We started in the data — six months of support center records told us where the leak was — then benchmarked seventeen apps to see what worked elsewhere, ran a time-boxed ideation session that surfaced 59 ideas, prototyped four candidates, and ran formative usability testing through four iterative rounds. Each round closed gaps the previous round opened.

// SIX-WEEK SPRINT · 2020 PHASE 01 · WEEK 1 Data Analysis 6 mo. SUPPORT CENTER DATA PHASE 02 · WEEK 2 Benchmarking 17 APPS · 5 INDUSTRIES PHASE 03 · WEEK 3 Ideation 59 IDEAS · 5 TECHNIQUES PHASE 04 · WEEK 4 Design Exploration 200+ WIREFRAMES · 4 PROTOS PHASE 05 · WEEKS 5–6 Usability Testing ITERATIVE ROUNDS // ITERATIVE TESTING — TASK SUCCESS RATE PER PROTOTYPE 60% VERSION 01 15 of 25 tasks 80% VERSION 02 20 of 25 tasks 76% VERSION 03 19 of 25 tasks 92% VERSION 04 · SHIPPED 23 of 25 tasks // V03 DIPPED BECAUSE A TWO-COLUMN CASE LIST CONFUSED THE TIMELINE — V04 CORRECTED IT
// Five phases, applied across the six weeks
01
Data Analysis — six months of support records, the 86% leak emerged from the numbers, not the brief.
02
Benchmarking — 17 apps across government, telecom, e-commerce, food delivery, and services. Chatbots vs human agents vs help articles, mapped against effort.
03
Ideation — five techniques (list, eliminate constraint, exaggerate, go crazy, analogy) on a time-boxed session. 59 ideas; the top vote went to a tailored experience that branched on intent.
04
Design Exploration — three designers, one week, 200+ wireframes, ten iterations, four prototypes ready for testing.
05
Usability Testing — formative, four rounds, twenty participants. Each round identified the breakage; the next round closed it. V04 shipped at 92%.
04  ·  Design System

Built on the TAMM DLS, not around it.

The brief was explicit — use the existing TAMM Design Language System, with necessary enhancements. So we extended rather than replaced. The same color tokens, the same chrome, the same footer. What we added were three new patterns the existing DLS didn't have: a Support Assistant chat persona, a case timeline component, and a unified attachments + location picker. All three are now part of the system.

// LAYER 01 · TAMM DESIGN LANGUAGE SYSTEM (EXISTING) Reused — type, color, footer, navigation chrome, iconography type/tamm color/navy color/amber tab-bar/5 card/elevation icon-set/tamm // LAYER 02 · NEW PATTERNS ADDED TO THE SYSTEM Three components for the support flow Support Assistant · chat persona Case timeline · status states Attachments + location · picker + message bubble variants // LAYER 03 · SHIPPED SURFACES Mobile-first, two platforms, one design TAMM iOS — Support flow TAMM Android — Support flow Submit case · 6 case types Follow-up · timeline + comments + attachments // OUTCOME, Q+1 +313% successful submissions 300 → 1,240 PER QUARTER Result — 71% fewer cases routing through helpline + email // MEASURED IN-APP VS. HELPLINE/EMAIL CHANNEL VOLUME
01
Reused — TAMM type, color, footer, tab bar, iconography. The shipped designs read as TAMM, not as a separate product.
02
Added: Support Assistant — a named persona ("Ahmad") delivering the chat. Avatar, message bubble pattern, agent-vs-user contrast — all new components.
03
Added: Case timeline — four-stage progress indicator (Received · Under Review · In Progress · Resolved) reusable across all six case types.
04
Added: Attachments + location picker — a single composite that handles photos, videos, files, and a map pin in one inline flow without leaving the conversation.
05  ·  Visual Design

Four principles, shown in the screen.

With the IA promoted and the system extended, four principles guided every screen we drew across the support flow. The screens themselves are how we evidence them.

Principle 01

Findability

Support promoted from a buried 3rd-layer page to a first-class destination. Submit a Case sits at the top with six explicit options. Follow up on cases is one tap away with an active count. Contact and emergency numbers occupy the lower half — there if needed, never in the way.

TAMM Support landing redesigned — six labelled case-type buttons, follow-up section, contact, and emergency numbers all on one screen

Support landing · six entry points, one tap deep

Principle 02

Conversational

The form is gone. In its place — a step-by-step chat with a named Support Assistant. The user replies in their own words. The assistant prompts for the next thing it needs. Description, then attachments, then location, then terms — each a turn in the conversation, not a field on a form. Errors and required fields disappear because there are none.

File a Complaint chat — Support Assistant introduces itself, asks for description, then prompts for attachments and location in a conversational flow

File a Complaint · chat-led case submission

Principle 03

Clarity

Every label rewritten from feature-language to citizen-language. Talk to Us became six distinct verbs. Check the status of your Messages became Follow up on cases. Can't find what you are looking for? — gone, replaced by self-evident structure. The information scent runs from the entry point straight to the case form.

Side-by-side comparison — old My Support page with vague labels Talk to Us / Check Status / Submit a Case versus the new Support page with action-led labels File a Complaint / Report an Incident / Request for Information

Before and after · vague feature labels vs. action-led citizen labels

Principle 04

Continuity

A submitted case used to disappear. Now every case lives on a follow-up surface — searchable, filterable, with a four-stage timeline at the top of every case detail. Updates from the government entity arrive as messages on the same thread. Citizens can add comments and attachments at any stage, right up until Case Resolved.

Follow up on cases landing showing four ongoing cases with status badges, alongside a Case Closed detail view with a four-stage timeline and resolved confirmation

Follow-up surface · cases tracked from received to resolved

06  ·  The Effect

Shipped — and the channel moved.

Hand-off to engineering happened at end of week six. The redesign launched into the TAMM iOS and Android apps with the new Support Assistant pattern, the case timeline, and the unified attachment-and-location picker — all built on top of the existing DLS. Within a quarter, the channel split flipped: more cases came in through the app than through helpline and email combined.

TAMM support flow shipped across multiple devices — support landing, file complaint chat, case submitted confirmation, case details with timeline, and case closed view
Epic 01

Support, surfaced

The before-and-after that explains the channel shift. The old "My Support" sat behind two taps and a confusing entry; the new TAMM Support is a destination — Submit a Case with six labelled actions, Follow up on cases with a live count, contact and emergency numbers as a calm secondary block.

Before and after comparison — legacy My Support page with vague labels and Submit a Case button versus the redesigned Support landing with six clear action-led case-type buttons

↳ proves Findability

Epic 02

File a Complaint — as a conversation

The signature move. A four-step chat replaces the broken form. The Support Assistant introduces itself, asks for a description, prompts for attachments and location, then asks the citizen to read and agree to terms — each a single turn in the thread. No required-field errors. No mid-flow crashes. No retry loops.

Four-frame chat sequence — Support Assistant greeting and asking for description, citizen typing the complaint, attachments option appearing, and final terms agreement before submission

↳ proves Conversational

Epic 03

Four prototypes, one shipped

The iteration arc, in screens. V1 tried a chatbot persona ("TAMI"). V2 expanded to a list-based menu. V3 simplified the menu but introduced new ambiguity in the timeline. V4 — shipped — closed every gap, with explicit action labels, a search-first FAQ, and a follow-up surface front and centre. Task success climbed 60 → 80 → 76 → 92.

Four versions of the support landing in a row — Version 1 with chatbot intro, Version 2 with case-type list, Version 3 with cleaner list and emergency numbers, and Version 4 with final action-led button grid that shipped

↳ proves Clarity

Epic 04

From submitted to resolved

The case lifecycle, end to end. Citizens land on a list of their ongoing cases — filterable by type, searchable by reference number. They open a case to a four-stage timeline. They add comments and attachments at any stage. The government entity replies on the same thread. The case closes with a clear Case Resolved confirmation. Nothing disappears.

Four-frame case lifecycle — Follow Up on Cases list with four ongoing cases, Case Details with timeline at Request for Information stage, Case Resolution with Yes its resolved confirmation, and final Case Closed state

↳ proves Continuity

313%

Increase in successful case submissions per quarter — from 300 to 1,240 in the first quarter post-launch.

71%

Drop in helpline + email volume — from 86% of cases to 15%. The channel split flipped.

Take away

When the form was the problem, removing the form was the fix.

Six weeks isn't a lot of time, but it's enough when the discovery does its work. The data was unambiguous — eighty-six percent of cases were going around the app — and that single number framed every decision that followed. We didn't redesign the form. We replaced the pattern. The form became a conversation. The buried entry became a first-class destination. The vague labels became six clear verbs. And the case that disappeared at submission became a tracked thread from received to resolved.

The headline numbers — 313% increase in successful submissions, 71% drop in helpline-and-email leak, 92% task success in the final prototype — were what the work bought back: a citizen support channel that citizens actually used, government entities that could track and resolve cases inside one system, and a TAMM DLS three patterns richer than when we started.

Previous Mashreq Bank