Enrol to start learning
Reading is open to everyone. Enrolling is free, and it is what unlocks the audio lessons, practice tests and progress tracking.
10. Section F: Putting It All Together—Capstone Prototype Project
Overview
Short Summary
Bring all your UI/UX skills together by creating a complete interactive prototype that addresses a real user need. From research and wireframing to iteration and usability testing, this project simulates a real design process.
Medium Summary
The capstone prototype project is the culmination of your UI/UX journey. In this section, you will walk through all phases of design: defining a problem, empathizing with users, ideating solutions, prototyping, testing, and refining. You'll create a medium-fidelity or high-fidelity prototype using Figma, incorporate real feedback, and present your final work. This project not only reinforces everything you've learned but also prepares you for real-world product design tasks and portfolio development.
Key Concepts
Core takeaways and short definitions to help you quickly recall the key ideas from this section.
| Concept | Description |
| :--- | :--- |
| Capstone Prototype | A final interactive mockup project combining all UI/UX skills. |
| Persona Development | Creating a fictional user profile to focus the design process. |
| Visual Hierarchy | Structuring visual elements so the most important ones stand out. |
| Iteration | Making multiple improvements based on real user feedback. |
| Interactive Prototyping | Designing clickable flows that simulate a real app experience. |
Examples
Step-by-step examples to apply the section's ideas and test your understanding.
Problem: Students struggle to order from multiple local restaurants quickly.
Solution: An app that prioritizes search, filter, and quick checkout flow. User testing showed confusion around payment flow—redesigned layout improved clarity (Iteration).
Flash Cards
Glossary
Capstone Project
A final, comprehensive project integrating all course learnings into one major deliverable.
HighFidelity Prototype
A nearly-complete simulation of the final product, with realistic visuals and interactions.
User Persona
A fictional character created from research to represent the goals and needs of a target user group.
Wireframe
A basic, structural layout that shows essential screen elements and content but lacks detailed design.
Usability Testing
The methodology for identifying problems in a design by observing users interact with a prototype.
Iteration
The process of refining and improving a design repeatedly based on testing and feedback.