Project Details
Information
The Client
12GO is a software company that is dedicated to provide ease of use and efficiency in the transport sector. 12GO offers 6 smart tools for more efficiency in daily transport management.
The Goal
12GO wanted a new user interface for their planning software and a new design for their website. They also wanted some print media that features their products and services.
Results
What I did
First of all I designed a new interface of their planning program alongside an interface of a mobile application. After that I designed a new website for 12GO with some print media.
User Experience & User Interface
01. New user interface
12GO offers a customized planning program in which transport businesses can plan trips, distribute orders, create missions and communicate with the drivers. In short, everything you need for efficient planning.
I redesigned their planning program completely and came with a new and fresh design. The focus on this new design was to provide an optimized user experience for the planners.
Below you can see some of designs I made. And on the 12GO PLAN product page you can learn more about the functionalities of the TMS software that we designed.
So first of all it’s important to know the client software. In the first step I analyzed the functionalities of the software.
Next I rated the user experience of the software by checking it on a series of feature usability checkpoints.
The assessment and results of this review were registered and formalized in a Usability Report that I handed over to the client.
Next step in this UX design process was to get inspiration and research from TMS (Transport Management System) programs and similar planning software.
I also explored and constructed alternative interactions for the interactions with a ‘less good’ to ‘bad’ user experience.
In this stage we determined how content is structured and presented to the user.
Wireframing is designing the building blocks (the skeleton), in this case of the planning program. The focus was on wireframing the structure, layout, navigation & functionality of the software.
When the wireframe was finished I went to the next step and that was creating a visual style that matches the client’s corporate identity. The styleguide consists typography, colors, important CSS styles,…
When the styleguide was finished. I combined it with the wireframes to design the final representation of the planning program. These called mockups.
Lastly I added interactivity to the mockups through prototyping. This is an example model of the final digital product, in which the interface, features and user flow are visible.
I delivered the following items to my client:
- Usability Rapport
- Mockups in high resolution PDF & PNG format
- CSS style guide in PDF & online format
- A working prototype that can be opened via a shared link
User Experience & User Interface
02. App design
12GO designed an app that facilitates the driver’s work throughout the journey. The driver can see the planning for each day. The goods and quantities can be validated via the app and corrected if necessary. With the timer, the loading and unloading times are neatly registered. Navigation can be started directly from the app. Documents can be scanned via the app and automatically saved in the right place. Damages and deviations can be saved as an image in the dossier. Communication between planner and driver is also logged in the file.
I designed the interface of the application that you can see below.
Graphic Desgin
03. 12GO Track Folder design
I designed a folder for one of the products from my client named 12GO TRACK. With 12GO Track transport businesses can locate their fleet at any time and observe individual journeys.
Web design
04. Website
An other big project that I took care of for my client was designing and developing a new website for their business. On this website you can learn more about their business and the services they provide.
Product pages
I designed a unique page for the 6 products and 2 services that 12GO offers to their clients.
Website Translation
I also made my client’s website translation-ready. The website is translated in Dutch, French and English.
You can drag the slider on the middle of the image on the right to see the translation change from Dutch to French.
Graphic Desgin
05. Car Wrap design
Lastly I also designed a car wrap for 12GO’s business car.
