JOHN DUSTIN PATTERSON

OTTO SMARTPHONE APP
PROJECT SCOPE
  • App Prototyping
  • UI/UX
  • Branding/Identity
WHAT IS OTTO?
Otto is a smart phone application/device that helps drivers diagnose car problems. Otto tells you what car parts need maintenance, repair or replacing. With its simple, intuitive interface, Otto takes the intimidation out of car maintenance. It’s designed for drivers, not mechanics.

CHALLENGE

The challenge was to build a smartphone app that worked with a smart device. Using the agile development framework, the device was to be wireframed, user-tested, and delivered in prototype form.

SOLUTION

We choose to build Otto, a smartphone app that uses an OBD2 device to diagnose car problems. You simply plug Otto into your car and get real-time information via bluetooth to your smartphone. Otto was designed to be simple and accessible to all driving demographics. The warm gradients are welcoming and the interface is straightforward and uncluttered.

THIS IS OTTO

Otto is a smart phone application/device that helps drivers diagnose car problems. Otto tells you what car parts need maintenance, repair or replacing. With its simple, intuitive interface, Otto takes the intimidation out of car maintenance. It’s designed for drivers, not mechanics.

HOW OTTO WORKS

Using Otto is simple. Plug the OBD2 device into the connector just under the steering wheel. When the light turns on, your phone is connected via Bluetooth. Now Otto will tell you every little thing about your car!

 

USER PERSONA

  • NAME:  Margaret Jacobson
  • AGE:  34
  • JOB:  Elementary School Teacher
  • INCOME:  $60,000 A Year (combined income with husband)

Maragret spends alot of time in the car: commuting back and forth to work, picking up her two kids from daycare, and shopping at the grocery store. She counts on her car, but she doesn’t trust auto mechanics. Otto would help her save money on car maintanence and let her feel safer behind the wheel.

TARGET MARKET

It is important that Otto be welcoming, accessible, and easy to understand to drivers of all demographics, but most specifically women and people who felt less comfortable with car mechanics. This demo could be easily turned off by an app that was too dense with dials, buttons and jargon.

USER JOURNEY

This graphic shows how a customer would move from discovering Otto to becoming a loyal customer.

APP MAP

This site map shows how Otto’s information is organized and where interaction will lead a user. The menus and sub-menus are streamlined and intuitive to anyone familiar with a smartphone.

STYLE GUIDE

Otto was designed to be intuitive and accessible. Most car apps are cluttered with dials and heavy on textures. Otto has a warm, welcoming gradient with blue-green pop colors. The text is geometric, but straight-forward and legible. The logo is a drivers wheel: Otto puts you in charge.

 

OTTO PROTOTYPE

Use this slider prototype to explore how Otto works with your car.

VIDEO AD

OTTO ADVERTISEMENT

Here is an example of an Otto ad.

 

 

This advertisment for Otto was animated and edited in Premiere.

© Dustin Patterson