Graphic and UI/UX Design + Software Development
Redesign an app you use every day
Find real problems in an app through user tests, redesign one flow and prove your version is better.
- DifficultyIntermediate
- Estimated time1–2 weeks
- Budget₹0
- ClassClass 10 to college
- TeamSolo or up to 2
- You needComputer only
Prerequisites: None; a free Figma account
Original · by TechnifyedPortfolio ProjectProduct DesignFree to doComputer onlyPortfolio focusedWell documentedTwo subjects
Overview
A redesign is only convincing if it starts from evidence. Watch five people use the app, find where they struggle, redesign that one flow and test it again against the original.
Why build this?
It is the standard UX portfolio piece, and the before-and-after test turns opinion into proof.
What you will learn
- How to run a simple usability test
- How to state a design problem
- How to move from sketch to clickable prototype
- How to measure whether a design improved
Skills you will use
Safety and ethics
- This project involves people. Explain what you are doing and get their consent (a parent's or teacher's for children), let anyone stop at any time, collect only what you need, and remove names before you share results.
Materials and tools
- Computer
- Figma
- Five people who use the app
- The app itself
Tools and software
Step-by-step roadmap
Start
You will finish with: a case study with the problem, research, sketches, final screens and test results.
- 1
Prerequisites
Know this first: none; a free Figma account. Then collect the 4 items in the materials list.
- 2
Learn
- How to run a simple usability test
- How to state a design problem
- How to move from sketch to clickable prototype
- How to measure whether a design improved
- 3
Plan
Write the brief in three lines: subject, audience and the feeling you want. Collect references and make a shot list, storyboard or sketch set.
- 4
Build
- Choose one flow, such as booking a ticket or paying a bill.
- Watch five users do it while thinking aloud; record time and errors.
- List the problems and rank them by how many users hit them.
- Sketch three alternative layouts on paper.
- Build a clickable prototype of the best one.
- Test the prototype with five different users and compare time and errors.
- 5
Test
Your version should cut errors or time on the same task; if it does not, say so and explain.
- 6
Document
Keep the sketches, drafts and rejected versions; they show your process. Report structure
- 7
Present
Show the finished work first, then the process and the choices you made. Presentation structure · Viva questions
- 8
Publish
Put it online as a portfolio piece with a short write-up of the brief and process.
Expected outcome
A case study with the problem, research, sketches, final screens and test results.
Other versions of this project
Beginner version
Redesign a single screen and justify three changes.
Advanced version
Build a small design system (colours, type, components) and apply it to five screens.
Research version
Compare two alternative designs with an A/B test of ten users each.
Portfolio version
Publish the case study with the process, not just the final screens.
Make this project better
- BasicRedesign a single screen and justify three changes.
- This projectRedesign an app you use every day
- AdvancedBuild a small design system (colours, type, components) and apply it to five screens.
- ResearchCompare two alternative designs with an A/B test of ten users each.
- PortfolioPublish the case study with the process, not just the final screens.
Ways to do this project
Text marked "You write this" is a prompt for your own work; everything else is specific to this project.
- Research question
- You write thisOne question you can answer with data, narrow enough to finish in the time you have.
- Hypothesis
- You write thisWhat you expect to find, and why.
- Variables
- You write thisWhat you change or compare, what you measure, and what you hold constant.
- Methodology
- Compare two alternative designs with an A/B test of ten users each.
- Data collection
- You write thisSay what you will record, how many times, and how you will keep the records safe.
- Analysis
- You write thisChoose the table, chart or test that answers the question; report averages with their spread.
- Limitations
- You write thisList what could have affected the result: small sample, instrument limits, things you could not control.
Literature review
Find five to eight sources (your textbook, review articles, reports) and note what each says about your question. Group them by idea, not one after another, and end with what is still not known.
References
List every source you used in one style throughout (author, year, title, where it was published, link and the date you opened it).
Use this as the outline of your README or case study.
- Problem
- A redesign is only convincing if it starts from evidence.
- Why it matters
- It is the standard UX portfolio piece, and the before-and-after test turns opinion into proof.
- What was built
- A case study with the problem, research, sketches, final screens and test results.
- Technology
- Figma
- Architecture
- Research → problem statement → sketches → wireframes → prototype → test.
- Implementation
- You write thisThe 6 build steps in your own words, with one code or design decision you are proud of.
- Challenges
- You write thisThe hardest bug or decision, and how you got past it.
- Results
- Your version should cut errors or time on the same task; if it does not, say so and explain.
- Demo and code
- You write thisA link to a live demo or a short video, and to the GitHub repository.
- Lessons learned
- You write thisWhat you would do differently next time.
- Future improvements
- Build a small design system (colours, type, components) and apply it to five screens.
Working as a team
Solo or up to 2. Suggested roles:
Report and presentation
Report structure
- Title and brief
- Research and references
- Concept
- Process: sketches, drafts, experiments
- Final work
- Tools and techniques
- Reflection: what worked and what did not
- Credits and sources
Presentation structure
- The brief
- References and mood
- Concept
- Process
- Final work
- Details
- Reflection
Viva questions
Try answering before you open each one.
How did you find the problems?
By observing users, not by guessing.
Why sketch on paper first?
It is fast and stops you committing to one idea too early.
How do you know your design is better?
The same task took less time or caused fewer errors in testing.
What would you not change?
Things users already understand well.
Resources
Source and attribution
Original
Written by Technifyed. Free to use for your own school or college project; write the report in your own words. Added 1 Oct 2026.
Similar projects
More Graphic and UI/UX Design projects
Graphic and UI/UX Design + Marketing
Create a brand identity for a local business
Design a logo, colours, type and three applications for a real shop or café.
Graphic and UI/UX Design · Graphic Design
Design accessible signage for your school
Design a sign system that new and visually impaired visitors can follow.
Graphic and UI/UX Design · Typography
Design a typeface from your handwriting
Draw a full alphabet on a grid, digitise it and set a paragraph in your own font.
Graphic and UI/UX Design + Industrial and Manufacturing
Design a product for a specific user
Observe one person's daily difficulty and design, model and test an object that solves it.
Two-subject alternatives
Behavioural and Cognitive Science + Graphic and UI/UX Design
Test the usability of two apps or websites
Give five users the same three tasks on two competing apps and record time, errors and comments.
Sociology + Architecture and Interior Design
Map public spaces and who uses them
Observe a park or square at different times and record who uses it and how.
Industrial and Manufacturing + Graphic and UI/UX Design
Design an ergonomic study desk
Measure classmates and their desks, find the mismatch and design a desk that fits.
Games, Graphics and New Tech + Graphic and UI/UX Design
Build a 2D platformer game
Make a platform game with three levels, enemies, collectables and a menu.
Same difficulty and budget
Music, Theatre and Writing + Programming
Create generative art with code
Write programs that draw a different artwork every time they run and curate a series of ten.
Music, Theatre and Writing + Data
Turn data into music
Map a year of temperature or rainfall data to pitch and rhythm and compose a short piece from it.
Photography, Film and Animation · Documentaries
Make a documentary about your school
Produce a seven-minute film on one unseen side of your school, such as its support staff.
Music, Theatre and Writing · Theatre
Write and stage a ten-minute play
Write an original short play, rehearse it and perform it for an audience.