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.
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.
One setting, two instances
Add a section, then check the panel background in dark mode.
Demonstration reconstruction · fictional data and a new layout. All actions are local.
Wide screen
Selected service parameters
Narrow screen
Selected service parameters
Changes to the section list apply to both instances.
Configure navigation on top of the shared library
A separate team maintains the universal header. For Arteria, I chose a local wrapper: sections and the active state are configured once and propagate to instances. I delegated assembly to an agent and reviewed the result in the designs.
Check formats and themes together
The interface has several sizes, two themes and signed-in states. I specified checks for structure, naming and matching copy, then reviewed the discrepancies before making changes.
Fix the cause of a mismatch
Dark-theme checks revealed fixed light backgrounds in service blocks. Text changed with the theme; the surface did not. I linked local backgrounds to semantic tokens and checked both modes without changing the corporate library.
Outcome
Local component settings propagate across designs, while the initial check produces discrepancies for review. Overall time savings were not measured. The example illustrates the two principles using a fictional interface.
Other stories
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.
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.
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.