Learn the building blocks of an interface and why consistency matters more than novelty.

You can design a simple screen that looks organised and behaves predictably.

• Work with layout grids, spacing scales, and alignment
• Choose type sizes and line heights that stay readable on screen
• Design basic components including buttons, inputs, and cards

Design complete flows with every state defined, because real interfaces are rarely in their perfect state.

You can hand over screens that cover the states developers would otherwise have to invent.

• Design hover, focus, active, disabled, loading, empty, and error states
• Build responsive layouts that work from small phones to wide screens
• Apply accessible colour contrast and touch target sizes

Refine visual craft so an interface feels considered at every level of detail.

You can design demanding interfaces that remain clear and pleasant to use.

• Use elevation, depth, and motion to express structure rather than decoration
• Handle data density, tables, and complex forms without overwhelming a user
• Design dark mode and theming that share one underlying system

Work as the design owner of a product surface, balancing craft, constraints, and delivery.

You can lead the interface design of a product and defend the decisions behind it.

• Define UI standards and review the work of other designers against them
• Work with engineering on feasibility, performance, and phased delivery
• Measure interface quality with usability metrics and support data