Retour à la liste des projets

plans-reseaux.ch : création de l'identité graphique et de l'interface de l'app web

L'application web plans-reseaux.ch fourni un accès simple et rapide à tous les plans référencés dans le catalogue asitvd.ch

Vue de plans-reseaux.ch sur un smartphone tenu par une main

La touche inetis

Ce projet nous a permis de concevoir une identité graphique et de partager notre expertise en matière d'expérience utilisateur.

Cette application web a été réalisée avec Bootstrap 4 auquel nous avons ajouté différents composants d'interface, le client a finalisé le développement en interne.

Logo plans-reseaux.ch en noir et orange

Nos solutions

La création d'une nouvelle identité graphique

Le nouveau logo se compose d'un sigle isométrique représentant un plan sur lequel nous avons dessiné les limites du cadastre et affiché les métadonnées. Les couleurs du logo, noir et orange, ont été choisies par référence au chantier. Le mot "réseaux" apparaît en gras et la mention "Association pour le Système d'information du Territoire Vaudois" (ASIT VD) vient souligner le nom du site.

Le web design

Nous avons conçu une charte graphique cohérente avec l'univers dans lequel sont utilisés les plans.

Nous avons opté pour des codes graphiques sobres, des boutons visibles et des pictogrammes explicites.

Nous avons simplifié et diminué le nombre d'actions à réaliser pour commander un plan.

L'interface utilisateur

L'interface de l'application a tout d'abord été développée pour faciliter la navigation sur mobile avant d'être adaptée en version "desktop".

En accord avec le client, nous avons proposé des changements de nomenclature des actions pour en faciliter leur compréhension.

Le développement

Le template de l'application est réalisé en Bootstrap 4. Nous l'avons personnalisé en y ajoutant des composants d'interface. La suite du développement a été effectuée par l'ASIT VD.

Page d'accueil desktop de plans-reseaux.ch

Zoom sur l'interface utilisateur

Pour ce projet, nous avons commencé par développer l'interface mobile de l'application. Le but étant de permettre aux utilisateurs de commander facilement des plans où qu'ils se trouvent. L'application offre aussi un accès rapide aux numéros d'urgence et à toutes les informations concernant les raccordements.

Les utilisateurs étant essentiellement des professionnels présents sur les chantiers, l'accès au site par mobile était l'objectif principal du projet. Nous avons donc, entre autres, travaillé sur la facilité d'utilisation des boutons en pensant aux contraintes d'utilisation au doigt.

Maquettes des différents écrans de l'application fait sous Adobe XD

Le client

L'association pour le Système d'information du Territoire Vaudois (ASIT VD) fédère la communauté des professionnels qui utilisent et produisent des géodonnées sur le territoire vaudois. Elle compte 400 membres et 62 fournisseurs. Son rôle est de faciliter l'accès aux géodonnées présentes dans un catalogue de plus de 500 références.

L'association promeut également l'échange de connaissances au travers d'évènements réguliers et de publications ciblées.