uptone
uptone logo
uptone logo

Language learning through music

Duration

Sep – Nov 2023

Sep – Nov 2023

(10 weeks)

Team

Chloe Au-Yeung

Chloe Au-Yeung

Soojin Kim

Soojin Kim

Tools

Figma, Adobe Suite, Rhino 3D, Keyshot

Figma, Adobe Suite, Rhino 3D, Keyshot

Duration

Sep – Nov 2023

(10 weeks)

Tools

Figma, Adobe Suite, Rhino 3D, Keyshot

Team

Chloe Au-Yeung

Soojin Kim

My Role

Project Manager

I supervised team meetings, delegated tasks, and ensured that deadlines were met on time.

Visual & Interface Designer

I assisted in designing visual assets and wireframes, building components, and creating iterations based on user feedback.

Overview

Uptone is a music-based language learning platform designed to make learning convenient and fun. Reinventing the traditional way to learn a new language, Uptone offers personalized playlists with lyric translations, community features, and karaoke practice with speech recognition.

uptone mobile app
uptone karaoke machine
uptone karaoke machine
uptone website

Research

Learning a new language can be frustrating

Language brings people together. As students from different backgrounds, we saw how learning languages can create connections across cultures.

However, it's challenging for learners to maintain consistency, often losing motivation to practice until they eventually stop.

globe with country flags

7000+

different languages are spoken globally.

globe with country flags

7000+

different languages are spoken globally.

globe with country flags

7000+

different languages are spoken globally.

Source: Ethnologue

Competitor Analysis

Low engagement and lack of conversational practice

Looking into existing language learning apps with different approaches to learning, we analyzed their strengths and weaknesses.


Our findings showed challenges with user retention due to limited interactivity. While most apps had speech recognition in lessons, they did not provide personalized, meaningful feedback on pronunciation.

competitor analysis
competitor analysis

Interviews and Surveys

The barriers of learning a new language

We held 8 one-on-one interviews and a survey with 52 respondents with the goal of identifying motivations, learning methods, and pain points.

Survey Insights

pie chart

96%

of respondents said they tried to learn a language but stopped.

pie chart

96%

of respondents said they tried to learn a language but stopped.

No time to learn

42.5%

Couldn't find/access quality resources

27.5%

Lost interest

16.3%

Thought learning was too complex

13.8%

Interview Insights

confetti

Fun inspires motivation

Media platforms increase engagement in language learning.

bookmark

Apply learning in real-life

Limited resources makes it hard to practice local slang and dialects.

people

Learn with conversation

Informal communication with native speakers encourages learning.

Problem Statement

Learning a language is limited due to repetitive learning methods and a lack of extensive resources, causing learners to lose interest over time.

Learning a language is limited due to repetitive learning methods and a lack of extensive resources, causing learners to lose interest over time.

How might we create an enjoyable and interactive language learning experience for users?

Help users learn in areas that can be implemented into real-life situations such as slang words and dialect?

Foster a learning environment where language learners can communicate with native speakers and each other?

Development

Language learning through music

Beginning with rough sketches, we planned how the layout of the mobile app and website would look and what features to prioritize, then brainstormed ideas for the karaoke machine to pair with the app.

We took a look at our direct competitors who are tackling climate change and agriculture in non-corporate farms.


Our findings show that they focus on corporate farms, suggesting room in the market for small farmers, while being cost-effective and providing tools for scientists.

  • uptone lo-fi
  • uptone lo-fi
  • uptone lo-fi
  • uptone lo-fi
  • uptone lo-fi
  • uptone lo-fi
  • uptone lo-fi
Designing the Uptone App

We designed mid-fidelity wireframes for our app and website, further developing our concept and finalizing the overall functionality.

uptone website mid-fi

User Testing

Evaluating our design

In two rounds we conducted usability testing with 6 different users, giving them a set of tasks to complete and navigate through the prototype.

testing results
testing results
translate before

Before

It was unclear that lyric translations were selectable because of no visual indicators.

translate after

After

We added a brief descripition that explained lyrics were interactive, improving clarity.

karaoke pairing before

Before

The bluetooth connection pop-up felt unprompted and unclear.

karaoke pairing after

After

Another pop-up was created, positioned at the bottom to be approachable.

message before

Before

Concerns about online safety were brought up when talking to other users.

profile after

After

We added a system that allows users to report profiles if needed, ensuring safety.

translate before

Before

It was unclear that lyric translations were selectable because of no visual indicators.

translate after

After

We added a brief descripition that explained lyrics were interactive, improving clarity.

karaoke pairing before

Before

The bluetooth connection pop-up felt unprompted and unclear.

karaoke pairing after

After

Another pop-up was created, positioned at the bottom to be approachable.

Final Design

Introducing Uptone
Introducing Uptone
background
Enhance your learning

Listen to songs, learn vocabulary by sections, and translate lyrics to practice comprehension.

Conversations from around the world

Talk with native speakers and other learners to work on pronunciation.

background
Enhance your learning

Listen to songs, learn vocabulary by sections, and translate lyrics to practice comprehension.

Conversations from around the world

Talk with native speakers and other learners to work on pronunciation.

background
Enhance your learning

Listen to songs, learn vocabulary by sections, and translate lyrics to practice comprehension.

Conversations from around the world

Talk with native speakers and other learners to work on pronunciation.

background
Enhance your learning

Listen to songs, learn vocabulary by sections, and translate lyrics to practice comprehension.

Conversations from around the world

Talk with native speakers and other learners to work on pronunciation.

Have fun with Uptone's karaoke mode

Analyze pronunciation during karaoke sessions through Uptone's AI speech recognition or sing just for fun.

karaoke machine
karaoke machine
karaoke machine
background
View Uptone's launch website

Learn about Uptone's pricing models and what it offers to users.

background
View Uptone's launch website

Learn about Uptone's pricing models and what it offers to users.

background
View Uptone's launch website

Learn about Uptone's pricing models and what it offers to users.

Uptone Design System

Typography

Satoshi

Satoshi

Satoshi

Header 1

Header 1

30px

30px

Header 2

Header 2

Header 2

24px

24px

Subheader

Subheader

Subheader

16px

16px

Body Text

Body Text

Body Text

16px

16px

Button Text

Button Text

Button Text

14px

14px

Navigation Text

Navigation Text

12px

12px

Iconography

home music
mic
person
crown
music
message
person music
menu

B0ADFF

5A57C9

2E1C62

1D1330

Components

uptone components
uptone components
Reflection

Teamwork makes the dreamwork

Leading this team taught me to really step out of my comfort zone and how valuable communication is. I learned how to collaborate effectively, balance different priorities, and be open to feedback.

It's all in the details

Being one of my first UX projects, I explored visual hierarchy and how to work with components. I saw how complex design systems are and the thought behind them to create better user experiences.

Let's create something together.

© 2026 Angelia Legaspi. All rights reserved.

Let's create something together.

© 2026 Angelia Legaspi. All rights reserved.

Chloe Au-Yeung

Chloe Au-Yeung

Soojin Kim

Soojin Kim