Conception graphique d'une interface pour l'application web cartographique de géolocalisation proposée par OCEAN.
![](/app/uploads/2023/06/Carto-OCEAN-mockup-low.png)
![picto-vehicule.png picto-vehicule.png](/app/uploads/2023/06/picto-vehicule.png)
Véhicules
![picto-trajets.png picto-trajets.png](/app/uploads/2023/06/picto-trajets.png)
Trajets
![picto-poi.png picto-poi.png](/app/uploads/2023/06/picto-poi.png)
POI
![picto-alerte.png picto-alerte.png](/app/uploads/2023/06/picto-alerte.png)
Alertes
Général • Brief
OCEAN propose une application web de gestion de flotte de véhicules géolocalisés. Elle contient divers contenus, statistiques, outils, dont une interface cartographique permettant de visualiser les positions des véhicules ainsi que leurs trajets.
Pour soutenir la nouvelle version de l’application, qui offre des fonctionnalités supplémentaires, et moderniser l’interface, j’ai réalisé un certain nombre de maquettes graphiques détaillant toutes les interfaces possibles et destinées à l’équipe développement.
![](/app/uploads/2023/06/Carto-OCEAN-screenshot-avant.jpg)
Avant refonte
![](/app/uploads/2023/06/Carto-OCEAN-screenshot-apres.jpg)
Après refonte
Maquettes • Trajets
![](/app/uploads/2023/06/Carto-OCEAN-screen-2.jpg)
Trajet détaillé d’un véhicule
![](/app/uploads/2023/06/Carto-OCEAN-screen-1.jpg)
Trajets journaliers sur véhicules multiples
Maquettes • Alertes
![](/app/uploads/2023/06/Carto-OCEAN-screen-3.jpg)
Alerte véhicule
![](/app/uploads/2023/06/Carto-OCEAN-screen-4.jpg)
Événements et alertes véhicules
Maquettes • Actions véhicules
![](/app/uploads/2023/06/Carto-OCEAN-ACTIONS_VEHICULE-low.jpg)
Actions véhicule
![](/app/uploads/2023/06/Carto-OCEAN-screen-6.jpg)
Actions véhicule : calcul d’itinéraire
![](/app/uploads/2023/06/Carto-OCEAN-screen-5.jpg)
Actions véhicule : calcul d’itinéraire
Maquettes • Véhicules et POI
![](/app/uploads/2023/06/Carto-OCEAN-screen-7.jpg)
Clusters véhicules et POI