Back to portfolio

Case Study

Tekonsha Mobile App

UX Cabin redesigned the Tekonsha IOT mobile app to streamline the experience of managing towing through break controller technology.

UI/UX Design IoT IOS & Android

⚡ Simplified Workflows

We took a cumbersome workflow, simplified it and made it delightful.

Simplified workflows

📱 IOS and Android

All designs took into account the specifics for each platform

iOS and Android

🎨 Design System

Design system of every component and their use case throughout the app

Design system

Summary

UX Cabin partnered with Balance Innovation and Design to redesign Tekonsha's mobile app experience.

Background

Tekonsha wanted to enhance the users towing experience by providing the latest brake controller technology right at your fingertips.

Objectives

  • Design an application that aesthetically blends in with a truck's dashboard design.
  • Make controls easy to use and distraction-free.
  • Give interactive elements clear visual cues.
  • Provide drivers with just enough information to make a quick decision.
Tekonsha overview

Design

UX Cabin established a visual direction that seamlessly blended into a truck's dashboard.

Principles

  • Provide clear visual cues for interactive elements.
  • Make it feel analog.
  • Prioritize truck driver safety.

Inspiration and Exploration

We went through many design iterations testing out different visual design styles, controls, knobs that would look right while also providing the best user experience.

Design exploration Visual styles exploration

Easy Settings Calibration

Calibrate the power and boost controls from your cell phone. Making this feature interact via bluetooth keeps drivers in the car rather than adjusting settings on their cargo management products.

Settings calibration

Component Styleguide

We created a component guide for the major elements used within the app. This was useful for designers reference of styles, spacing, elements, and reusable components.

Component styleguide

Manage Trailers and Devices

Adding a cargo device to your account is as simple as answering a few questions about your product and pairing it with your phone.

Device management

Enhance Your Towing Experience

  • Store numerous training settings.
  • Calibrate power and boost settings.
  • Switch between timed and proportional braking.
  • Receive alerts for any fault conditions in real time.

Final Results

We were able to create a digital experience for users while maintaining safety as the number one priority. Users can now control physical cargo products from their smartphone.

Tekonsha final results