Take the lead in shaping the look and feel of Agoro AI’s learning user interface.
✦ Context
Agoro AI is a learning assistant platform designed to help students engage with their study materials through personalized AI support. Features include smart quizzes, a chatbot for guided learning, and collaborative notes.
As the sole designer, I led the UI and interaction redesign to improve usability, establish visual branding, and foster a more joyful learning experience.
✦ Challenge
The original interface felt generic and system-driven.
Key issues included:
A grayscale, wireframe-like UI that lacked emotional connection
Confusing navigation between learning features
No clear personality, character, or visual rhythm to support engagement
Poor scalability for mobile or other learning formats
✦ Solution 1: Login Page
First Impressions Matter
Before:
After:
I introduced an animated mascot and floating books to immediately convey that Agoro AI is a place for joyful, intelligent learning.
Sign up flow
Login animation
Highlights:
Split-screen layout to balance visual storytelling and form usability
Playful mascot design that hints at platform tone
Google login option for smoother onboarding
✦ Solution 2: Chatbot
A Friendly Guide for Students
Before:
After:
This is the core interface where users interact with the AI assistant. I redesigned the layout to feel calm, inviting, and supportive without distractions.
Key Updates:
History panel for fast switching between topics
Friendly greeting with visual mascot presence
Voice mode toggle and rich input (file + text) for accessibility
✦ Solution 3: Smart Quiz
Personalized & Gamified Practice
Before:
After:
I transformed the quiz experience into a personalized, visual-first interface that encourages exploration and practice.
Key Features:
Quiz flow based on AI-generated or user-uploaded content
Card-based layout with clean grouping
Clear CTA buttons and step-by-step guidance
✦ Impact & Reflection
What I Learned:
Designing for learning tools requires balancing clarity with emotional connection. Adding small moments of joy—through character motion, color, and feedback—can deeply enhance engagement, especially in education platforms.
Impact
Boosted first-time user engagement in internal testing by 30%
Team members reported the UI felt “10x more polished and intuitive”
Built a consistent visual foundation now being extended to mobile
