Donner un toit numérique au design en Nouvelle-Aquitaine

Client
ADI Nouvelle Aquitaine
Année
2020

Le challenge

Dans le cadre du plan Design de la région Nouvelle-Aquitaine, qui vise à sensibiliser, former et accompagner les entreprises à intégrer le design dans leur stratégie d’innovation, la Région et ADI souhaitent créer une plateforme web dédiée pour fédérer différents acteurs : un centre de design virtuel. Entreprises, designers, écoles, mais aussi collectifs, incubateurs, cette plateforme doit être pensée pour tous en prenant en compte les différents niveaux de connaissance du design.

Donner un toit numérique au design en Nouvelle-Aquitaine

Déroulé du projet

01. Cadrage et acculturation
02. Audit de l'existant et benchmark
03. Ateliers de co-conception
04. Arborescence et wireframes
05. Direction artistique
06. Design UI desktop et mobile
07. Prototype, recettage et livraison

Détail de l'étude

Co-conception UX et spécifications fonctionnelles

Première étape : mise en place d'un atelier de co-conception

En plus de la participation du client, cet atelier a permis de faire une analyse croisée entre le SEO, l’UX design et le développement.

Grâce à une étude amont et une première réflexion sur le contenu du Centre de Design, nous avons proposé de catégoriser ce contenu au travers d’un tri de carte et de consolider l’arborescence.

Présentation des process
Atelier UX

Conception UX et tests utilisateurs

Deuxième étape : création des wireframes suite aux ateliers

Les maquettes basse fidélité sont produites et des itérations hebdomadaires sont prévues. Elles assurent la bonne communication du travail en cours, le respect du périmètre technique et fonctionnel mais aussi pour maintenir une vision commune du projet.

Mock-up des wireframes
Parcours utilisateurs
3 wireframes

Identité visuelle et direction artistique

Création d'une identité pour DENA

Notre objectif : créer une identité avec un ancrage fort dans le territoire régional et national, tout en lui apportant une légitimité auprès des professionnels du design. Après des recherches et une réflexion autour de l’Histoire du design, l’équipe décide de s’inspirer de Bruno Munari, designer italien, utilisant les formes géométriques simples (cercle, carré, triangle), qui sont les fondations du design.

De cette réflexion est née la construction des caractères de l’acronyme DENA, qui symbolise une fenêtre ouverte sur le design.

Visualisation de la construction logo
Variantes du logo DENA

Les couleurs de la Région Nouvelle Aquitaine ont été conservées pour faire référence au territoire et pour permettre une association homogène entre les différents logos (Région/ADI).

Une nouvelle palette de couleurs secondaires a été ajoutée pour apporter du dynamisme et permettre une souplesse dans l’utilisation de l’identité visuelle.

Planche de logos de la région
Planche de palette avec trois couleurs primaires et six gammes secondaires déclinées en trois nuances

Le choix d’une police de caractère à empattement avec une forte personnalité pour les titrages, permet de faire écho à l’histoire du design et offre aux titrages un impact fort et assumé. DENA est un outil numérique rempli de ressources sur le Design.

La typographie d’accompagnement de la charte graphique est l’Open Sans. Spécialement conçue pour l’affichage écran, elle répond aux besoins techniques d’un projet 100% digital où l’interface de l’application est au cœur de l’expérience.

Typographies utilisées

L’un des intérêts de ce logo est qu’il est suffisamment impactant pour accueillir de l’image. Il devient alors l’élément central de la charte graphique. Il ne reste plus qu’a jouer avec les formes, les images et les couleurs.

Sac et affiche brandés
Aperçu affiches print

Design UI

Dernière étape du design de la plateforme.

Concernant l’interface de la plateforme, nos créatifs ont choisi un design épuré mais structuré, pour mettre en avant le contenu tout en donnant beaucoup d’espace à l’image.

Avec cette structure souple et lisible, l’utilisateur découvrira l’interface, sans se rendre compte de la complexité de sa construction.

Home page du site
Page UI événements
UI du site

Vous souhaitez discuter de votre projet ?

Échangeons sur vos enjeux, vos contraintes et vos ambitions pour construire ensemble la meilleure expérience utilisateur.

Contactez-nous