Lingotune - language-learning app design

Reshaping a Music-Driven Language App

I reshaped Lingotune’s experience and UI to make learning Spanish through music intuitive, coherent, and visually engaging. Increasing lesson completion from 22% to 41%.

CHALLENGE: Making Learning Feel effortless

When I joined Lingotune, the app had already been in development for over a year and had gone through several iterations as the team explored different directions.

The product had grown organically, which led to some inconsistencies in visuals and structure.

My main focus became creating harmony across the experience and helping the team move toward a more cohesive, product-minded approach.

The goal was to ensure the app truly delivered on its core promise: helping users learn Spanish through music in a way that feels fun, effortless, and engaging.

ROLE

Product Designer

TEAM

PM, UA Team, Linguistics & Content Creators, Dev. Team

TOOLS

Figma, Zeroheight, TestFlight, Amplitude, UXCam, ClickUp

TIMELINE

August – Currently

SCOPE DEFINITION & PRIORITIZATION

I analyzed the market to understand how leading learning apps teach through repetition, context, and habit formation.

I mapped the entire app journey, from onboarding to first lesson completion, and took a step back to study the product and its ecosystem:

Reviewed user interviews, surveys, and experiment logs to understand past insights.
Conducted a competitive analysis of key players like Duolingo, Babbel, and niche apps such as LyricFluent.
Audited Figma files to identify what could be improved.
Met with team members to understand their perspectives, expectations, and how design could support them.

jumping into design

I redesigned key experiences like onboarding, home, lessons, motivation messages, error states, and permission screens.

Every screen was re-balanced to remove unnecessary text and let the design speak for itself. Clarity through minimalism, as a good interface shouldn’t need constant explanations.

Prototyping for user validation

Before handing designs off to development, I create high-fidelity interactive prototypes directly in Figma to validate every flow and micro-interaction, especially within the lesson experiences.

Can you guess if this is a prototype? 😉

prototyping for faster iteration

Prototyping allow us to simulate transitions, motion, and feedback in real time.

I used these prototypes both for usability validation with real users and to align the team around the intended experience.

This approach makes iteration much faster and helped surface small issues early.

Mobile app UI for an interactive music player designed for language learning — combining lyrics, translation and vocabulary tools.

continuous iteration

After implementing the new flow, we launched into TestFlight.

Data from Amplitude showed a strong improvement in completion metrics:

Onboarding completion of 82 %
Lesson completion increased from 22.4 % → 41.2 %

This validated the new structure and confirmed that the design supported learning rather than distracting from it.

creating interfaces that speak by themselves

This project taught me that good design isn’t about adding more, it’s about creating interfaces that users can understand with less, interfaces that speak by themselves.

I learned to balance empathy for the team with conviction in design principles: to advocate for clarity, structure, and simplicity even when urgency pushes for shortcuts.