RE Language App & Responsive Web Design

RE Language APP: Case Study

"RESPONSIVE WEB AND MOBILE DESIGN "

The Challenge:

This app was created with the intent of learning a new language, more specifically learning to read in a new language. In the language learning market, there lacked an app specifically focused on the user who travels abroad often and wanted to feel confident and safe communicating with others.

WireFraming

Before: Responsive Web Design

I designed the the initial screens with the intent of the user starting their language learning journey. Which included signing up, returning users, and language selection.

Before: Mobile Wireframe

After: User Flow "Responsive Web Design"

The desktop display of the RE language learning was designed using the progressive enhancement method while maintaining the integrity of The four C’s.

After completing the usability study. Results indicated users really emphasized the desire for multiple language selection. We added a grid option that visually display all available languages on the app. They can select the desired language(s) and add to their language learning account.

After: User Flow Mockup "Mobile Design"

After completing the usability study. Results indicated users really emphasized the desire for multiple language selection. We added a grid option that visually display all available languages on the app. They can select the desired language(s) and add to their language learning account.

After: User Flow Mockup "Mobile Design"