UI/UX Design: From Wireframe to High-Fidelity Prototype
Learn the complete UI/UX design process, from user research and wireframes to polished, interactive prototypes.
About This Course
Syllabus PDFThis course walks through the complete design process used by professional product teams: user research, information architecture, wireframing, visual design, and interactive prototyping. You'll learn not just how to use design tools, but how to make and justify design decisions.
You'll design a complete mobile app from scratch, starting with user interviews and personas, moving through low-fidelity wireframes and user flows, and finishing with a polished, interactive high-fidelity prototype in Figma that you could present directly to stakeholders or investors.
This course is designed for beginners with no prior design experience, as well as developers and marketers who want to build stronger design skills to collaborate more effectively with design teams.
By the end, you'll have a complete case study for your portfolio, hands-on fluency in Figma, and a clear framework for approaching any new design project with confidence.
Curriculum
6 modules · 15 lessons · 6 hours total
- Understanding Users Before DesigningPreview16 min
- Conducting User Interviews22 min
- Building Personas and User Journeys20 min
Your Instructor
Sofia Reyes
Product Design Director
Sofia has led design teams at two venture-backed startups and worked as a freelance consultant for e-commerce brands rebuilding their online storefronts. She's designed and shipped over 40 production interfaces, from onboarding flows to full design systems, and is a strong advocate for research-driven, accessible design. Sofia also builds Shopify and WordPress storefronts for clients as a side practice, giving her a practical, business-first design perspective.