Unit 11: Intro to Photoshop
Unit 12: Design Accessibility
Unit 13: Product Design Thinking
Unit 14: User Experience Design
Unit 16: Introduction to Design Portfolios
Unit 17: Portfolio Development
Unit 18: Personal Branding
Unit 19: Case Studies
Unit 20: Portfolio Website Design
Unit 21: Career Coaching
2 of 2

Project, Step 11: Hi-Fidelity User Interface Design


The time has finally come to introduce User Interface Design. Spend some time finding visual reference and creating some UI moodboards before you begin. Reference your user research and personas to inform your stylistic approach. Refer back to the UI Unit if you need a refresher!

Based on your re-iterated design, apply visual design principles and turn your wireframes into high-fidelity mockups.


High-fidelity design should be pixel-perfect and ready to be handed off to development.


  1. A Figma file with your 4-6 screen high-fidelity flow
Assignment Submission
Scroll to Top