Portal UnificationCX, UX & UI

A clearer route to municipal services.

Portal Unification connects cross-channel discovery research to a clearer municipal experience. Explore the research plan, customer accounts, consolidated findings, measured prototype baseline and original service-discovery and account screens.

Contribution / focus
CX and service-design direction, experience priorities and design-to-delivery alignment
Project stage
Research & designed experience
Practice
Customer research · UX/UI · Service discovery

Unify the customer task

Municipal services can be fragmented by department, terminology and channel. Customers need to know which service fits their situation, what to prepare and what happens after submission. A coherent portal therefore needs more than a consistent visual surface.

The project focuses on the shared portal/mobile experience: service discovery, onboarding, request visibility and incident reporting. Trade-service products, the Seven-Star readiness initiative and reusable design frameworks have their own separate cases.

Research that shaped the experience

Explore the study plan, customer accounts and the recurring findings behind the Portal Unification direction.

Understand the task before choosing the solution

The study starts with the customer’s goal, the channel they choose and the obstacles they encounter. Its instruments distinguish professional, represented and individual service use.

Exhibit 1 of 2
100%
Original research excerpt
Original discovery research planMethods, objectives, sampling and the proposed four-week work plan. Scroll and zoom to inspect the complete board.

A plan built around real service use

Discover why customers choose a channel, what they need to prepare and where the journey breaks down.

  • Investigate channel preference, urgency, service awareness and task-level friction.
  • Combine proposed surveys, in-depth interviews and short service-centre walkthroughs.
  • Use a proposed four-week cycle for planning, recruitment, research and synthesis.
Read the research plan analysis

Plan the research around channel choices and real tasks

The discovery plan asks why customers choose a channel, how they complete municipal tasks, what makes a request urgent and which information they need before acting. It also investigates awareness, motivation and recurring friction across the service journey.

Coverage includes government employees, business owners or employees, representatives such as PROs, individuals and service officers. Recruitment spans the website, app, WhatsApp, web chat, call centre and service-centre visits, with direct and represented customers considered separately.

The methods combine a proposed survey, in-depth interviews, short service-centre interviews and task walkthroughs. Separate scripts support business/consultant and individual contexts. The plan records consent for interview recording and anonymous handling of responses.

Research questionEvidence soughtDecision it informs
Why this channel?Preference, perceived speed, familiarity and task suitabilityA channel role based on customer value
How does the task work today?Walkthroughs, obstacles, handoffs and recoveryJourney structure and priority interaction states
What needs a fast response?Urgency, expected resolution and support behaviourSupport routing and clear response expectations
What is hard to find?Service names, requirements and missing guidanceSearch, service cards and the help taxonomy
What would make digital useful?Motivation, trust, awareness and unmet needsAdoption hypotheses to test

The drafts contain several provisional sample scenarios. A survey of 300 is subject to statistical confirmation; interview drafts refer to 24 or 40, and recruitment matrices contain 63 or 105 slots. These are planning alternatives, not completed participant totals.

Connect the findings to a specific experience decision

The Portal Unification designs below make parts of the research direction tangible: a restaurant-opening guide starts from intent, service cards expose requirements, and Help and Support gives questions a usable structure.

Account recovery and profile changes address access and feedback. Workflow flexibility, receipt integration, shared status and delegation require additional service or engineering validation. A designed interface does not by itself prove those operating changes shipped.

Evidence themeRelevant case artifactWhat to validate next
Exact service names are hard to knowRestaurant-opening guide and service discoveryFind the relevant journey from a customer goal
Requirements are hard to prepareService-detail and permit-selection screensUnderstand the required documents and applicable permit
Support information is scatteredHelp and Support landing and topic categoryFind a useful answer and recognise when human help is needed
Account actions need clear feedbackRecovery and profile-change sequencesComplete the access/update task and recognise its outcome
Submission ownership and status are unclearRequest visibility and service-history directionIdentify who acts next and retrieve the same request
Repeated submissions and payment uncertaintyService and integration opportunity backlogCheck rules, data ownership and end-to-end task reliability

Keep the prototype test as its own measured baseline

