01 / THE PROBLEM
Journey detail tends to drift.
When dates, locations, progress notes and presentation variants are maintained in separate places, a small edit can leave a journey story inconsistent or inaccessible.
02 / BOUNDED CONTRIBUTION
Model the information first.
This clean-room case study demonstrates requirements framing, a single fictional source of truth, responsive presentation and validation-minded delivery. It does not represent a booking service, a live itinerary or a real person's travel.
03 / HOW IT WORKS
One small dataset, several accountable views.
In a production-ready implementation, one sanitised record would feed the cards, route list, poster and status indicators. This local static version intentionally makes the same fictional relationships visible in HTML so it remains readable with JavaScript disabled.
INPUT
Structured recordFive fictional stages, display labels, notes and fixed illustrative values.CHECK
ReconcileEvery stage has one route point, one card and one visible status.RENDER
PresentItinerary, accessible text route and poster use the same ordered story.FALLBACK
Explain safelyStatic labels retain uncertainty and no-live-data limits when offline.
04 / FICTIONAL DEMONSTRATION
Wayfinder Five
A newly invented, planar five-stage journey. Place names are abstract labels—not destinations, coordinates or recommendations.
05story stages
01ordered route
0network requests
- DAY 01CONFIRMED DEMO
North Window
Orientation note and first route marker.
- DAY 02CHECK BEFORE USE
Amber Fold
Illustrative transition with a labelled uncertainty.
- DAY 03CONFIRMED DEMO
Glass Orchard
Mid-route pause used to test card consistency.
- DAY 04OFFLINE EXAMPLE
Quiet Span
Accessible text route remains available without a map.
- DAY 05CONFIRMED DEMO
South Beacon
Closing marker for the poster and route sequence.
STATUS / CURRENCY DEMONSTRATION
Fixed values, clear limits.
Currency values below are deterministic interface examples, not current rates, advice or a conversion service. A real design would display provenance and refresh state beside every live value.
| DISPLAY | FIXED DEMO VALUE | STATE |
|---|---|---|
| 1 Waypoint | 12.00 Lanterns | bundled fixture |
| 1 Waypoint | 4.00 Marks | bundled fixture |
| 1 Waypoint | 8.00 Quills | bundled fixture |
Offline demonstration: values stay visible because this page ships with its fixed example data. Nothing is fetched, stored or sent away.
POSTER CONCEPT / PRINT-SAFE VIEW
DEMONSTRATION DATAWAYFINDER FIVEAn entirely fictional route in five signals.
A lightweight poster treatment proves the content can adapt to a different format. It is CSS and type, not copied artwork.
05 / LEARNING AND TRANSFER
The valuable work is the disciplined connection.
The demonstration focuses on a transferable practice: keep facts structured, render them consistently, expose uncertainty, and design a readable fallback before adding interface polish.
Qualitative learning
A route display is more trustworthy when the visitor can trace each visual point back to a labelled stage, see whether a note is illustrative or uncertain, and still understand the story without animation or a map.
Transferable capabilities
- Requirements discovery
- Data modelling
- Accessible interface design
- Validation thinking
- Responsive delivery
- Graceful degradation
06 / BOUNDARIES
A pattern demonstration, not a travel product.
This is a clean-room recreation of general engineering patterns. The names, stages, route, statuses, poster and values were written fresh for this portfolio.
No real journeyNo people, dates, bookings, routes, places, sources or images from a personal trip are included.
No live adviceThe static labels and fixed values are not current information and must not guide a real decision.
No hidden serviceNo backend, map, analytics, storage, account or external request sits behind this page.
Back to selected workHow I workLocal AI labProfessional profile