Skip to case study
All portfolio workApp concept · Climate habitsOpen experience
Independent concept projectClimate habitsReference measured · review required

Lighter Foot

A low-ink climate ledger covering baseline, activity categories, insights, recommendations, goals, challenges, projects, reports, and connections.

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

A product direction built around a complete journey.

A low-ink climate ledger covering baseline, activity categories, insights, recommendations, goals, challenges, projects, reports, and connections. 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

    Personal footprint logging and reduction planning

    The route architecture is organised around personal footprint logging and reduction planning, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Moss, sky, and recycled-paper calm with hand-drawn charts, category-led full-bleed context, and gentle progress morphs.

  3. 03

    Original asset plan

    Original hand-drawn climate graphics, fictional footprint data, transparent mock factors, and licensed nature textures.

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.

YNAB reference study

Reference record

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

System
A24 · ios
Studied
2026-08-13
Entry family
ynab-baseline-entry
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 hand-drawn climate graphics, fictional footprint data, transparent mock factors, and licensed nature textures. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • YNAB primary screen

    segmented summary, assigned-status bar, and dense grouped rows with inline progress

    • Dense budget category rows span the viewport with fine separators
    • A full-width assigned-status bar sits beneath a segmented control
  • YNAB alternate state

    groups collapse, category values recalculate, and funded states update with redundant text labels

    • Progress bars and amount pills use green, yellow, and neutral states
    • Five labelled utilities occupy a roughly 58 px bottom bar

Explore Lighter Foot from its first screen.

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

Launch Lighter Foot