Services
What went into it.
- Insurance website UX
- Service-page structure
- Lead-generation flow
- Responsive design
Selected work
Carrera Insurance - Clearer policy confidence for modern insurance shoppers.
- Insurance
- Professional services
- Worked with
- Carrera Insurance
- Started
- July 21, 2019
A clean insurance website direction built around trust, service clarity, and a simpler path from policy questions to quote requests.
Project story
The details behind the work.
Positioning, issues solved, scope, outcome, and the decisions behind the project.
Positioning
Insurance visitors need reassurance quickly: what coverage is supported, who can help, and how to start the conversation.
LER Web Services organized the experience around policy categories, trust-building content, and direct quote-request moments.
Issues we solved
- Coverage information needed a simpler hierarchy for first-time visitors.
- The site had to feel credible without relying on generic insurance language.
- Mobile users needed a fast way to understand services and request help.
- The website needed a structure that could grow with more policy content over time.
Scope
Carrera Insurance needed to help visitors understand coverage support without making the experience feel dense or sales-heavy.
- Website design direction
- Insurance service architecture
- Lead-flow planning
- Responsive mockups
Outcome
Carrera Insurance now has a sharper presentation for coverage guidance and inquiry generation.
Carrera Insurance is presented with stronger hierarchy, clearer trust cues, and a more direct path for visitors to understand the next step.
Project takeaway
Carrera Insurance now presents the business with clearer positioning, cleaner responsive screens, stronger content structure, and a calmer path from interest to action. The work brought Insurance website UX, Service-page structure, and Lead-generation flow into one consistent public-facing experience.
Visual system
Palette and type cues.
A concise record of the visual direction behind the project.
Color palette
#2A0D12#A71930#C83743#7B5E5C#F7EDEF
Typography
Editorial sans + practical hierarchyThe visual direction keeps the project clear, polished, and usable across desktop and mobile screens.
The copy direction stays direct: explain the value, reduce uncertainty, and make the next step easier to take.
Process
How the project moved.
A standard LER project path, adapted to the scope and available client material.
Step 01Discover
Discovery and content review
We clarified the audience, offer, and practical questions the website needed to answer.
AudienceOfferPriorities
Step 02Structure
Page structure
We organized the page flow around service clarity, proof, and the next action a qualified visitor should take.
HierarchyMessagingCTAs
Step 03Design
Responsive design direction
We shaped the visual system and core screens so the experience could stay polished across devices.
UI directionResponsiveVisual polish
Step 04Review
QA and refinement
We reviewed the experience for visual consistency, responsive behavior, and clear paths to contact or purchase.
QARefinementLaunch prep
Project visuals
Screens and brand moments.
Selected screens, mockups, and brand moments from the project archive, normalized to the current WebP project library.
Need work with this level of polish?
Tell me what your current website is not communicating well enough.