Knowt
Knowt
UI Design
UI Design
.
.
Motion
Motion
Role
Role
UX Research, UI Design
UX Research, UI Design
Team
Team
Yoonseo Jeong, Hailey Ho Sang
Yoonseo Jeong, Hailey Ho Sang
Duration
Duration
2 months (8 Weeks)
2 months (8 Weeks)
Tools
Tools
Figma, Adobe CC
Figma, Adobe CC
Design Process
Design Process
01
01
Research
Research
Brand Research
Competitor Analysis
Target audience
User Interview
Brand Research
Competitor Analysis
Target audience
User Interview
02
02
Design
Design
Feature Development
UI Design:
Feature Development
UI Design:
03
03
Reflection
Reflection
Key Takeaways
Future Improvements
Key Takeaways
Future Improvements
A streak UI feature that encourages consistent daily learning and visually rewards users for maintaining study in the Knowt app.
A streak UI feature that encourages consistent daily learning and visually rewards users for maintaining study in the Knowt app.
Challenge
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.
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
Problem 01
Solution 01
Solution 01
DJ KAI: Study Remix
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.
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
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.
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
DJ Kai
Connect
Connect
Song
Song
Users can connect their Knowt account to music apps, then Knowt will recommend songs based on their playlist history.
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)
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.
Knowt's outfits or background themes change aligning to the music's theme, ensuring users never feel bored.
428 songs
428 songs
12 playlists
12 playlists
Cloe Jeong
Cloe Jeong
Spotify
Spotify
Search music
Search music
Recently played
Recently played
Santa Tell Me
Santa Tell Me
Ariana Grande
Ariana Grande
Next
Next
Let’s turn those into beats!
Let’s turn those into beats!
Ready to remix your flashcards?
Ready to remix your flashcards?
Hi, I’m DJ Kai!
Hi, I’m DJ Kai!
DJ KAI
DJ KAI
Recently Studied & Viewed
Recently Studied & Viewed
See saved/trash
See saved/trash
Last Updated
Last Updated
See all
See all
1 Day streak
1 Day streak
S
S
M
M
T
T
W
W
T
T
F
F
S
S
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
Create
Create
1
1
LV
LV
2
2
45
45
K
K
A
A
I
I
K
K
A
A
I
I
K
K
A
A
I
I
Home
Home
Play
Play
Flashcard
Flashcard
Reward
Reward
Knowt's AI technology blends users' notes or flashcards with the beats of their chosen music, transforming them into memorable and fun lyrics.
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.
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.
While studying flashcards, users can listen to songs and enjoy lyrics that make studying both fun and convenient.
Bio Tell Me
Bio Tell Me
Ariana Grande
Ariana Grande
Bio, tell me, what’s the cell all about?
Bio, tell me, what’s the cell all about?
Is it nucleus controlin’, with organelles around?
Is it nucleus controlin’, with organelles around?
Mitochondria, it’s where energy’s made,
Mitochondria, it’s where energy’s made,
(33)
(33)
4.8 stars
4.8 stars
What is the cell theory?
What is the cell theory?
Studied by 200 people
Studied by 200 people
Biology
Biology
1 Day streak
1 Day streak
S
S
M
M
T
T
W
W
T
T
F
F
S
S
DJ KAI
DJ KAI
Create
Create
K
K
A
A
I
I
K
K
A
A
I
I
K
K
A
A
I
I
324 hours
324 hours
You’ve listened...
You’ve listened...
Recently Studied & Viewed
Recently Studied & Viewed
See all
See all
See saved/trash
See saved/trash
Last Updated
Last Updated
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
Psychology
Psychology
Studied by 0
Studied by 0
4.5
4.5
(33)
(33)
LV
LV
2
2
1
1
324
324
Bio Tell Me
Bio Tell Me
Ariana Grande
Ariana Grande
Home
Home
Bio Tell Me
Bio Tell Me
Ariana Grande
Ariana Grande
Bio, tell me, what’s the cell all about?
Bio, tell me, what’s the cell all about?
Is it nucleus controlin’, with organelles around?
Is it nucleus controlin’, with organelles around?
Mitochondria, it’s where energy’s made,
Mitochondria, it’s where energy’s made,
ATP’s the currency, I’m so amazed.
ATP’s the currency, I’m so amazed.
Bio, tell me, why do cells divide?
Bio, tell me, why do cells divide?
Half the chromosomes for the next generation,
Half the chromosomes for the next generation,
Music
Music
Problem 02
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.
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
KAI’S Study Quest
Solution 02
Solution 02
An interactive planning tool that helps students optimize their studying pattens through gamified study schedules.
An interactive planning tool that helps students optimize their studying pattens through gamified study schedules.
Why It Works
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.
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
PLAY
FLASHCARD
FLASHCARD
REWARD
REWARD
Quest Leader | Courses
Quest Leader | Courses
Accessible from Menu
Accessible from Menu
Accessible from Menu
Accessible from Menu
Accessible from Quest Map Page
Accessible from Quest Map Page
Accessible from Treasure Chests Page
Accessible from Treasure Chests Page
Customize your “Quest Leader” using coins earned in lesson completion/streak acheievements
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)
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.
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.
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)
Update your course information or add new courses
Knowt will update the quest map accordingly with new lesson plan)
Leadership Board
Leadership Board
Quest Map (Lesson)
Quest Map (Lesson)
Claim Treasure
Claim Treasure
about
about
Healthier Pets. Happier People. Better World.
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.
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
Brand Archetype
Target Audience
Target Audience
High school students who think studying is boring and are easily distracted by other temptations.
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
Those who are seeking resources to enhance their knowledge in their field/subject of interest
THE SAGE
THE SAGE
Knowt guides learners with clarity, insight, and trusted knowledge.
Knowt guides learners with clarity, insight, and trusted knowledge.
Quizlet, Duolingo, Fivable
Quizlet, Duolingo, Fivable
Competitor Analysis
Competitor Analysis
QUIZLET
QUIZLET
Founded in 2005
Founded in 2005
Online platform offering digital flashcards, games, and adaptive learning tools.
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
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
Founded in 2011
Online educational tool primarily known for it’s language courses (43), and music and math.
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
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
DUOLINGO
Founded in 2011
Founded in 2011
Online educational tool that provides test prep resources & study guides for high school/college.
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
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
FIVEABLE
User Interviews
User Interviews
User Insights
User Insights
Ava
Ava
16
16
Staying focused is the hardest part of studying - distractions from friends or socials
Staying focused is the hardest part of studying - distractions from friends or socials
Jasmine
Jasmine
18
18
Feels overwhelmed by studying and doesn't know what to prioritize
Feels overwhelmed by studying and doesn't know what to prioritize
Jayden
Jayden
17
17
Needs a better balance so as to not feel overwhelmed by work
Needs a better balance so as to not feel overwhelmed by work
Nicky
Nicky
16
16
The hardest part of studying is finding the motivation to sit down and do it for hours
The hardest part of studying is finding the motivation to sit down and do it for hours
Avery
Avery
19
19
Wants everything in one place
Wants everything in one place
Lee
Lee
17
17
Wants clear, in-depth explanations to any questions/problems
Wants clear, in-depth explanations to any questions/problems
Creating flashcards takes too much time
Creating flashcards takes too much time
Students feel hesitant to ask teachers for help
Students feel hesitant to ask teachers for help
Study tools require too much manual input
Study tools require too much manual input
A way to streamline the process of creating and organizing study materials
A way to streamline the process of creating and organizing study materials
Cannot study offline
Cannot study offline
Students are having a hard time focusing
Students are having a hard time focusing
Without engaging features, students struggle to maintain focus on studying
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)
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
Limited support tools for understanding notes for creative/philosophical subjects
Students are heavily reliant on mobile-friendly, low-cost studying tools
Students are heavily reliant on mobile-friendly, low-cost studying tools
Need for help balance workloads and deadlines
Need for help balance workloads and deadlines
Fast and instant feedback that highlights strengths and areas that need improvement
Fast and instant feedback that highlights strengths and areas that need improvement
Study apps often feel generic, fail to address specific needs, and boring
Study apps often feel generic, fail to address specific needs, and boring
Students need self-paced learning tools (limited focus, short attention-spans,...)
Students need self-paced learning tools (limited focus, short attention-spans,...)
Reliance on other users to input study resources/data
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
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
We conducted 6 user interviews and collected App store reviews
Insights
Insights
Key Takeaways and Future Improvements
Key Takeaways and Future Improvements
reflection
reflection
🌟
🌟
🌟
🌟
🌟
🌟
The 'Why' is Powerful: Communicating the 'Why' behind the solutions are important based on the user quotes.
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.
Motion as Function: Micro interactions are powerful tools for guiding user attention and enhancing ease-of-use in a minimal design.
Measure Business Impact: I would like to conduct testing on the 'Personalized Pet Profile' to quantify the impact.
Measure Business Impact: I would like to conduct testing on the 'Personalized Pet Profile' to quantify the impact.
Resume
Resume
@ 2025 Yoonseo Jeong
@ 2025 Yoonseo Jeong