Case study · Yallacompare
Yallacompare Health & Travel Insurance
Two insurance quote journeys, rebuilt in React
Moved two live insurance quote journeys from page-reload forms to fast, step-by-step React apps.
At a glance
- Client
- Yallacompare
- Role
- Frontend Developer · UI design and development (health), development and integration (travel)
- Timeline
- Jun 2024 – Aug 2024
- Industry
- Insurance comparison · UAE
Results
- Both journeys went live on Yallacompare as React single-page applications.
Stack
- React
- JavaScript
- REST APIs
IllustrativeThe problem
Yallacompare’s health and travel insurance products were live and working, but their front ends ran on older .NET pages with jQuery and plain HTML.
Customers had to work through long forms, with a page reload at each step, before they could compare quotes.
What I built
- 01
React single-page journeys
Both quote journeys rebuilt as React apps, so moving between steps is instant instead of reloading the page.
- 02
Multi-step forms
Long forms split into short, focused steps that are easier to follow and finish.
- 03
Integration with the existing backend
The new front ends connect to Yallacompare’s existing APIs, which return and compare quotes from multiple insurers.
- 04
Health journey UI design
I designed the interface for the health insurance journey as well as building it.
Key decisions
Steps instead of one long form
Asking for less on each screen makes the journey feel shorter and clearer.
Rebuild the front end, keep the backend
The comparison logic and APIs stayed as they were. Only the customer experience changed, which kept the risk low for a live product.
Team & credits
- Backend Developer, health
- Designer, travel
- Backend Developer, travel
Built with Yallacompare’s design and backend team.
Building, hiring, or researching?
Tell me what you're working on. A 15-minute call is the fastest way to see whether I'm the right fit.