Concept case · Health and insurance brokers
Amparo
A broker website built to turn visits into quotes: the client shares their profile in four steps and the message arrives ready on WhatsApp.
Amparo Saúde & Seguros is a fictional broker. The site is real, it was built by pjerseN, and it is live for you to try.
Measured on the live site
Numbers, not adjectives.
- initial load on a phone
- < 250 KB
- 198 KB to 242 KB, depending on screen density.
- until the main content shows
- ~0.9 s
- Median without network throttling; 0.8 to 2.1 s across the five measurements.
- layout shift (CLS)
- 0
- Median of the measurements; the highest value measured was 0.01.
- Lighthouse accessibility
- 100
- Keyboard, AA contrast and respect for “reduce motion”.
Home page on a phone profile (390 × 844, density 3), empty cache, no network throttling, median of five Lighthouse measurements, on 2026-09-30.
The challenge
Clients arrive asking “how much?”.
Health plans have no shelf price: the cost depends on each person’s age, the city, the type of plan and choices such as co-payment and room type. So the conversation usually starts with the broker asking everything, one message at a time.
Meanwhile, the client compares with whoever answered first. A broker website needs to explain without fine print, build trust and hand the consultant an organised profile from the start.
The solution
A site that ends in a quote.
A four-step quote
Who it is for, ages by the ANS age brackets (or the company’s headcount), city and contact. The message lands ready in the broker’s WhatsApp.
One tap to a quote
On phones, “Cotar agora pelo WhatsApp” stays fixed at the bottom of the screen; on computers, a floating button. Always in sight.
People and companies
Individual, family, association, sole trader, SME and corporate, in tabs. Each card shows what the broker reviews, without promising a price.
Health and insurance together
Life, business, car and home insurance have their own section and their own path in the form.
Trust without fine print
An “on your own × with a consultant” comparison and FAQs with the ANS rules in plain language.
Fast and accessible
Static pages, a link preview ready for WhatsApp, keyboard navigation, AA contrast and respect for “reduce motion”.
Visual direction
A green that reassures.
From lime to emerald, geometric Sora headings and a glass header. Health without the hospital look: bright, close and trustworthy.
- Background#F4F9F1
- Lime#6CC035
- Emerald#00A443
- Deep green#032B1D
The main photo is a stock image (Unsplash), and the space for the institutional video is reserved. For a real broker, its own team and service go in.
Technology
Under the hood.
Pages are ready before the visit and ship almost no JavaScript: only the form, the menu and the animations. The broker’s details live in a single file, easy to swap.
- Astro 5
- TypeScript
- Tailwind CSS v4
- Static pages
- Vercel
Your brokerage deserves ready-made quotes.
Tell me how clients reach you today. The conversation starts on WhatsApp.