Battery Watcher

UI/UX App Design

Role

UI/UX App Design

Status

Complete

Services

Waterfall / Linear

Project Type

Mobile & Tablet App

Software Used

Brief

Battery Watcher utilises our BattWatcher product to connect to your car battery and transmits data directly to your phone through a Bluetooth connection to this app. You can view the voltage and health of your battery,the consumption of power per second and run various tests such as the Cranking, Charging and Battery tests to make sure you get the most out of your battery.

Photo of BatteryWatcher Product
Photo of BatteryWatcher Product

Goals

Deliver real-time battery health monitoring and diagnostics with easy-to-understand tests and live data for everyday users and enthusiasts.

The challenge

Battery Watcher needed to deliver accurate, real-time diagnostics from the BattWatcher device to a user’s phone via Bluetooth, while presenting data in a way that was both detailed for enthusiasts and approachable for everyday drivers.

Photo of BatteryWatcher Product
Photo of BatteryWatcher Product

Process

We started by identifying the key performance metrics drivers value most — voltage, health, and power consumption — and mapping out how these should be monitored, displayed, and tested within the app.

Photo of BatteryWatcher Product
Photo of BatteryWatcher Product

Research

Studied key battery performance metrics and typical user behaviors to design meaningful test procedures and intuitive data presentation.

Brand Identity System

The app integrates live battery status with detailed diagnostic tools, including Cranking, Charging, and Battery tests, giving users both quick health checks and deeper performance insights.

Colour Palette

Explore this palette of colors, each representing a unique shade with space for a description or additional content.

  • Primary

    #5A9FF0

  • Secondary

    #75ECA5

  • Tertiary

    #E70000

  • Other

    #FDFEFF

  • Alternative

    #132024

Wireframing

Wireframes prioritised a clear hierarchy between at-a-glance metrics and in-depth reports, ensuring users could access both without navigating through unnecessary screens.

Photo of BatteryWatcher Product
Photo of BatteryWatcher Product

UI Design

A clean, data-focused interface was created with clear typography, colour-coded indicators, and intuitive test controls, allowing users to easily interpret results and take action.

Development Process

Optimised for Bluetooth stability and low-latency data transfer, the app was built to handle continuous monitoring without draining device resources, ensuring accurate readings in real time.

Next Project: Gremio

Find me on

© Jayden Dry 2024