From Mockup to Data: Keeping the Logic Aligned Between UI and ERD

A talk about keeping screen design and data in sync, so development doesn’t turn into endless rework.

We’ll walk through a simple 5-step approach:

1. build an end-to-end user scenario (use case);

2. create a wireflow and annotate the design mockups;

3. assign ownership of validations (Frontend/Backend);

4. describe the ERD and mirror it in the API;

5. check readiness with a short checklist.

Outcome: fewer reworks in the delivery phase, faster negotiation, and a clear view of change impact.