UI/UX Educational Application Case Study / 2022
Studiert
A collaborative educational-application case study created for Skilvul's Second-Half UX Challenge, moving from research and problem framing into a tested prototype.
- Category
- UI/UX Educational Application Case Study
- Role
- UI/UX Designer
- Audience
- Indonesian secondary-school students
Project overview
The idea and focus
Problem framing
The team explored barriers faced by Indonesian students who wanted to learn but encountered difficult material, unreliable connectivity, and economic constraints.
Process / sequence
From challenge context to reflection
Context
An educational challenge project, not official work for a challenge partner.
Research and pain points
The team used remote in-depth interviews and translated findings into pain points.
StudiertResearch synthesisCase-study visual How Might We
Pain points were reframed as questions to guide solution exploration.
Ideation and prioritization
Solution ideas were voted on and compared through value-and-effort prioritization.
User flow
Task flows organized the selected ideas into navigable product journeys.
StudiertUser flowCase-study visual Wireframes
Low-fidelity structures established hierarchy and screen composition.
StudiertWireframesCase-study visual Design system
Reusable visual and interface components supported the high-fidelity work.
StudiertDesign systemCase-study visual High-fidelity interface
The team developed detailed mobile interface directions from the wireframes.
StudiertHigh-fidelity interfaceCase-study visual Prototype
Connected Figma flows were prepared for demonstration and testing.
StudiertPrototype flowCase-study visual Usability testing
The article documents testing with Figma, Google Forms, and a spreadsheet summary.
StudiertUsability testingCase-study visual
Skills and considerations
What shaped the work
Responsibilities
- Brand design
- UX research
- UI design
- Prototyping
- Research
Technology and tools
- Figma
- Google Forms
- Google Sheets
Context / collaboration / learning
What the project made visible
Adit states that he collaborated with three other team members. Research synthesis, flows, design outputs, and conclusions are presented as collaborative work.
The case study reports that test participants could follow the prototype flow and complete the expected interactions.
Adit's article reflects on balancing visual aesthetics with content placement grounded in user needs.
Full case study