Brand / Website Case Study

First Cover — a unified brand and website for a fintech insurance platform

First Cover is a fintech insurance platform. I led the redesign of their marketing website to fix unclear navigation and fragmented branding — delivering a responsive site with a unified visual identity.

Role
UX/UI Designer
Duration
3 Months
Tools
Figma, Illustrator, Anima
Deliverable
Responsive Website
First Cover website homepage showing the hero section and proof-in-numbers stats

Confusing navigation, fragmented brand

Problem

The original site suffered from a confusing navigation structure and inconsistent visuals — typography, color, and logo usage varied across pages, weakening both usability and brand recognition.

Goal

Rebuild the site experience around clear navigation and a cohesive brand system, so users could find what they need quickly and the brand would read as one consistent voice across every touchpoint.

Grounding the redesign in real pain points

I conducted stakeholder interviews and user research to ground the redesign in real pain points, supported by a competitive analysis of 5 competitor sites.

  • Users struggled to find key product and service information, confirming navigation as the top priority.
  • Stakeholders flagged inconsistent branding as a barrier to building trust in a financial product.
  • Competitive analysis showed competitors presenting their services with clearer structure and stronger visual consistency — a gap First Cover could close.

Structure first, then a visual system to match

I restructured the information architecture first, then built responsive wireframes and high-fidelity prototypes in Figma to validate the new navigation before visual design began. In parallel, I developed unified brand guidelines — typography, color palette, and logo assets.

Visual Exploration

Early homepage direction explorations across color and layout before landing on the final purple identity.

Navigation Redesign

The Industries mega-menu, restructured into clear Technology, Traditional, Emerging and Life Science groupings.

Brand Guidelines

Unified logo, business card and LinkedIn banner — one consistent voice across every touchpoint.

A signature moment, without distracting from the content

The client requested a signature interaction for the homepage. I designed a line-shape illustration that draws itself in as the user scrolls the Solutions section — adding motion and personality without distracting from the content.

The line illustration before and after it draws in on scroll.

Hero Text Reveal

The hero subtitle reveals progressively as the page loads and scrolls.

One icon system, aligned with the new brand

The existing icon set was inconsistent in style and weight. I restructured and simplified the icons into a single system aligned with the new brand principles.

Production-ready, and built to stay on-system

Designs were converted to production-ready HTML via Anima, giving developers a working reference and cutting implementation time. Brand guidelines were delivered as a shared resource so future pages stay on-system.

Clearer navigation, measurable engagement

+20%
User engagement improved after the new site launched.
1
Consistent brand voice across every touchpoint, replacing fragmented visuals.

The client praised the clarity of the new navigation and the consistency of the visual identity.

What I learned

Redesigning for a fintech brand taught me that trust is a design outcome — consistency in type, color, and navigation isn't polish, it's what makes users believe the product is reliable.

Given another iteration, I would validate the new navigation with task-based usability testing before launch rather than relying on post-launch metrics alone.

If you want to talk more about the project, I'd like to hear from you :)

Have a project in mind, or want to see more of the process behind First Cover? Get in touch.

More Case Studies
Floracracy → Bon Voyage → Voluntopia →