This analytical dashboard was designed to inform about the status of an international ad campaign on social media. At the top level it gives an at-a-glance information over the performance in all markets. The top KPI numbers adjust once the user drills down to an individual market.
Graphical elements like flags, maps, charts and diagrams are balanced to reduce visual density and facilitate a quick and easy analysis of trends and developments in each market.
Dashboard Design
The mobile format enables workers in a shipyard to follow and assess the current conditions of all ongoing vessel operations.
The display of complex data within the limited screen size of a phone was mitigated by the tab and swipe interactions unique to mobile devices. Vertical scrolling lets the user select a specific Vessel, Crane or KPI. Horizontal scrolling reveals all available information for that item like historical development or progress of all associated activities.
Mobile
Data Monitoring App
Live data feeds are combined with a workflow management system to streamline the collaboration among team members. All tasks are grouped in to categories, labelled and individually marked by their status of accomplishment.
Dashboard
with Workflow & Check List
Subtask are managed via a list that can be filtered. Notes, alerts and comments as well as related report widgets facilitate the collective coordination and quicker completion of complex processes.
The GEO Tracker offers a live view of the current location of all trucks serving in the supply chain for grocery markets around Europe.
The dynamic zoom in on the performance of a single truck maintains the geographic context of the entire fleet. This makes it more intuitive for the user to identify possible bottlenecks or locating nearby trucks for assistance. Graphical overlays show contact information of drivers and store owners or provide relevant data to quickly address delays.
Live GPS, Status & Performance Tracking Tool for Delivery Truck Fleet
viewed inside a data table to the left and simultaneously visualized via an abstract graphical representation of every track in the switching yard. Each step in the shunting sequence can be inspected or managed in edit mode. The consist is color coded according to an arriving or departing train for a quick visual identification and management. An inspector above provides further details of the rolling stock currently selected.
Cargo Rail Shunting Planner
The timeline slider at the top allows the user to easily navigate or create upcoming shunting plans. A single shunt plan can be
Performance
Optimal
Problematic
Incomplete
Optimal
Normal
Problematic
Process Analysis Diagram
This design uses color and shape for an instant assessment of how a complex workflow was executed. Blue hues represent steps belonging to phase one whereas orange hues indicate steps of phase two. At a glance one can determine the quality of implementation through the sequence of blues and oranges. Connected blocks convey start and ending points and duration.
The positioning of the two shapes at the bottom instantly tell if delays might have caused any issues or performance indicators to turn red.
A stowage planner has to quickly assign positions of up to thousands of containers on to a cargo ship. The graphical UI of the planning tool permits an intuitive interaction flow for a fast and efficient execution of a redundant task. The design combines a customizable labelling system, simple table layouts with multiple edit modes and mouse actions like double click or click and drag.
Graphic
Ship Stowage
Planning
Tool
The design for this optimization program had to accommodate long calculation times in the background without locking up the application. Therefore a scenario queue was integrated next to a simplistic table centric layout. While the user can keep
Scenario
Optimizer
building new scenarios, icons indicate the calculation status of
each entry in the queue. Labels, tags and time stamps make a simultaneous management of all created scenarios quick and easy.