The October prototype test asked eight people to sign up or log in, choose preferences, navigate the incident catalogue and report a stray dog. Five completed the mission and three dropped off. Screen-level evidence concentrated the next design work on category selection and incident selection, alongside onboarding. The category screen recorded a 75% misclick rate and about 67 seconds of dwell time; the incident list recorded 67% and about 81 seconds. These are screen-level observations from the formative test.

The documented average task time was 250.2 seconds. The mission concerned incident reporting; it does not validate every restaurant-guide or account-management screen shown in this case.

Formative task evidence from the original research record. Five completions out of eight and the screen-level observations describe the tested prototype, rather than a measured post-redesign improvement.

Connect the audit to the design decisions

The source assessment reviews the homepage, account access, registration, dashboards, service menus, submission and payment. It groups issues by usefulness, information architecture, navigation, visual presentation, interaction and performance.

Dense regulatory content and fragmented entry points made service discovery a priority. Weak feedback and contextual help made recovery and task continuity part of the experience work, alongside the visual redesign.

The supplied funnel excerpt reports about 205,683 authorisation-page visits and roughly 69,000 onward visits. That is a historical diagnostic signal. It does not establish the cause of each exit or a post-redesign improvement.

Journey-by-journey heuristic assessmentOriginal assessment matrix across the portal’s core tasks.
Historical authorisation funnelOriginal diagnostic excerpt. Reporting dates and event definitions need confirmation before treating the figure as a comparable KPI.

Translate service complexity into usable content and structure

The redesign connected UX and UI decisions to the service explanation, rather than treating interface styling as the full solution.

The service-card principles specified what a customer needed before starting: a visual procedure, required documents and examples, fees and when they apply, eligibility, related services, understandable terms, contextual support and practical FAQs. The content model addressed the research finding that uncertainty often drove a physical visit.

The unified design-system work covered tokens, themes, interactions, responsive behaviour, patterns, components, accessibility and content standards. Its purpose was to make the same service logic recognizable across channel interfaces and to reduce repeated decisions during implementation.

The resulting experience work included service discovery, dashboard and request tracking, account access and business administration. The customer guide documented UAE Pass, existing-account linking, business registration, verification, profile updates and company user management. That guide is evidence of the support and handoff work around the product.

Customer questionRequired experience content
What must I do?Procedure, journey steps and the action required at each stage.
What must I prepare?Document requirements, examples and where to obtain them.
Can I use this service?Eligibility and relevant terms in understandable language.
What will it cost?Fees, timing and payment guidance.
What happens after I submit?Confirmation, progress, next action and contextual support.

Portal service-card principles, design-system foundation and customer guide

A service finder that starts with the customer’s intent

The design distinguishes a standalone service card, a guided journey across services, and a customisable selection. This gives the portal a way to explain both a simple request and a business goal that spans several approvals.

The restaurant scenario shows the design logic in concrete form: capture the goal, ask relevant questions, then return a structured journey with requirements and help. The screens demonstrate the proposed interaction, rather than a live AI implementation.

Screen 1 of 7
Start with the customer’s goal

The homepage offers search and service categories.

Original prototype screens. Use the steps or arrow keys to inspect the sequence, then enlarge a screen for detail.

Make the requirements usable before the application

The service-detail design places procedures, documents, fees and conditions in a structured page. A permit-type chooser makes the decision explicit before the application begins.

This is the connection between content design and interaction design: explain the service in plain language, expose the relevant choice, and offer a clear next action.

Scroll to explore the full design. Open the viewer to zoom.

Food-activity service informationOriginal full-page service-card prototype. Enlarge to inspect the requirements and page hierarchy.
Choose the food-activity permitOriginal permit-selection dialog on the service page.

Design for the actual conditions of use

Mobile designs include English and Arabic onboarding, location search and denied-permission states, nearby/new incident entry and evidence attachments. These states make the service understandable beyond its ideal path.

Language, permission and recovery decisions must work together. A person who denies location access still needs an understandable route forward; a person adding incident evidence needs to know what information is expected.

Mobile onboardingOriginal introductory mobile screen.
Incident discoveryOriginal incident-category interface. Scroll within the phone to see the complete list.
Confirm the incident locationOriginal map and search state; prototype location text.
Location access unavailableOriginal location-permission recovery state.
Add supporting evidenceOriginal audio and image attachment interface.

Explore the mobile states side by side. Scroll within the incident list, or open any screen to zoom.

Treat account recovery as a complete journey

