Langland is a multilingual chatting application for desktop aimed at helping language learners find other people with whom to practice their conversational skills. Users can correct each others' messages and learn from their mistakes.
Context
Langland was originally developed as a final project for a web application design course in 2018 with a team of 3 students.
My Role - UI Design, UX Design, Prototyping, Frontend Development
Duration - (Original Project) 8 weeks
Tools - Figma, Mustache, Node.js
Tools - Figma, Mustache, Node.js
Product Type - Education
Task
Our client asked us to implement an application similar to the chat function of HelloTalk. We needed to be able to create user accounts, implement chat functionality in real-time, and allow users to search for potential chatting partners.
Research
One of our first steps was to survey potential users. We asked them how they would prefer to be matched with other users and which features they were most interested in from a predetermined list.
We chose to incorporate filtering by age, language proficiency, and interests due to their overwhelming popularity and decided to prioritize creating a pop-up dictionary if time allowed.
Sketches
Typography
Colors
Mockups
Reflection
The principal lesson that I took away from this project and its revamp is the importance of planning. There were some crucial components of any chatting application that were left out in the final product (namely, managing friend requests) due to time constraints and inexperience.
If I were to redo this project, I’d more thoroughly plan out the different features and their components with user flow diagrams and study similar applications for inspiration.
If I were to redo this project, I’d more thoroughly plan out the different features and their components with user flow diagrams and study similar applications for inspiration.
View an interactive prototype here
