Project 06 · Insurance
Insurance is bought by everyone, so it has to be usable by everyone.
Royal Sundaram serves over two crore customers. I worked on the product landing pages, then ran an accessibility audit against GIGW 3.0 and WCAG 2.1, and designed the controls that let people adapt the site to themselves. The navigation was regrouped along the way, because an audit that finds nothing wrong with a menu nobody can parse isn't much of an audit.
A policy page has to answer everything before it asks for anything.
What I worked on
Foundations
A system that stays legible under adjustment
Outfit across five weights, blue and orange as primaries with teal secondary and a near black neutral. The palette had to survive a high-contrast mode and a dark mode without being redrawn, which ruled out the low-contrast greys most insurance sites lean on.
Flat illustrations carry the explanatory load on long policy pages, and the icon set is half-filled rather than outline-only, so shapes stay readable at small sizes and at increased text scale.
Landing pages
One scroll, every objection
Quote first, then the reasons to trust the quote.
The car insurance page opens on a registration-number field, because someone who already decided doesn't want to read. Everything below it is for the people who haven't: key features, policy benefits, cover types, a third-party price list, a premium calculator, what's included and excluded, and how to file a claim.
Comparison tables sit high, since the honest answer to "why you" is usually a table. Testimonials, the garage network map and a long FAQ close it out, so the page can be entered from a search result at any depth and still make sense.
Accessibility audit
Eight checks, honestly scored
The useful part of an audit is the part that fails.
I audited the live site against GIGW 3.0 and WCAG 2.1 and reported each criterion as either already implemented or not, without softening the second list. Responsive behaviour, content structure, alt text and form labels passed. Keyboard navigation, screen reader compatibility, adjustable contrast and text resizing did not.
Scoring it that plainly is what made the next phase easy to approve. Four clear gaps with named standards behind them is a brief. "The site could be more accessible" is not.
What the audit produced
Let people adjust the site to themselves
Four gaps, one panel.
Rather than shipping four disconnected fixes, the findings resolve into a single accessibility menu reachable from the header on every page. Content adjustments cover font size, colour adjustments cover high contrast and dark contrast, and tools cover highlight links and screen reader support. A reset returns everything to default in one action.
Putting it behind a persistent icon rather than a settings page matters: someone who needs larger text needs it on the page they're already reading, not after a detour they may not be able to complete.
Navigation
Grouped by what you own, not by what they sell
The old menu listed every policy in one run. The regrouped version splits products by the thing being insured, Four Wheeler, Two Wheeler, Health, Travel, Home, Other, and only then reveals the individual policies. A customer thinks "I have a car", not "I need Own Damage Cover".
Renewals and Claims come out as their own top-level items, because an existing customer arriving to renew shouldn't have to walk through a sales menu to get there. On mobile the same structure collapses into nested accordions with the current branch held open.
