Project:
Utterly

Learn a language. Find your voice.

Utterly.

Utterly is the design for a web app that enables language teachers to advertise their services and independent language learners to discover and book them.

The design is available as a native app for both iOS and Android.

young woman using Utterly app to choose a language class

My roles

End-to-end product design

Native iOS app design

Native Android app design

User testing

User interviews

Duration

April-May 2021

The users

I developed composite user profiles based on interviews and active social listening.

About Grace

Age 26. Brooklyn, NY, USA. Project manager, non-profit sector

Goals

Practice Spanish conversation; maintain Spanish skills; find Spanish teachers in her area

Technology

Heavy mobile user; iOS; Instagram; Pinterest

Quote

“Learning Spanish with apps got me through COVID lockdown. Now I’m ready to take my skills to the next level.”

About Marco

Age 35. Oaxaca City, Mexico. Spanish teacher

Goals

Connect with potential Spanish students; build up enough steady clients to make teaching his full- time job

Technology

Mobile user; Android; not much social media

Quote

“I’ve been teaching Spanish as a side job for years. Now I’m ready to quit my day job and teach full time—if I can build up a solid client base.”

Styles

Style guides for the native iOS and Android apps were designed in accordance with the native components, aesthetics, and standards described in the 2021 iOS Human-Interface Guidelines and Material Design documentation, respectively.

iOS color palette

The iOS palette includes its native grayscale shades.

Utterly color palette for native iOS app

Android color palette

The Android palette follows the Material Design approach to using multiple shades and tints of primary and secondary colors.

Utterly color palette for native Android app

Typography

The iOS version of the design utilizes variations of iOS' native San Francisco typeface.

The Android version of the design utilizes variations of Roboto, in accordance with Material Design guidelines.

Sample iOS UI components

Native components and UI patterns are used whenever available.

Sample Android UI components

Native components and UI patterns are used whenever available.

sample UI components for native Utterly app

Final design

Utterly was designed to support independent language teachers as they professionalize and language learners' passion for learning on a single easy, flexible, secure platform.

View full case study (PDF)

Features

Account & profile

Favorites

Booking

Secure chat & messaging

Secure checkout

Help & support

mockup of four Utterly screens on iPhone

mockup of four Utterly screens on Android phones

Project:Utterly