LinguaLink

Designing a social language learning app to motivate users through interactive and engaging experiences

Role

UX/UI Design

User Research

UX/UI Design

User Research

Team

5 UX Designers

10 Developers

Timeline

Jan 2024 - Apr 2024

Tools

Figma


Intro

LinguaLink is a collaborative project developed through Georgia Tech’s iOS Club, a student-led organization dedicated to teaching and building iOS applications. As part of a team, we designed and developed an engaging language-learning app that enhances social interaction through gamification, making the learning process more immersive and enjoyable.

Solving the motivation gap

One of the biggest challenges in language learning is motivation—many users struggle to stay engaged without clear incentives to continue practicing. Traditional language-learning apps often rely on repetitive exercises and memorization, which can feel tedious and uninspiring over time. Without a sense of reward or meaningful progress, users are more likely to abandon their learning journey.

LinguaLink addresses this issue by incorporating game mechanics to make language learning more interactive and socially engaging. By integrating friendly competition, the app encourages users to stay consistent and motivated. Instead of passively memorizing vocabulary, learners actively engage in games that reinforce language skills in a fun and dynamic way.

Our task as designers

The developers in our team conceptualized the idea for LinguaLink aiming to create a social and competitive language-learning app. Once they outlined the core functionality, we were tasked with designing the user experience and interface, ensuring that the app was both intuitive and visually engaging. Our focus was on crafting seamless user flows, designing interactive elements, and building a cohesive design system that would bring the developers' vision to life.

User Flow

Due to the nature and timeline of the project, we were unable to conduct user research in the initial stages. Instead, we focused on mapping out user flows to ensure a seamless experience. By defining key interactions and navigation paths, we established a strong foundation for the app’s design.

User Flow

Due to the nature and timeline of the project, we were unable to conduct user research in the initial stages. Instead, we focused on mapping out user flows to ensure a seamless experience. By defining key interactions and navigation paths, we established a strong foundation for the app’s design.

Low-fidelity

We created low-fidelity mockups to quickly visualize the app’s structure, focusing on layout and navigation before refining the design.

Low-fidelity

We created low-fidelity mockups to quickly visualize the app’s structure, focusing on layout and navigation before refining the design.


Design System
I developed the design system, choosing colors that reflected the app’s playful tone to foster engagement and collaboration. For typography, I selected Nunito, a rounded and approachable typeface that enhances readability while reinforcing the app’s inviting aesthetic. My contributions included designing interactive components such as buttons, various card layouts, and a navigation bar. Another designer contributed our mascot—a dolphin, symbolizing intelligence and friendliness.

Design System
I developed the design system, choosing colors that reflected the app’s playful tone to foster engagement and collaboration. For typography, I selected Nunito, a rounded and approachable typeface that enhances readability while reinforcing the app’s inviting aesthetic. My contributions included designing interactive components such as buttons, various card layouts, and a navigation bar. Another designer contributed our mascot—a dolphin, symbolizing intelligence and friendliness.

High-fidelity

The high-fidelity screens bring the design to life with polished visuals and a cohesive color palette. These screens showcase the final look and feel of the product, ensuring a seamless and engaging user experience.

High-fidelity

The high-fidelity screens bring the design to life with polished visuals and a cohesive color palette. These screens showcase the final look and feel of the product, ensuring a seamless and engaging user experience.

Final Design

Thoughts + Reflection

This project was my first deep dive into UI design, and it came with a steep learning curve. Having never used Figma before, I had to quickly adapt—learning not just the tools, but also the principles of effective interface design. Figuring out how to structure components, refine layouts, and create a cohesive design system was both challenging and rewarding.


It was also my first time working with developers, which gave me a whole new perspective on design. I quickly learned that clear communication between designers and developers is crucial for bringing designs to life. Ensuring that our ideas were feasible and aligned with technical constraints required ongoing collaboration, feedback, and adaptability.


Through teamwork and iteration, we created a polished, well-executed product that I’m proud of. This experience not only solidified my passion for UI design but also reinforced the importance of cross-functional collaboration in building meaningful, user-friendly experiences.

Thoughts + Reflection

This project was my first deep dive into UI design, and it came with a steep learning curve. Having never used Figma before, I had to quickly adapt—learning not just the tools, but also the principles of effective interface design. Figuring out how to structure components, refine layouts, and create a cohesive design system was both challenging and rewarding.


It was also my first time working with developers, which gave me a whole new perspective on design. I quickly learned that clear communication between designers and developers is crucial for bringing designs to life. Ensuring that our ideas were feasible and aligned with technical constraints required ongoing collaboration, feedback, and adaptability.


Through teamwork and iteration, we created a polished, well-executed product that I’m proud of. This experience not only solidified my passion for UI design but also reinforced the importance of cross-functional collaboration in building meaningful, user-friendly experiences.

Liberty Nguyen

Liberty Nguyen

Liberty Nguyen

Create a free website with Framer, the website builder loved by startups, designers and agencies.