Recovery is a sequence of choices and confirmations, rather than a single reset form. The design covers the account type, permission boundary, recognised verification destination, code entry, new password and final confirmation.

Each state should answer what the user needs to do next and what happened to the previous action. Permission messages and masked contact details in these screens are prototype behaviour, subject to security and implementation review.

Screen 1 of 7
Offer familiar sign-in routes

UAE Pass and account sign-in share a clear entry point.

Original prototype screens with masked or example contact data. They do not establish the current authentication policy.

Keep routine profile changes clear and consistent

The profile flow uses inline edit, verification and success feedback for mobile and email changes. Reusing the same pattern reduces the number of interaction rules a customer has to learn.

The surrounding layout retains account context and access to documents. The selected screens use demonstration account content.

Screen 1 of 5
Edit one contact detail

Inline editing preserves the surrounding account context.

Original design prototypes. Names, addresses and account values shown are demonstration content.

Organise support around real questions

The help taxonomy covers account access, delegation, payments, document handling, service-specific workflows and troubleshooting. It gives support content an information structure that can grow with the service catalogue.

The supplied help-page designs turn that taxonomy into a searchable support landing page and an account-management category. The design goal is a useful answer at the relevant moment, with a visible route to human support.

Scroll to explore the full design. Open the viewer to zoom.

Help and support landing pageOriginal Help and Support design with search, topic categories and support channels.

Scroll to explore the full design. Open the viewer to zoom.

Account-management help categoryOriginal account-help category from the same support work.

Connect design intent to delivery

Feature mapping, release planning and account-support material connect the experience to the teams implementing it. My broader Municipality responsibilities include backlog prioritisation and sprint/release decisions.

This case focuses on the applied customer experience. The full product-development SOP, governance framework, accessibility guides and PoD initiative are shown separately rather than mixed into the portal narrative.

Retest the task and follow the service after submission

A comparable retest should use the same task definition and report completion, wrong turns, time, effort and help needed. Discovery questions, prototype measures and production service measures answer different questions.

The research suggests additional service measures: first-submission completeness, avoidable return reasons, status-related contacts, receipt retrieval and access to issued documents. These are measurement priorities to operationalise with data owners, rather than achieved KPI improvements.

The supplied planning files do not include a completed survey dataset or matched post-redesign result. The case therefore retains its original baseline and shows the new evidence as research detail and design rationale.

Customer needs evidenced in the research

Need profiles synthesised from the supplied notes. These describe task contexts; they are not additional research participants or a validated demographic persona set.

Document-heavy professional

Goal
Complete permit and submission work accurately
Friction
Uploads, returns and receipts are difficult to manage
Experience need
Clear requirements, reliable submission and transaction context

Complete portal homepage

Scroll to explore the full design. Open the viewer to zoom.

Complete portal homepageOriginal full-page design, including service discovery, information and mobile-channel promotion.

Outcomes and learning

8 + 12

Centre and in-depth interviews in the documented research phase

8

Participants in the separate prototype test

5 / 8

Task completions in that formative baseline

The work establishes an original research baseline, a coherent service-discovery direction and designed bilingual interaction states. Post-change usability and production outcomes remain distinct from that baseline.

Unification works when the product model becomes coherent—not only when the screens look consistent.
About the evidence
  • Original 2024 interview and prototype-test reports, Portal/mobile Figma designs, feature mapping and delivery plans.
  • The research is a team project record. Individual execution of every interview or screen is not claimed.
  • Original project materials supplied in October 2026. Excerpts are integrated into the project story; targets and concepts are distinguished from released outcomes.
  • October 2026 addition: a five-page planning pack, twelve pages of customer-insight notes and one consolidated insight board, supplied specifically for Portal Unification. File titles also mention the app because this research covers related municipal channels.
  • The planning pack contains multiple sample alternatives (including 63/105 recruitment slots and a provisional survey target of 300). These are not completed participants or survey results.
  • Customer quotes are recorded in the supplied insight notes. Raw interview recordings/transcripts were not supplied for this addition; anonymous source excerpts and task-level synthesis are used.

A complex challenge.
A clear next step.

Product management, customer experience and digital transformation. Based in Dubai, working across the region.

Project image

100%
Expanded project image

Scroll to explore the details. Use + and − to zoom, or 0 to fit the width.