Knowt
UI Design
.
Motion
Role
UX Research, UI Design
Team
Yoonseo Jeong, Hailey Ho Sang
Duration
2 months (8 Weeks)
Tools
Figma, Adobe CC
Design Process
01
Research
Brand Research
Competitor Analysis
Target audience
User Interview
02
Design
Feature Development
UI Design:
03
Reflection
Key Takeaways
Future Improvements
A streak UI feature that encourages consistent daily learning and visually rewards users for maintaining study in the Knowt app.
Challenge
Study apps often feel generic and fail to address specific needs, which leads students to turn to social media. The biggest challenge in studying is staying focused.
Problem 01
Solution 01
DJ KAI: Study Remix
DJ KAI transforms notes and flashcards into the lyrical formats of songs and raps, making studying more engaging and memorable, while seamlessly integrating it into students’ daily routines.
Why It Works
Turning students’ study material into fun, memorable lyrics synced to their favorite music. The reward system, which can used in the Knowt store and visual designs motivates users to return and stay consistent with their learning.
DJ Kai
Connect
Song
Users can connect their Knowt account to music apps, then Knowt will recommend songs based on their playlist history.
Transforming users’ notes and flashcards into the songs or raps.
(added to the home screen)
Knowt's outfits or background themes change aligning to the music's theme, ensuring users never feel bored.
Play
Flashcard
Reward
Knowt's AI technology blends users' notes or flashcards with the beats of their chosen music, transforming them into memorable and fun lyrics.
The time users spend listening to music is tracked and converted into study time, earning them coins that can be redeemed in the Knowt Store, encouraging users to return.
While studying flashcards, users can listen to songs and enjoy lyrics that make studying both fun and convenient.
Problem 02
Study tools often feel disengaging, generic, and repetitive.
High school students report feeling overwhelmed and confused as to what to prioritize, leading to anxiety and fear of failure.
KAI’S Study Quest
Solution 02
An interactive planning tool that helps students optimize their studying pattens through gamified study schedules.
Why It Works
Helps alleviate students' anxiety by simplifying the process of managing and planning their courses. The feature creates an “all-in-one” study schedule that offers a clear, fun visual organization, encouraging users to accomplish their daily goals through exciting quests and rewards.
PLAY
REWARD
Quest Leader | Courses
Accessible from Menu
Accessible from Menu
Accessible from Quest Map Page
Accessible from Treasure Chests Page
Customize your “Quest Leader” using coins earned in lesson completion/streak acheievements
Compete with others for the top positions as “quest leaders of the week” (streak based)
The AI technology in the Knowt app formats lessons plans based on information users input for each course, creating a cohesive study schedule to stay on track.
Collect treasure and unlock rewards, ranging from coins to educational sessions with Knowt Alumni. Building your future with Knowt, one quest at a time.
Update your course information or add new courses
Knowt will update the quest map accordingly with new lesson plan)
Leadership Board
Quest Map (Lesson)
Claim Treasure
about
Healthier Pets. Happier People. Better World.
Petco is a leading pet health & wellness company with 1,500+ locations and 100+ in-store veterinary hospitals. Their purpose is to improve the lives of pets, pet parents and Petco partners.
Brand Archetype
Target Audience
High school students who think studying is boring and are easily distracted by other temptations.
Those who are seeking resources to enhance their knowledge in their field/subject of interest
THE SAGE
Knowt guides learners with clarity, insight, and trusted knowledge.
Quizlet, Duolingo, Fivable
Competitor Analysis
QUIZLET
Founded in 2005
Online platform offering digital flashcards, games, and adaptive learning tools.
Features:
Multiple study modes
Study sets can be shared public/friends for collaboration
Tracks users’ performance on each study set, generating which terms they’re struggling with & highlight areas for improvement
Audio playback in multiple languages
AI-generated explanations
Founded in 2011
Online educational tool primarily known for it’s language courses (43), and music and math.
Features:
Learn at your own pace
Storytelling aspect integrated into learning experience
Notifications from the characters that use a tone of voice mimicking how their target demographic communicates (Gen Z)
Leader boards with friends and learners worldwide
Formatted similarly to a game, with hearts, points, and rewards
DUOLINGO
Founded in 2011
Online educational tool that provides test prep resources & study guides for high school/college.
Features:
Primarily focuses on providing extensive tools for AP Exams
Expansive list of guides for courses from high school to college level
Offer “cram mode”
Glossary with key terms for each subject
Community of students who contribute content, provide feedback, and self-organize study groups
FIVEABLE
User Interviews
User Insights
Ava
16
Staying focused is the hardest part of studying - distractions from friends or socials
Jasmine
18
Feels overwhelmed by studying and doesn't know what to prioritize
Jayden
17
Needs a better balance so as to not feel overwhelmed by work
Nicky
16
The hardest part of studying is finding the motivation to sit down and do it for hours
Avery
19
Wants everything in one place
Lee
17
Wants clear, in-depth explanations to any questions/problems
Creating flashcards takes too much time
Students feel hesitant to ask teachers for help
Study tools require too much manual input
A way to streamline the process of creating and organizing study materials
Cannot study offline
Students are having a hard time focusing
Without engaging features, students struggle to maintain focus on studying
Interactive and visually appealing features that keep studying interesting (integrated study groups or real-time collaborative study sessions)
Limited support tools for understanding notes for creative/philosophical subjects
Students are heavily reliant on mobile-friendly, low-cost studying tools
Need for help balance workloads and deadlines
Fast and instant feedback that highlights strengths and areas that need improvement
Study apps often feel generic, fail to address specific needs, and boring
Students need self-paced learning tools (limited focus, short attention-spans,...)
Reliance on other users to input study resources/data
Quick and easy tools to summarize notes, highlight key topics, or generate study plans for multiple subjects at once
We conducted 6 user interviews and collected App store reviews
Insights
Key Takeaways and Future Improvements
reflection
🌟
🌟
The 'Why' is Powerful: Communicating the 'Why' behind the solutions are important based on the user quotes.
Motion as Function: Micro interactions are powerful tools for guiding user attention and enhancing ease-of-use in a minimal design.