Project details
Informatie
De klant
12GO is een softwarebedrijf dat zich toelegt op het bieden van gebruiksgemak en efficiëntie in de transportsector. 12GO biedt 6 slimme tools voor meer efficiëntie in het dagelijkse transportbeheer.
Het doel
12GO zocht een frisse gebruikersinterface voor hun planningssoftware, een herontworpen website en aanvullend drukwerk om hun producten en diensten te presenteren.
Resultaten
Wat ik deed
Ten eerste heb ik een nieuwe interface ontworpen voor hun planningsprogramma, samen met een interface voor een mobiele applicatie. Daarna heb ik een nieuwe website voor 12GO ontworpen, evenals wat drukwerk.
User Experience & User Interface
01. Nieuwe gebruikersinterface
12GO biedt een op maat gemaakt planningsprogramma waarin transportbedrijven reizen kunnen plannen, orders kunnen verdelen, opdrachten kunnen aanmaken en communiceren met de chauffeurs. Kortom, alles wat je nodig hebt voor efficiënte planning.
Ik heb hun planningsprogramma volledig opnieuw ontworpen en kwam met een nieuw en fris ontwerp. De focus van dit nieuwe ontwerp was het bieden van een geoptimaliseerde gebruikerservaring voor de planners.
Hieronder kun je enkele van de ontwerpen zien die ik heb gemaakt. Op de 12GO PLAN productpagina kun je meer te weten komen over de functionaliteiten van de door ons ontworpen TMS-software.
Dus het is allereerst belangrijk om de software van de klant te kennen. In de eerste stap heb ik de functionaliteiten van de software geanalyseerd.
Vervolgens heb ik de gebruikerservaring van de software beoordeeld door deze te controleren op een reeks usability-checkpoints voor functies.
De beoordeling en resultaten van deze review werden vastgelegd en geformaliseerd in een Usability Rapport dat ik aan de klant heb overhandigd.
De volgende stap in dit UX-ontwerpproces was het opdoen van inspiratie en onderzoek doen naar TMS (Transport Management System) programma’s en vergelijkbare planningssoftware.
Ik heb ook alternatieve interacties verkend en geconstrueerd voor de interacties met een ‘minder goede’ tot ‘slechte’ gebruikerservaring.
In deze fase hebben we bepaald hoe de inhoud is gestructureerd en aan de gebruiker wordt gepresenteerd.
Wireframing is het ontwerpen van de bouwstenen (het skelet). In het geval van het planningsprogramma lag de nadruk op het wireframen van de structuur, lay-out, navigatie en functionaliteit van de software.
Toen het wireframe klaar was, ging ik verder naar de volgende stap, en dat was het creëren van een visuele stijl die overeenkomt met de huisstijl van de klant. De stijlgids bestaat uit typografie, kleuren, belangrijke CSS-stijlen,…
Toen de stijlgids klaar was, heb ik deze gecombineerd met de wireframes om de uiteindelijke weergave van het planningsprogramma te ontwerpen. Dit worden mock-ups genoemd.
Tot slot voegde ik interactiviteit toe aan de mock-ups door middel van prototyping. Dit is een voorbeeldmodel van het uiteindelijke digitale product, waarin de interface, functies en gebruikersstroom zichtbaar zijn.
Ik heb de volgende zaken aan mijn klant aangeleverd:
- Usability Rapport
- Mockups in hoge resolutie in PDF- en PNG-formaat
- CSS stijlgids in PDF en online formaat
- Een werkend prototype dat kan worden geopend via een gedeelde link
User Experience & User Interface
02. App-ontwerp
12GO heeft een app ontwikkeld die de taken van een chauffeur tijdens hun reis vereenvoudigt. De app biedt dagelijkse planningszichtbaarheid voor de chauffeur en maakt validatie en correctie van goederen en hoeveelheden mogelijk. Laad- en lostijden worden nauwkeurig geregistreerd met behulp van een timer. Navigatie kan rechtstreeks vanuit de app worden gestart en documenten kunnen worden gescand en automatisch georganiseerd. Bovendien kunnen eventuele schade of afwijkingen als afbeeldingen in het dossier worden opgeslagen, en communicatie tussen de planner en de chauffeur wordt gelogd in het bestand.
Hieronder kun je de interface van de applicatie bekijken die ik heb ontworpen.
Grafisch ontwerp
03. 12GO Folder ontwerp
Ik heb een folder ontworpen voor een van de producten van mijn klant, genaamd “12GO TRACK.” Met 12GO TRACK kunnen transportbedrijven de real-time locatie van hun wagenpark volgen en individuele reizen controleren.
Webdesign
04. Website
Een ander belangrijk project dat ik voor mijn klant heb uitgevoerd, omvatte het ontwerpen en ontwikkelen van een nieuwe website voor hun bedrijf. Op deze website kunnen bezoekers meer te weten komen over hun bedrijf en de diensten die ze aanbieden.
Website vertaling
Ik heb er ook voor gezorgd dat de website van mijn klant klaar is voor vertaling, met vertalingen beschikbaar in het Nederlands, Frans en Engels.
Je kunt de schuifbalk in het midden van de afbeelding gebruiken om de inhoud te zien veranderen van Nederlands naar Frans.
Grafisch ontwerp
05. Auto Wrap design
Tot slot heb ik ook een auto wrap ontworpen voor het bedrijfsvoertuig van 12GO.
