Case Study / Web App Design / Bateriku

Transforming Bateriku Internal Dashboard Experience

My role

  • Problem solving
  • User flow
  • User research
  • User interviews
  • Product designer
  • User testing
  • Supporting front end

Platform

  • Web App Workshop

Product

Bateriku

Year

2023

Bateriku.com App Interface

↑ Sneak peek of Bateriku Internal Dashboard redesign

Introduction

Bateriku is a service that assists drivers in Malaysia with the delivery and installation of new car batteries at their location. Their internal operations dashboard grew more challenging to use as the business expanded. Workflows were ineffective, tools were scattered, and teams became overwhelmed with information.

I was given the responsibility of revamping the internal dashboard to assist operations teams in more effectively tracking service performance. The objective was to simplify decision-making and enable teams to execute actions quickly based on real-time data.

Before Image of Bateriku Dashboard

Problem

1. Information Overload: The dashboard displayed an excessive amount of data that was not clearly organized. Teams were unable to immediately figure out what required attention or action.



2. Unsatisfactory Decision Making: In order to fully understand business performance, teams had to rely on spreadsheets and switch between several tools. This caused confusion and slowed down response times during peak operating hours.

Approach

After analyzing team workflows and current pain points, we identified two main approaches:

1. Complete Rebuild – Start fresh with entirely new architecture and advanced analytics features.
2. Strategic Redesign – Keep existing data sources but reorganize and clarify the interface systematically.

We decided to use the Strategic Redesign method for the MVP. By emphasizing scalability through a modular structure that can expand with user demand, usability by prioritizing intuitive user flows and accessibility standards to reduce inconvenience points, and establishing a unified visual system with reusable components and standardized patterns that maintain brand integrity while enabling rapid iteration and development efficiency, it enabled us to rapidly improve the experience while preparing for future enhancements.

Solution

1. Clear Visual Hierarchy
I rearranged the data so that the most crucial metrics are visible first. Instead of scrolling through peaks of data, teams can now quickly identify problems and opportunities.

2. Modular Card System
To make it easier for teams to scan, I organized related metrics into focused cards (orders, merchants, and completion rates). For improved context, each card displays current status and trend indicators.

It was difficult for the user to determine which data needed urgent attention because the original dashboard handled all of the data equally. I used a color scheme, visual weight in our revised version to naturally direct users to the most important data first.

What I Learned

  • Internal tools can have just as much impact as customer-facing products. Even though this dashboard isn't visible to end users, it directly shapes customer service quality.
  • The biggest challenge was balancing information depth with ease of navigation. We had to provide enough data for decisions, but keep the interface scannable.

Impact to company

  • The operations team found it simpler to identify critical problems and monitor performance after Bateriku internal dashboard was revamped which also helped to reduce clutter.
  • Faster decisions, reduced delays, and increased team productivity resulted from this, particularly during peak times. Further growth and improvements are also supported by the revamped design. Above all, it enabled the team to provide customers with faster and more accurate service.