All projects
Self-Service Portal · Web + MobileWataniya Insurance · Jeddah2023 – PresentOutSystems · eBao · iOS · Android

Wataniya Self-Service Portal

Turning a call-centre bottleneck into a 24/7 self-service platform — the first customer-facing digital platform in Wataniya Insurance's history.

0Staff needed for routine policy changes
24/7Customer access, no business-hours dependency
2Live apps: iOS + Android
Wataniya Insurance website shown on desktop, tablet and phone
01
Problem

Two departments were buried in work that customers could do themselves

Wataniya Insurance customers had no way to manage their own policies online. Every add-on request — adding a driver to a car insurance policy, extending geographic coverage, requesting a cancellation — required a phone call or a visit.

This created a compounding problem on two fronts simultaneously: the call centre was handling a relentless volume of routine requests that required no specialist knowledge, and the operations department was manually processing the same requests in their back-end systems, one by one, every single day.

The core tension

"Customers were waiting on hold for tasks they should be able to do in two minutes. Staff were spending their days on data entry instead of actual customer service. Neither side was getting value from the interaction."

Call centre / customer care

Consumed by inbound calls and support tickets for routine policy modifications. High call volume, long wait times, and low-value interactions crowding out complex cases that actually needed human attention.

Operations department

Manually executing hundreds of policy changes per day in back-end systems — repetitive, error-prone, and time-consuming work that could not scale with the company's growth.

02
Process

Understanding the problem before designing the solution

Before opening a single design tool, I ran structured research sessions with each affected department. The goal was to map the full picture — not just the surface complaints, but the underlying reasons these problems existed and what a realistic technical solution might look like.

01
Call centre research sessions

Sat with the customer care team to document the most frequent request types, average handling times, and the exact manual steps involved. Identified that driver additions and geographic coverage changes made up the majority of call volume.

02
Operations department mapping

Walked through the back-office workflow step by step with the operations team. Documented each manual touchpoint in the policy modification process — this became the blueprint for what the system needed to automate.

03
Technical discovery with the dev team

Worked with the development team to understand why the self-service capability didn't already exist — whether it was a data access issue, a platform limitation, or a policy constraint. This shaped which features were achievable in the first release.

04
Wireframes and user flow design

Translated the research into a customer-facing user flow — login, policy overview, action selection, confirmation — then built interactive prototypes for stakeholder review before moving into OutSystems development.

03
Solution

A self-service portal that puts customers in control of their own policies

The solution was to build a dedicated self-service portal where customers could log in with their existing Wataniya account and perform policy modifications themselves — without calling, without waiting, and without involving any member of staff.

I designed and developed the portal end-to-end on OutSystems, integrating with the eBao insurance platform for policy data. The portal was simultaneously delivered as a web application and as a native mobile app for both iOS App Store and Google Play.

Wataniya Insurance web experience
The Wataniya Insurance digital experience
  • Policy dashboard — a clear, scannable overview of the customer's active policies, renewal dates, and available actions, designed to require no insurance knowledge to navigate.
  • Driver management — customers can add or remove named drivers from car insurance policies independently, with instant confirmation and no manual processing required.
  • Geographic coverage add-ons — extending coverage to additional regions or countries, previously a call centre task, available as a self-service flow with clear pricing shown before confirmation.
  • Policy cancellation flow — a structured, step-by-step cancellation process that gives customers clarity while giving the operations team a consistent, auditable record of every request.
  • SVG animations and micro-interactions — custom-built motion design to guide users through multi-step flows and provide immediate visual feedback at each confirmation point.
  • OutSystems
  • eBao
  • HTML5 / CSS3
  • JavaScript
  • Node JS
  • Cordova
  • Framework 7
  • SVG Animation
  • Adobe Creative Cloud
  • iOS App Store
  • Google Play
04
Outcome

Customers handle their own policies. Staff focus on what matters.

The Self-Service Portal became the first customer-facing digital platform in Wataniya Insurance's history. Customers can now log in and modify their policies independently — at any time, from any device — without needing to contact the company at all for routine changes.

0Staff needed for routine policy changes
24/7Customer access, no business hours dependency
2Live apps shipped: iOS + Android

The customer care team now operates in an oversight and excellence role — monitoring activity, resolving edge cases, and focusing on the complex customer situations that genuinely need a human. The operations team shifted from manual data entry to quality control. Both departments gained time back for work of higher value.

What changed

"The portal didn't just digitise a process — it redistributed how two departments spend their working day. The call centre isn't a bottleneck anymore. Operations isn't a data entry team anymore. That's the outcome I'm proudest of."

Check it live

05
Reflection

What I learned

Key learning

This was my first project in the insurance industry, and the biggest lesson was understanding how regulatory and compliance requirements shape UX constraints in ways that aren't immediately obvious. Decisions that seemed like unnecessary friction in early design reviews — confirmation screens, re-authentication steps, explicit disclosure text — were driven by insurance regulation and eBao platform requirements rather than design preference.

Learning to design within those constraints rather than against them, and to communicate their rationale to stakeholders clearly, made both the product and the review process considerably smoother in later sprints.

Next case study

Arab National Bank — ANB Mobile App

A year of development, a finished app and a UX so confusing the bank considered scrapping it. Redesigned, shipped into a pandemic, and awarded five times.

View project

Have a product that should feel effortless?

I'd love to hear about it — banking app, insurance portal or enterprise platform. Let's make it clear, fast and human.