Skip to case study
All portfolio workWebsite concept · Small-business insuranceOpen experience
Independent concept projectSmall-business insuranceReference measured · review required

Harbor Mutual

A clear insurance journey connecting coverage, industries, comparison, transparent quotes, claims guidance, risk education, and purchase.

Launch interactive experience Browse all 20 pages
Project type
Independent concept
Format
Responsive website
Experience scope
20 connected pages
Industry
Small-business insurance
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

A clear insurance journey connecting coverage, industries, comparison, transparent quotes, claims guidance, risk education, and purchase. The case study exposes the project’s structure and delivery boundaries so visitors can assess the visual system, route coverage, and intended interactions without mistaking a concept for commissioned client work.

  1. 01

    Coverage education, quoting, claims, and policy purchase

    The route architecture is organised around coverage education, quoting, claims, and policy purchase, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Navy and sea-glass clarity with friendly technical drawings, nautical policy motifs, transparent tables, and calm form progress.

  3. 03

    Original asset plan

    Original CSS insurance illustrations, fictional policies and quotes, licensed small-business photography, and transparent comparison data.

02 · Experience architecture

Navigate the complete site map.

Every named page opens directly, making the concept’s scope inspectable and shareable without loading every experience route on this page.

20Connected pages

Routes describe the frontend experience. A visible route does not by itself claim a live backend integration or native store release.

03 · Evidence and boundaries

Original presentation, documented provenance.

Reference research and implementation status are stated separately. Third-party screenshots, logos, and branded assets are not used in this presentation.

Duolingo reference study

Reference record

The Duolingo links below document private clean-room measurement. They do not imply affiliation, endorsement, human approval, or permission to republish source screens.

System
W30 · web
Studied
2026-08-13
Entry family
night-world-stage
Status
reference-measured · human review required

Automated targets: structural changed pixels ≤ 2.0%, full changed pixels ≤ 8.0%, MAE ≤ 0.015, RMSE ≤ 0.035. These are measurement targets, not pixel-perfect certification.

Asset record: Original CSS insurance illustrations, fictional policies and quotes, licensed small-business photography, and transparent comparison data. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Duolingo web section 1

    Night-world language hero

    • dark blue star field with a large globe on the left
    • compact centered promise and two stacked actions
    • language rail anchors the bottom of the viewport
  • Duolingo web section 2

    Speaking-classes browser

    • blue split hero with copy and character globe
    • seven compact language cards in a white browser
    • bright activity cards continue below the first rail

Explore Harbor Mutual from its first page.

Open the browser experience, then use its connected navigation to inspect the complete concept route by route.

Launch Harbor Mutual