BitWithBite
UI/UX Worksheet
🏆 Final Project: App Design
SCORE___ / 20
NameClassDate
After this worksheet you can
Define a problem and target userPlan 5+ wireframed screensApply a full design systemPlan an interactive prototype📚 Quick Recap
🎯 What you'll practice: Planning your complete portfolio capstone project.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1The project must start by defining:
2Minimum number of core screens required:
3The UI design phase should use:
4The interactive prototype must include:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5The 5 required phases are: research, wireframes, UI design, interactive prototype, and case study .
6This project is meant to be -ready for job applications.
7Write a 1–2 sentence problem/user statement for an app of your choice.
8List the 5 core screens you would design.
9Why is a design system required across all 5+ screens instead of styling each individually?
🚀 Section C · Challenge ● CHALLENGE 5
10Plan the interactive prototype flow: which screens connect to which, what triggers you'll use, and where your one required overlay/modal appears.
💭 Reflection — the most useful thing I learned:
A ___/4 B ___/11 C ___/5 Total ___/20
Teacher's Signature
Parent's Signature
✂ answer key — fold or cut before handing out
1-B 2-B 3-B 4-B | 5 = write-up 6 = portfolio 7 = Answers vary based on the app chosen 8 = Answers vary — e.g. onboarding, home, detail, profile, settings 9 = A shared design system keeps colors, type, and components consistent across every screen, which is far faster and more professional than styling each screen independently | 10 = Answers vary — e.g. onboarding → home (On Click, Slide), home → detail (On Click, Smart Animate), detail → delete-confirmation overlay (On Click, modal).