Skip to case study
All portfolio workApp concept · Smart homeOpen experience
Independent concept projectSmart homeReference measured · review required

NestGrid

An ambient control simulation connecting rooms, devices, energy, automations, scenes, climate, security, household access, and health.

Launch interactive experience Browse all 20 screens
Project type
Independent concept
Format
Browser-based app
Experience scope
20 connected screens
Industry
Smart home
Fidelity status
Reference measured · review required
01 · Design rationale

A product direction built around a complete journey.

An ambient control simulation connecting rooms, devices, energy, automations, scenes, climate, security, household access, and health. 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

    Household device and energy management

    The route architecture is organised around household device and energy management, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Midnight energy grid with ice blue and warm amber, spatial room cards, state-aware tiles, and responsive flow visualisation.

  3. 03

    Original asset plan

    Original device illustrations, fictional home telemetry, CSS energy flows, and deterministic security events.

02 · Experience architecture

Navigate the complete app map.

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

20Connected screens

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.

Apple Music reference study

Reference record

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

System
A17 · ios
Studied
2026-08-13
Entry family
apple-music-home-setup
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 device illustrations, fictional home telemetry, CSS energy flows, and deterministic security events. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • Apple Music primary screen

    large editorial title, two-up artwork features, and media-driven horizontal shelves

    • Feature covers appear two-up at roughly 180 by 245 px
    • The hierarchy reads near 32/22/15/12 px
  • Apple Music alternate state

    artwork shelves snap and selection hands off to persistent playback and queue detail

    • Artwork determines local surface color while actions use red
    • A 50 px glass mini-player stacks over a roughly 62 px pill navigation

Explore NestGrid from its first screen.

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

Launch NestGrid