BitWithBite
UI/UX Worksheet
🎓 Project 2: Website Redesign
SCORE___ / 20
NameClassDate
After this worksheet you can
Pick a real redesign candidateDocument usability issuesPlan wireframe improvementsWrite a case study📚 Quick Recap
🎯 What you'll practice: Planning a real website redesign combining Lessons 14–18.
🧠 Section A · Concept Check ● BEGINNER 4 × 1 = 4
1The site you redesign should have:
2How many specific usability issues should you document minimum?
3Before visual design, you should show:
4The write-up should include:
🧮 Section B · Problem Solving ● INTERMEDIATE 2 + 3×3 = 11
5Research should ideally be backed by a quick usability test with 1– people.
6The final design should redesign at least 2– key screens.
7Pick a website you find frustrating. Name 2 specific issues.
8Why is this exact case study format expected in design portfolios?
9Why should you wireframe improvements before jumping to visual design?
🚀 Section C · Challenge ● CHALLENGE 5
10Choose a real site with a checkout or signup flow you find confusing. Write a 1-paragraph problem statement you'd use to open your case study.
💭 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 = 2 6 = 3 7 = Answers vary based on the site chosen 8 = Because it demonstrates the full design process (research, iteration, decision-making) that employers actually want to evaluate, not just visual output 9 = Because wireframes let you validate the structural fix cheaply before investing time in full visual polish | 10 = Answers vary — should identify a specific site, the exact step in the flow that confuses users, and why it matters (e.g. drop-off, frustration, lost conversions).