- Year:
- 2023
- Role:
- Product Designer
- Scope:
- UX / UI Design, Branding
- Platform:
- iOS, Android
Ed-tech Learning App UI Kit
A mobile UI kit for building online learning apps, from onboarding and course discovery to study rooms and chats.
Context
In 2021, I began treating personal projects as products I could sell. I chose to design UI kits for other designers.
I chose online education because of my experience with Courson. The challenge was to adapt familiar web learning patterns for mobile while leaving room to explore the visual style.
Process
I designed the kit for other designers, focusing on the screens and components they would need to build a learning app.
Research
I studied online learning apps to identify common navigation patterns and key user journeys. This helped me decide which screens and states the kit needed to cover.
UI
I started by prototyping the core screens, with a focus on a simple structure and clear navigation.
The kit covers onboarding and personalization, a course catalog, study rooms, chats, and groups.
Once the prototypes were ready, I developed the visual design and design system. Defining reusable components early helped me refine the screens more quickly.
I designed light and dark themes for iOS and created a set of 3D icons for the kit.
Launch and support
After launch, user feedback helped me fix issues and prioritize updates to the UI kit.
Next Project
