Accessibility (a11y)
Design for all users, including those with disabilities. Tests WCAG auditing, keyboard navigation, and inclusive design strategy.
Design Handoff & Developer Specs
Bridge the gap between design and development by writing precise design specifications. Tests design system mapping, redlining, and CSS layout coordination.
Design Systems
Build reusable component libraries and design tokens. Tests component specification, token architecture, and library auditing.
E-commerce UX & Checkout Optimisation
Design friction-free e-commerce flows that drive purchases. Tests cart flows, form validation, trust signals, and guest checkout design.
Information Architecture
Organise and structure content so users can find what they need. Tests card sorting, sitemap design, navigation, and taxonomy.
Interaction Design & Micro-interactions
Design how interfaces respond to user input. Tests form validation, notification systems, and gesture-based interactions.
Mobile UX & Mobile-First Design
Design responsive, mobile-first mobile app experiences that respect platform guidelines. Tests iOS/Android patterns, touch target sizing, and mobile gesture design.
UI Design & Visual Design
Make interfaces beautiful, consistent, and functional. Tests visual hierarchy, layout, colour theory, and responsive design.
Usability Testing
Plan, run, and analyse usability tests. Tests test plan writing, result synthesis, and remote testing strategy.
User Research & Interviews
Understand users through qualitative and quantitative methods. Tests interview script writing, affinity mapping, and research programme design.
Why Build a Design & UX Portfolio?
In product design, your portfolio is your primary resume. Design managers evaluate user research rationale, component consistency, interactive wireframes, and micro-interactions over superficial aesthetic renders.
What Hiring Managers Look For
Documenting user friction and business context before jumping into visual Figma design.
Using auto-layout, design tokens, responsive breakpoints, and reusable component variants.
Ensuring color contrast passes WCAG standards and interactive elements have clear focus states.
Key Skills Tested
- Figma Wireframing & Interactive Prototyping
- User Research & Usability Testing Synthesis
- Design System Component Architecture
- WCAG Accessibility & Color Contrast Auditing
- Mobile-First & Responsive Layout Design
Frequently Asked Questions (Design & UX)
What makes a strong UX design case study?
A clear structure: Problem statement, user research insights, wireframe iterations, final interactive prototype, and usability test results.
Is Figma required for these UI/UX design tasks?
Figma is the industry standard tool used for these briefs, though Adobe XD or Penpot solutions are also acceptable.
Should design case studies include wireframe iterations?
Yes. Showing early sketches and iteration decisions proves your design process and problem-solving mindset.
How do I link Figma prototypes in my portfolio submission?
Include view-only Figma links alongside a clean summary markdown document in your submission.
Want to prepare for job applications in Design & UX?
Follow our step-by-step career roadmap for skills, salary benchmarks, and interview preparation.