The map: find a station, then use a service
I separated station status, zones and service access, and designed search, connection parameters and data requests with explicit error and retry paths.
Try the exampleDemonstration reconstruction. Original designs and data are under NDA. These interactive examples were made for the portfolio: layouts, names, values and diagrams have been changed. They explain the decisions without reproducing the product.
Station selected. Can you request data?
Check the service, submit a sample request and handle a missing confirmation.
Demonstration reconstruction · fictional data and a new layout. All actions are local.
Point: station; circle: approximate zone.
Sector A
- Station
- Online · demo state
- Data service
- Service status unknown
An online station is only part of the answer
A map brings together a geographic zone, station status and service access. A single green marker would conflate these answers. I separated them: station and service have independent states. Missing data is shown as unknown.
Clarify the next action
After finding a station, the client needs connection parameters or a data request. The initial request form was missing information. I clarified its fields with the product owner and updated the responsive layouts. Allowed values and submission rules remained implementation questions.
Retry only the failed step
A failure to retrieve parameters should preserve the selected station. I also described an uncertain submission outcome: the request may have arrived while its confirmation was lost. Check the result first; resubmission needs an agreed backend contract.
Outcome
The team uses the layouts and handoff documents. They distinguish states and identify implementation questions. Real data behavior and duplicate-request protection still need validation in the working service.
Other stories
Design Hub: from a scenario to a development task
I built a local tool linking user stories, design work and team questions. Changes made after a manual Jira transfer are flagged separately.
Local components and layout checks
I used AI to assemble components and find discrepancies. I made structure and correction decisions in the context of the product.
A map prototype: search and panel in action
I build demonstrations from layouts so the team can walk through a complete flow, from opening the map to selecting a station.
Explain the network through a slide sequence
For an exhibition presentation, I structured a story about the network and an additional V-RS layer, paying particular attention to what the map claims.