E-Learning App UI/UX

I’m building a mobile-first e-learning application designed specifically for teenagers and need a complete UI/UX package that will keep this audience engaged from the first tap.

Scope
• Map simple, intuitive user flows that feel familiar to a social-savvy teen yet guide them clearly through study paths.
• Translate those flows into low-fidelity wireframes, then a polished, high-fidelity prototype.
• Deliver all screens for core journeys—onboarding, course catalog, lesson view, progress tracking, and any supporting dialogs or micro-interactions.

Visual & Interaction Style
I haven’t locked the aesthetic yet, so I’m open to your creative direction as long as it resonates with teens and keeps the interface clean and distraction-free—think bold accents, clear typography, plenty of breathing room. Subtle motion or gamified touches are welcome if they add value without clutter.

Deliverables
1. User flow diagram (PDF or PNG)
2. Wireframes (Figma, Sketch, or Adobe XD)
3. Clickable high-fidelity prototype with all interactive states
4. Exported assets and style guide (colors, type, icon set)

Acceptance Criteria
• Prototype covers every screen and state referenced in the user flow.
• All text styles, colors, and components are captured in an organized design system.
• Files are shareable and editable in the agreed tool (Figma preferred).
• Final hand-off includes a walkthrough so my development team can implement seamlessly.

If you’ve crafted interfaces for Gen-Z learning, gaming, or social apps, I’d love to see them. Let’s create an experience that makes learning feel effortlessly engaging.