Drayflex Dashboard


Drayflex is a software platform underwritten by the Los Angeles Metro. The focus of Drayflex is to improve the efficiency of trucks coming in and out of the Port of Los Angeles, the most trafficked port in the northern hemisphere.


UX Designer working in tandem with a Project Manager.

← Back to Designs

Drayflex Dashboard Design


The dashboard module of Drayflex is targeted to a specific audience that has slightly different concerns from those of Dispatchers, the primary user of the system. Intended for Fleet Managers and above, the Drayflex dashboard displays valuable analytic information such as total trips, total miles, the number of successful dual transactions, and more. The specific challenge was how the design would facilitate the diverse concerns held by different trucking lines.


We began with subject matter interviews compiling a list of most commonly asked for analytics. There were several which stood out, total trips, total miles, total appointments which were made on time, and those that were missed. Past that, there was wide disagreement about what mattered most to companies.

There was also consensus among Subject Matter Experts and myself, that the dashboard should reflect two main types of data; the analytics reflecting the key performance indicators and a self-reflective account of usage that illustrated how effectively the client was utilizing the system itself. Those usage data points were easy to identify but also presented a double-edged sword. Businesses that used the tool were sure to see improvement in their key performance indicators. Businesses that underutilized the tool, would provide their own justification for discontinuing service.

The basic design for the dashboard appears below with our original 10 widgets. A control which displayed on rollover would allow users to hide or show any of them.

The dashboard mockup below is a work in progress with styling decisions regarding iconography still in play.

Dashboard Design

Drayflex Dashboard


The original problem of determining which data points to include in the UI grew more complex the more we talked to Subject Matter Experts and industry leaders. Data that was immediately useful to one company was flatly regarded by another as irrelevant. We compiled a master list of 14 primary data points which companies were most likely to use. The design solution would be to build UI widgets for each of the 14 data points. Users would then be able to easily remove widgets that they were not interested in. If they decided later they wanted a particular data tile back they could easily add it to their display.

Dashboard Detail Average Moves

Dashboard Detail

Drayflex is a software platform designed to modernize the trucking industry.

Back Next