Foodlture

Overview

I undertook a UX/UI design project where I developed an app called "Foodlture." This language-teaching app targets adults and incorporates elements of gastronomy and culture.

My roles

User experience designer
User interface designer

Project type

UX/UI Design

Year

2021

Process

For a week, I conducted visual research and downloaded various language teaching and tourism applications over a week.

Nowadays, mobile applications and free online courses like Duolingo make it possible to learn foreign languages easily. However, while these tools are highly effective, they often lack diverse content such as geography, gastronomy, and culture. Even though these topics can be found online, they may not be integrated into language learning programs, which can limit a learner's overall understanding and appreciation of the language and its associated culture.

The solution was to create an app that features a colour scheme linked to the flags of different countries, includes a user registration system, information architecture/UX flow, and has a modern and vibrant design.

Research

To begin the project, I conducted initial research to understand the needs and preferences of users regarding language learning applications. This involved evaluating the pros and cons of existing apps and creating a visual survey or mood board to gather inspiration for the final product.

Following the research phase, I created a mood board that showcased content related to local customs in some of the main languages of interest, including English, German, Italian, and French, among others. The mood board served as a source of inspiration and helped to guide the development of the app's content and design.

Proto-Personas

I want to learn a foreign language

that can have different contents

that is free

without going to a teaching school

at the same time, I can learn the culture and gastronomy

User Flows

To initiate the design process, I mapped the user flows that outlined the typical paths that users would take when using Foodlture. Additionally, I designed to ensure that the app's content and features were organized in a logical and user-friendly way.

Using these flows as a guide, I then created wireframes that helped me to flesh out the initial ideas and determine which elements were needed for each screen. I started with a low-fidelity prototype and made the necessary changes before creating a high-fidelity prototype. This iterative process allowed me to refine the design and ensure that the final product would provide a seamless user experience.

Low fidelity prototypes

High fidelity prototypes

Typography & Colour

The user interface for Foodlture was designed to create functional and aesthetically pleasing interfaces that enhance the user experience. It changes interface colours to reflect the flag colours of the language being studied, which helps users quickly identify the language they are studying.

Foodlture provides a comprehensive language learning experience that goes beyond just grammar, offering information on customs, culture, and cuisine. This approach helps users gain a deeper understanding of both the language and the associated culture.

Evaluation

Due to the time constraints of the brief, I was only able to design the most essential interfaces of Foodlture. However, if given more time, I would have liked to create a version of the website to make the application responsive. Another feature that I would have liked to add is a language learning section for each country, which would have allowed users to learn more about the language and culture of a particular country.

Usability testing would also have been beneficial for the app, as it would have allowed users to interact with the app and identify any potential issues or areas for improvement. Despite the time constraints, I found that using Adobe XD was a relatively easy process, and I was able to utilize its various features to create the app's interface and design.

During the development stage of the brief, I also learned about a new feature called UX flow, which proved to be extremely useful for creating the navigation mapping for Foodlture. This feature helped me to better develop the app's information architecture and ensured that the user experience was optimized.