top of page
Paul.png
Paul.png
Paul.png

Driver App

For this project the Driver App has been designed to work with the backend data in the core Hauling application.  This allows the App to record data from the users end to the CRM platform.

Location: Remote.

Services: Greenfield Design, Prototyping, User Journeys.

Role: UI/UX Designer.

Driver_App_Double.png

The

Story

The Driver App is a response in visual design to help the user to speed up their workflow on a daily hauling shift.  The aim is to increase productivity of the Haulier by reducing the amount of paperwork and automating key logistical inputs all within the app.

On this product lifecycle, I have worked on the initial research to wireframing and even test protyping using Figma.  By working alongside an amazing team, together we set up a style guide and created a wide variety of user journeys.

Mac_Screen_01_Driver.png
rzBzkAlZWG.gif

User

Experience

Planning is critical when building such complex data intensive apps.  Our team leader gave us workshops and sticky sessions to correctly map out our approach.
I went through iterations of wireframes and interactive prototyping on Figma.  This often tied back to test directions within our teams and stakeholders.

Mac_Screen_02_Driver.png
Mac_Screen_03_Driver.png

User

Interface

The planning that went into the app helped build out the assets in the style guide.

We used Material as a go to formula and through meetings with frontend developers decided the best course on how to create the assets which could be used with Outsystems.  We then applied that to style guide.

06_WO1_Start_Phone.png

Problem

& Solution

The most challenging aspect about this project was correctly visualising the UI so that it flowed uniformely and easily for the user.  Many things had to be taken into account from pressing buttons with gloves on to simplifying the checking process of a vehicle.

These challenges were solved through a lot of research and testing and iterative prototyping, working alongside the Frontend and Backend Devs.

07_Checks_Mock.png
bottom of page