Skip to case study
All portfolio workApp concept · Residential rentalsOpen experience
Independent concept projectResidential rentalsReference measured · review required

Abode Loop

A map-led rental simulation connecting preferences, listings, filters, tours, neighbourhoods, comparison, applications, documents, and messages.

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

A product direction built around a complete journey.

A map-led rental simulation connecting preferences, listings, filters, tours, neighbourhoods, comparison, applications, documents, and messages. 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

    Renter-first search, tours, and applications

    The route architecture is organised around renter-first search, tours, and applications, with each named screen assigned a specific interaction role.

  2. 02

    Project-specific visual direction

    Stone and emerald architectural maps with blueprint lines, map-list morphing, renter-first details, and calm application progress.

  3. 03

    Original asset plan

    Licensed architecture photography, fictional listings and applicants, original maps and plans, and local-only document placeholders.

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.

AllTrails reference study

Reference record

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

System
A27 · ios
Studied
2026-08-13
Entry family
alltrails-renter-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: Licensed architecture photography, fictional listings and applicants, original maps and plans, and local-only document placeholders. Reference imagery is research-only. Public experiences ship original or licensed assets with source records.

  • AllTrails primary screen

    search and filter chrome above large image-map cards with floating mode toggle

    • A roughly 50 px search field precedes a horizontal filter rail
    • Large near-square photo or map cards use about 12 px radii
  • AllTrails alternate state

    map/list selection stays synchronized; filters and saved items preserve the result viewport

    • A bright green Map control floats between content and navigation
    • Five destinations occupy a roughly 58 px bottom bar

Explore Abode Loop from its first screen.

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

Launch Abode Loop