✿ Languini Project ✿

✧ Project Overview ✧

Role

UI/UX Designer, Graphic Designer

Timeline

2023 Winter Quarter

Team

Jamie Chau
Olivia Lammertin
Owen Chen
Kiera Fong
Grace Jong
Amy Fong

Languini Logo

About

To cultivate the bond between students and their cultural identities, our solution is to design a platform promoting the learning of language and culture through an activity rich in both: cooking.


Welcome to Languini, an app that offers interactive fact and language learning lessons tailored to each recipe, ensuring that every cooking session also doubles as a culture learning experience.

✧ Research ✧

Research Findings

Research Findings

As the first step in our research, we conducted surveys to understand our audience's interests and cultural engagement. These insights helped us shape the direction of our app. We found that most respondents are interested in learning about their own or other cultures, especially through language and food. Additionally, 23.3% don't know how to cook their cultural dishes, highlighting a gap we can address.

Following the surveys, we conducted 10 interviews, uncovering key insights:

  • People spend 30 mins to 1.5 hours cooking and prefer shorter recipes for busy schedules.
  • Learning cultural foods and languages strengthens bonds with loved ones.
  • Pictures and videos improve learning and enhance the user experience.
  • Users enjoy rewards for completing tasks.
  • Simpler instructions and concise recipes are preferred.

These findings guide our app's design, making it engaging, efficient, and rewarding while fostering cultural appreciation.

Research Findings 2

Additional Research Insights

Our competitive analysis revealed that no existing app fully integrates all the features we aim to offer. Language-learning platforms like Duolingo, Rosetta Stone, and Babbel excel in onboarding, skill-level options, and progress tracking but lack recipe-related functionalities. On the other hand, cooking platforms such as Allrecipes, Yummly, and Umami provide recipe descriptions and ratings but lack structured learning tools, skill tracking, and progress monitoring.

This gap presents an opportunity to create a unique app that combines cultural learning with interactive cooking experiences, offering structured lessons, skill progression, engaging visuals, and user rewards.

✧ Design Process ✧

Design Sketches

Initial Concepts

As we wrapped up affinity mapping and user flow development, we transitioned into the design phase. We started by creating our style guide, where I, as a graphic designer, played a key role in selecting colors and fonts. Ultimately, we chose yellow and red to capture the vibrant and inviting energy we wanted for our app.

While finalizing the style guide, our UI/UX team began sketching wireframes, ensuring that our core features—such as the cookbook and recipe layouts—were prominently highlighted. This process helped us refine the visual and functional aspects of the app, setting a strong foundation for the next stages of design.

Wireframes

Iterations

Next, we moved on to creating our low-fidelity (lo-fi) and mid-fidelity (mid-fi) designs. Throughout this process, we iterated constantly—refining our designs, identifying new features to incorporate, and removing those that proved impractical. This continuous cycle of improvement allowed us to shape a more streamlined and user-friendly experience.

✧ Implementation ✧

High-Fidelity Designs

Development Process

For the high-fidelity (hi-fi) designs, my role as both a graphic designer and UI/UX team member was crucial in bridging the visual and functional aspects of our app. We began implementing our style guide, incorporating colors, typography, and other design elements to bring our vision to life.

One of our standout features was the sticker collection system, where users earn stickers after completing recipes. This required our graphics team to design a cohesive set of stickers that matched the app's aesthetic. Additionally, during this stage, we developed our logo, Languini, a smiling noodle!

With these elements in place, our hi-fi designs took shape, transforming our ideas into a polished and engaging user experience.

✧ Results ✧

Key Takeaways & Reflections

Throughout this process, I learned that design is never final, there's always room for improvement through continuous iteration. A user-centered approach is essential for creating interactive and engaging experiences, and true innovation thrives in a collaborative environment. One of the most valuable lessons was the importance of gathering insights from people outside of our team, especially when designing graphics, since fresh perspectives can lead to unexpected and meaningful improvements.

Looking back, conducting more extensive research earlier on, such as building user personas, and incorporating additional iterations later in the process would have further refined our design decisions.

Most importantly, this was the first design portfolio project for many of us, making it an exciting and invaluable learning experience!