Mashreq Bank
Motor insurance, bought inside online banking in minutes, on desktop and mobile.
- Client
- Mashreq Bank
- Sector
- Banking · Fintech
- Market
- UAE
- Platform
- Web · Mobile web
- Role
- UX, UI, design system
What was in the way.
Buying car insurance meant a branch visit or a call centre, paper documents and days of waiting. Mashreq wanted customers to insure a car from inside online banking, without leaving the bank.
The journey had to explain two very different products clearly, collect documents, take payment and hand the policy to an insurance partner, all within regulated banking standards.
How we solved it.
We split a long, regulated process into seven clear steps with a persistent progress rail, so customers always know where they are and what is left.
Plans are compared side by side on desktop and as swipeable cards on mobile, with add-ons priced live and VAT shown before payment. Error, retrieval and renewal paths were designed for every step.
steps from details to confirmation
experiences, desktop and mobile web
journeys, including retrieve, renew and error handling
- 01
Details
Customer, vehicle and insurance details, pre-filled where the bank already knows them.
- 02
Quotation
Third Party and Comprehensive compared side by side.
- 03
Payment
Pay from a Mashreq account in one step.
- 04
Confirmation
Policy number on screen and documents by email.
Our role
- UX flows for the full purchase, retrieval and renewal journeys
- UI design for desktop and mobile web
- Components aligned with the bank’s design language
- Prototyping and developer handoff
About this case study
- Designed before Qartas launched as a studio.
- Screens are shown as delivered, with presentation-only framing.
- Shown with the client’s permission.
Planning a digital product? Let’s discuss the brief.
Discuss your project