Design
Task Flow
This direct task flow indicates exactly which screens are necessary for the minimum viable product in this new feature design. Pages such as the home page, messages tab, and the several chat option screens that follow are exactly what is needed to be able to perform our two prototyping tasks. The screens needed are in relation to the “new message” function as well as the “chat with existing friend” function listed below.

Design
Low-Fidelity Wireframes (Sketches)
With their pre-established branding identity, low fidelity wireframes of the new messaging feature were sketched out on paper. Sketching on paper was much quicker than recreating full wireframes in this case since the style is known and the stakeholders have an idea of what it will look like based on branding.

Design
High-Fidelity Prototype
Using the design system already available on Duolingo’s website, the high-fidelity prototype of the messaging feature comes to life based on positive feedback on the flow of the wireframe designs. The key to keeping this new feature user friendly was utilizing Duolingo’s onboarding system featuring their mascot Duo who gives detailed instructions on what to do during each step.