Focus
Combatting distracted driving

Project
Mobile app

Role
Visual design

Client
TeenSafe, Inc.

Challenge
How do we assist parents in addressing the distracted driving epidemic?

Background
Distracted driving is a pressing issue in teenage drivers. Existing tools only monitor the problem and do little to engage with healthier driving patterns. TeenSafe wanted to take direct action and go beyond just teaching safe driving behaviors.

Outcome
A cross-platform tool that takes a proactive approach in enforcing safer driving habits. Focus was acquired in December 2018. The product is under development with SiriusXM - Connected Vehicles.

Introducing Focus

Working with the in-house TeenSafe team of designers and developers, we created Focus—a tool designed to direct prompt attention to the distracted driving epidemic in teenage drivers. Once the Focus mobile app is paired with a bluetooth beacon, parents can track their kids' driving behaviors and support proper driving habits.

A Guided Onboarding
Because Focus controls many aspects of a user's phone, such as blocking notifications and messages, there were complicated steps into setting up the tool for usage. Onboarding needed to be transparent with allowing phone permissions and informative enough to convey value and action of the installation steps.

focus_onboarding

Designing for a Different Android Onboarding
We had to design a separate onboarding experience for Android devices  because installation requirements differed. Users needed to perform a series of steps for the app to be fully functional. One of the biggest obstacles was being aware of how every Android device's settings is laid out differently. To solve this problem, toasts were used during the Android onboarding to textually lead users to properly install Focus on their phones.

focus_onboarding-android

Designing the Dashboard
The dashboard is the key screen in Focus as it is surfaces the ongoing log of a driver's trips. A huge problem we had to solve for on the dashboard was visually density. We had to filter and prioritize the right amount of information for parents. If the the app populated too much information, they would feel overwhelmed. On the flip side, too little information would be unhelpful. Other visual considerations included displaying location and broken driving rules.

focus_dashboard_drafts

Initial dashboard designs

Final Designs
The final dashboard design puts a prominent focus on a driver's most recent trips, showcasing the routes and driving incidents. Parents can tap in further to each respective trip and understand more about their kid’s drive. Every trip description goes into granular details about the location, time, and broken rules.

Driver Dashboard
Trip details

Designed for Anywhere, Everywhere
No matter where a teen driver may be, parents can access their driver's ongoing trip and history. Focus is available as a mobile app and on the responsive web.

focus_responsive

Afterthoughts
The initial launch of Focus was a good starting point in starting a conversation around distracted driving. In the future, I hope to extend on the Focus product to allow for a growing outlook on safer driving habits. I believe adding features such as trip data patterns and insights will promote more proactive conversations.

Afterthoughts
The initial launch of Focus was a good starting point in beginning a conversation around distracted driving. In the future, I hope to extend on the Focus product to allow for a growing outlook on safer driving habits. I believe adding features such as trip data patterns will promote more proactive insights and conversations.


Browse other projects