Edtech UX Design: Wise Wings Education Case Study
Focus Keyword: edtech ux design
Wise Wings Education needed an interface that worked for both students and parents without creating friction between discovery, enrollment, and learning progress. The goal was to simplify the experience, improve trust, and establish a scalable design system.
Category: Product Design · UX Strategy · UI Design
Duration: 8 Weeks
Role: UX Research, Information Architecture, UI Design
Deliverables: User Research · Information Architecture · Wireframes · UI Design · Component Library · Prototype · Usability Testing
The Challenge
Edtech UX design for K–12 products involves two audiences with different priorities. Students need clarity and engagement, while parents want transparency, trust, and measurable progress.
Wise Wings had inconsistent UI patterns, a seven-step enrollment process, weak progress tracking, and a desktop-first experience despite 78% of users accessing the platform on mobile devices.
Process
Research & Strategy
Parent interviews and student usability sessions revealed three recurring concerns:
- Is this the right course?
- How is progress being tracked?
- What should happen next?
These insights shaped every design decision throughout the project.
Information Architecture
Parent and student journeys were separated into distinct navigation structures while remaining part of a unified system.
Enrollment was reduced from seven steps to three, and course discovery evolved from search-only to a browse-first experience.
Design System
A component library of 60+ elements was created, covering navigation, cards, progress indicators, forms, states, and responsive patterns.
The platform was designed mobile-first from the outset to align with actual user behaviour.
Progress Experience
Progress tracking shifted from a simple percentage bar to a milestone-based journey, helping students visualise achievement and maintain momentum.
Outcome
- Enrollment completion improved from 35% to 71%
- Average session duration increased by 2.4 minutes
- 60+ component library delivered with documentation
- Faster implementation for development teams
- Higher mobile satisfaction scores in usability testing
- Reduced uncertainty for both parents and students
- Fully designed empty, loading, and error states
Key Takeaway
The most valuable decision wasn’t visual—it was restructuring the information architecture around distinct parent and student mental models. Once navigation aligned with user expectations, the rest of the interface became simpler, clearer, and more effective.
Strong edtech UX design isn’t about making interfaces look better. It’s about removing friction where learning, trust, and motivation matter most.