UI and screen design

8 drawings in UI and screen design, each generated from a single YAML file.

• Product page structure, desktop against mobile
• Screen flow with the wireframes drawn in
• The same admin screen at desktop, tablet and mobile, where the sidebar turns into a drawer rather than simply shrinking
• Checkout flow, five steps and where errors return to
• CRUD admin flow: delete goes through a confirmation
• A mobile app with five bottom navigation tabs, and what each tab holds and where it can go from there
• Landing page where sections appear and disappear
• Draw a component tree per screen and the same component keeps reappearing; the real structure is a net, where one component has several parents — and counting those parents is how you tell a shared component from a screen-specific one before you change it