Identité visuelle et site internet : du papier aux interfaces

Pour Le Change, le travail d’identité ne s’est pas arrêté au logo. J’ai réalisé les photographies, les menus dépliants, la carte des boissons, les dessous de verre et les panneaux, puis le premier site internet. Les supports reprennent les mêmes codes graphiques, avec une mise en page adaptée à leur usage.

Un menu se parcourt à table ; le site permet de préparer une venue. Le passage du papier à l’écran demande donc de conserver les repères du lieu et de réorganiser les informations. C’est une partie de mon travail de webdesigner et de fondatrice de Minuit d’Orsay à Paris. Cette attention aux liens entre les supports trouve aussi un écho dans le travail de William Morris et sa manière de penser le décor d’un lieu dans son ensemble.

Menu dépliant ouvert du Change, avec couverture bleue et pages intérieures claires.
Le menu dépliant du Change : couverture bleue et pages intérieures claires.

Garder les codes du lieu sans copier le support

La typographie, les couleurs et la manière de présenter les images créent une continuité. Sur le site du Change, les photographies montrent la salle et les plats, la navigation donne accès aux cartes et le formulaire permet d’envoyer une demande de réservation.

Les informations doivent aussi se lire sur téléphone. Déposer un menu imprimé comme une grande image ne règle pas forcément ce besoin. Je regarde les éléments qui identifient le restaurant, puis la façon dont le client les consultera sur chaque support.

Site internet du restaurant Le Change : titre « On se retrouve au Change ? » et photographies du café.
Le site du Change : les photographies et la typographie prolongent l’identité du restaurant.

Le détail de la création du site de restaurant montre les pages et les fonctions à prévoir. La page du projet rassemble les supports réalisés.

Hemra : une identité dans une application

Hemra est une application d’inventaire numérique pour les résidences, les logements Airbnb, les hôtels et les collections privées. Pour ce projet, les missions couvrent l’identité, le product design et les interfaces UX/UI, ainsi que l’adaptation à l’écosystème Apple et la préparation de la mise en ligne sur l’App Store.

Une application ajoute des tâches à accomplir : consulter, classer ou compléter des informations. Les titres, les repères et les éléments d’interface doivent rester cohérents tout en accompagnant ces usages. L’identité ne concerne donc pas uniquement l’écran d’accueil.

Écran de l’application Hemra pour organiser un inventaire numérique
Hemra : une interface d’inventaire numérique.

Varenne : examiner les choix avant le développement

Varenne est une étude fictive de site de mode conçue jusqu’au prototype interactif sur Figma. J’y ai travaillé la direction visuelle, la hiérarchie et la présentation d’une collection. Le prototype permet d’examiner les écrans et les parcours avant un développement éventuel.

Pour une marque, je distingue l’identité à conserver, les contenus à présenter et les actions à faciliter. Le site d’une marque de mode et le webdesign mode et beauté précisent ces besoins. Une étude de conception reste distincte d’une boutique déployée.

Le logo ne porte pas toutes les décisions

Une identité se retrouve aussi dans la taille des titres, les espacements, les légendes, les images et les boutons. Ces éléments apparaissent sur beaucoup de pages et doivent fonctionner avec des contenus différents. Je cherche à définir des règles utilisables, plutôt qu’une seule composition difficile à décliner.

L’organisation éditoriale d’un site rejoint ce travail : une page de référence, un article et une page pratique peuvent conserver les mêmes repères sans avoir la même structure.

Les éléments utiles pour commencer

Le logo et ses variantes, les polices utilisées, les couleurs, les photographies et quelques supports existants constituent un bon départ. Ajoutez le site actuel et les pages qui vous semblent les moins cohérentes. Je peux ainsi distinguer ce qui mérite d’être conservé de ce qui doit être adapté au mobile et à la navigation.

Le périmètre peut comprendre l’identité visuelle, le webdesign et les supports imprimés. Les missions réalisées pour Le Change et Hemra montrent des combinaisons possibles ; elles n’imposent pas de refaire toute l’identité d’un projet.

Parler de votre identité et de votre site

Rédigé par

Tamara Chaudesaigues

Partager cet article

Plus d’articles