1. Current State - Mobile App
My approach for designing the web application was based heavily on the TripLingo mobile app. Since I had a hand in developing the app for both iOS and Android, and I naturally became familiar with all of the product's features and services.
After logging in and selecting a destination, the user is taken to a dashboard view where they can access TripLingo's suite of tools. There is a variety of language learning tools including flashcards, a voice translator, and the slang slider — a tool that provides four different variations of a given phrase. Additionally, the culture notes guide helps users avoid faux pas and teaches basic etiquette about the selected country or region.
Below are examples of these various tools and views in the pre-existing mobile app.