Web Redesign

We are excited to share that Digital Fleet is launching a new look and feel for the web application. 

The goal of this project was aimed at adding hierarchy and organization to the navigation elements along with improving the desktop, tablet and mobile experiences. This foundational improvement will allow for a consistent experience between the different sections of the site and allow for easier future updates.

To ease with the transition, the rollout of the new web application will allow for the temporary use of the old web user interface along side the new interface. The banner at the top of the web application will allow you to see the new experience and go back to the old experience should you choose to do so.

Left Hand Navigation and Responsive Design
As seen in the screenshots below, we’ve added a left hand navigation. Moving the navigation to the left side allows for better response on mobile devices and allows for easier addition of feature buttons in the future.

Desktop:

Tablet:

Mobile:

While this initial redesign was not a full design for tablets and phone, you can see that we have a fully responsive site now and have laid the foundation to make more improvements to individual pages over time.

Page Navigation
The primary update for the functionality of the web application is seen when switching between the various screens. In the old web application, selection of a different area of the application would open a new window. In the new web application, all screens live within a single page and selection of an item in the left hand navigation will open in the current window. This provides the user with a consistent layout throughout the web application and will provide the user a similar experience to every other web application on the internet. This also allows for better use of the built in web browser functionality for opening a page in a new tab or window to give the user the choice on how they prefer to arrange their Digital Fleet session.

Map Specific Functionality
In addition to the overall layout update, the map page menu has been reorganized. This reorganization has moved the filter and truck name selections into the map as both elements impact the map view by toggling truck labels or filtering specific point and truck classes. Also the middle dropdown and right hand asset search bar have been combined to improve the truck and point search functionality. This should help reduce confusion on which area to use for searching on the map and also provides a more intelligent type ahead experience.

The other functional change to the map is seen when using the Address Search feature. Along with entering an address in the Address Search box, it is now possible to trigger an Address Search by right clicking on the map. When this occurs, a pin will be dropped and the Address Search window will open with the address, latitude, and longitude of the pin location along with the distance to the five closest plants.

Support Links
In the lower portion of the left hand navigation, a Support section was added to provide easier ability to create support tickets, view platform documentation and FAQs. The FAQ, User Guides, and What’s New links navigate to our documentation portal and provide an up to date listing of updates to the platform, web and driver applications.

Clicking the ‘Contact support’ link will open a web form to submit questions and/or report issues to the Digital Fleet support team. Using this form has the same end result as sending us an email to [e-mail].

Overall
A significant amount of design and development went into these changes and we are very excited to release this functionality. The new navigation is the foundation for the future of the Digital Fleet web application and we are looking forward to hearing your feedback. Please let us know if you have any questions or concerns. Thank you!