inetis, agence créative
  • Services

    Web

    • Sites internet
    • Rapports annuels digitaux
    • Accessibilité pour personnes en situation de handicap

    Applications

    • Applications métiers
    • Portails clients/membres
    • Application pour l'insertion socio-professionnelle

    Design

    • Identités visuelles
    • Expérience utilisateurs et interfaces (UX/UI)
    • Supports imprimés
  • Réalisations
  • A propos
    • Philosophie et équipe
    • Technologies
    • Actualités
  • Contact
  • Accueil
  • Web

    • Sites internet
    • Rapports annuels digitaux
    • Accessibilité pour personnes en situation de handicap

    Applications

    • Applications métiers
    • Portails clients/membres
    • Application pour l'insertion socio-professionnelle

    Design

    • Identités visuelles
    • Expérience utilisateurs et interfaces (UX/UI)
    • Supports imprimés
  • Réalisations
  • A propos
    • Philosophie et équipe
    • Technologies
    • Actualités
  • Contact
Retour à la liste des projets

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

22.05.2019
Identités visuelles UX/UI
Voir le site

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.

L'UI ou interface utilisateur désigne l'environnement graphique visible par l'utilisateur lorsqu'il navigue sur un site web ou une application. Son but est d'offrir une expérience de navigation agréable au travers d'éléments visuels: boutons, typographie, etc.

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.

inetis SA

Grand-Vigne 7, 1302 Vufflens-la-Ville, Suisse
À 10 km de Lausanne, 60 km de Genève, 50 km de Fribourg, à la campagne quoi !

Blog

26.09.2024
inetis, et sa capacité d’adaptation dans le domaine de la digitalisation

Tous les articles de blog »

Contactez-nous

021 731 70 88
info@inetis.ch

Page de contact et plan d'accès
© 2006-2025 inetis SA, registre du commerce
Facebook LinkedIn Instagram
  • Monitoré par 1pilot.io
  • Crédits du site web
  • Entreprise formatrice