Loading
L
O
A
D
I
N
G
Web App / IOT
Smart Dashcam
Client Keeptruckin
Platform Web App / IOT
Role UI/UX Designer
BRIEF

KeepTruckin, a SaaS based Silicon Valley Startup with $1.4 billion evaluation, needed to smartly incorporate dashcam videos into the dashboard.

Single Image

As a UI/UX designer, I was asked to design an interface for Dashcam within the KeepTruckin's dashboard for Fleet Managers. Together with KeeTruckin’s ELD, this dashcam videos of certain events like sudden braking or acceleration and send its video to the dashboard. I designed multiple pages for this and then updated related sections in the rest of the dashboard.

💎 ELD is acronym for “Electronic Logging Device” which logs vehicle data including speed, fuel, engine condition etc using vehicle's OBDI port.
Single Image

In the US and Canada, truck drivers cannot drive for more than 11 hours without taking a rest. Usually that was done through paper records but and ELD (combined with KeepTruckin mobile app) can do this for drivers automatically. Driver can utilize it to generate logs through just their mobiles.

Single Image
Single Image

ELD communicates with KeepTruckin (KT)servers and these logs become accessible on the dashboard:

Single Image
Single Image

If the driver is working for a company though, there is a Fleet Manager (or FM) who manages a group of drivers & vehicles. Its their job to monitor the delivery of goods from one place to another and solve driver issues.

Single Image

ELD also had a feature where it could detect if a driver suddenly accelerates, takes a sharp turn in high speed or pushes the brakes too hard.

Single Image
Single Image

All these events were recorded by the ELD and sent to the server. This data was accumulated by KeepTruckin to assess the safety score of the driver. This page was called scorecards in dashboard.

Single Image
Single Image

The first task was to create a page which will appear when you click on the blue link of address in the above image i.e Scorecard details. Creatng most of this page was a straight-forward task with quite a few things already defined.

Single Image

One thing that took time was the graph. Which was pretty fascinating to work on:

Single Image
Single Image

Intro of Dashcam

Single Image

The next part of the project was to incorporate dashcam videos in the dashboard KeepTruckin. The idea was quite interesting and extremely efficient. Instead of recording everything and wasting a ton of data and memory, dashcam worked in sync with ELD in order to only record events which were of value.

Lets assumes this happens to a truck which has ELD inside it.

Single Image

The video of deer jumping ahead will be recorded by the Dashcam and saved to ELD. ELD detects the sudden stop through its sensors and sends that data to KT's server which then serves it to FM.

Single Image

So what should we do?

Single Image
Single Image
Single Image

Is most obvious solution correct?

This is where empathy and thorough consideration can help us can help us alot. If an event happens, the FM will be notified and give the intensity he might want to watch the video of it to determine what happened. If the fleet is big (KT’s largest customer had a fleet of ~500 trucks back in 2018) then the FMs might be overloaded.

When you think about the potential number of events is when this problem explodes exponentially. Suppose you open the laptop and see 250 driving events occurred in last 24 hours from your fleet of 45 trucks. In order to make it easy further, let’s say an average event is about 10 seconds long. It will still take you ~40 minutes just to go through them all.

Imagine the bombardment of driving events when 250–500 of your trucks are roaming the twin countries and braking, accelerating or hard cornering.

Single Image

This is where the scale is such an important consideration because an obvious solution can be a curse if its consequences are ignored.

Single Image

This is where the scale is such an important consideration because an obvious solution can be a curse if its consequences are ignored.

What to do?

This obvious solution I discussed above was already there in the previous design files I worked on. What we were trying to do was to make this feauture easier and less time taking to use.

Single Image

And we at first focused on gamification. Essentially making it somewhat less boring to watch the videos.

Single Image
Single Image

But then it hit us. But before we jump to that, there is a clip which is super relevant here:

If you look closely, there is a dimension of event which is present in two widgets

Single Image

So just like Cooper matched Endurance’s spin with his Ranger, we matched the video with the intensity graph (way less dramatic though). Only in this case, we were saving the lives of FM from being spent on looking at boring driving event videos!

Single Image

Result (a bit dramatic)


Video Credits: Moazzam Khalid
Single Image

Lastly, it took an incredible amoung of effort and time to reach to this solution but it was well worth it.

Single Image