A practical design roadmap covering research, information architecture, interaction design, visual design, accessibility, and portfolio case studies.
Understand users, problems, constraints, journeys, usability, and how design decisions affect outcomes.
Plan interviews, surveys, competitive analysis, personas, and journey maps without inventing user needs.
Structure navigation, labels, content hierarchy, user flows, and task paths.
Learn layout, spacing, typography, color, component states, responsive design, and design critique.
Use readable type scales, grids, alignment, rhythm, contrast, and content-first layouts.
Design for keyboard use, labels, contrast, readable content, focus states, and inclusive patterns.
Review a real app flow, identify usability issues, propose design changes, and validate with lightweight tests.
Use Figma professionally with components, variants, auto layout, prototypes, libraries, and handoff.
Create reusable, documented UI components with states, variants, and component properties.
Build tokens, components, usage rules, documentation, and governance for product teams.
Validate designs, measure usability, and present strong case studies with problem, process, tradeoffs, and results.
Create tasks, observe behavior, synthesize findings, and improve designs based on evidence.
Present design rationale, respond to critique, prepare specs, annotate states, and support implementation.
Redesign a real flow, document research, prototype, test, iterate, and publish a concise portfolio story.