Explore
Eight coverage options presented as cards, with a products page for those who want the details.
WEBSITES / CORPORATE
MS Corretora.
Trust on the first screen, a quote on the next.
Corporate website for an insurance brokerage: it presents the coverage options and partner insurers and takes visitors from interest to a WhatsApp quote.
Visit the websitemscorretoraseguros.com.br ↗
01 — THE PROJECT
Credibility that turns into contact.
MS Corretora has worked for over 15 years with life, auto, home, motorcycle, travel and business insurance. The website had two jobs: convey the credibility of an established brokerage and turn interest into contact. The brand colors, navy and orange, guided the interface: a dark top, light cards for the coverage options and orange reserved for the calls to action.
From design to code: HTML, CSS and JavaScript, with scroll animations (GSAP and Lenis), a products page, an FAQ, social sharing metadata and custom error pages, deployed on Netlify.
02 — THE EXPERIENCE
From interest to a quote in three steps.
Trust
Partner insurers, the brokerage’s strengths and an FAQ answer the questions before the first contact.
Get a quote
The form builds the message and opens WhatsApp with the details filled in, with no sign-up and no waiting.
03 — STYLE GUIDE
The identity, in code.
Typography
Bricolage Grotesque
DM Sans
- Font
- Bricolage Grotesque
- Weight
- 700
- Size
- 40 px
- Line height
- 110%
Protect what matters most
- Font
- Bricolage Grotesque
- Weight
- 700
- Size
- 32 px
- Line height
- 115%
Protect what matters most
- Font
- Bricolage Grotesque
- Weight
- 700
- Size
- 24 px
- Line height
- 120%
Protect what matters most
- Font
- DM Sans
- Weight
- 400
- Size
- 16 px
- Line height
- 155%
Life, auto, home, motorcycle insurance and more. Online quotes in minutes.
Colors
Orange
Navy
Neutrals
Brand
Components
Request a quoteSee coverage
Request a quoteSee coverageLearn more →
Request a quote
LifeAutoHome
I accept contactI accept contact
LifeHome
Free quoteDoneWarningNew
Life insuranceFinancial protection for your family.
04 — FINAL DESIGN
Final design.
KEEP EXPLORING
Another website, another idea.
Propostaria