Skip to case study
All portfolio workWebsite concept · Residential clean energyOpen experience
Independent concept projectResidential clean energyReference measured · review required

HelioKind

An optimistic technical journey from energy education and product comparison to savings modelling and a qualified quote.

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

A product direction built around a complete journey.

An optimistic technical journey from energy education and product comparison to savings modelling and a qualified quote. 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

    Solar, battery, EV, and electrification sales

    The route architecture is organised around solar, battery, ev, and electrification sales, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Solar-yellow optimism with sky blue, axonometric homes, visible energy paths, and interactive before-and-after diagrams.

  3. 03

    Original asset plan

    Original axonometric home SVGs, fictional product renders, generated energy data, and licensed home photography.

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.

Dropbox reference study

Reference record

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

System
W07 · web
Studied
2026-08-13
Entry family
hard-color-block-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 axonometric home SVGs, fictional product renders, generated energy data, and licensed home photography. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Dropbox web section 1

    Hard color-block narrative

    • square color fields meet without gutters
    • large type sits flush to block edges
    • media uses square demo frames
  • Dropbox web section 2

    Square product demonstrations

    • demonstrations stay inside rigid square frames
    • black annotation bars
    • sharp transitions between field colors

Explore HelioKind from its first page.

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

Launch HelioKind