Université de Franche-Comté
Date : 2024
Sujet : Refonte identité visuelle de l’Université de Franche-Comté
Projet Universitaire
Problématique :
L’Université de Franche-Comté étant sur le point de changer de nom, nous avions à imaginer une nouvelle identité visuelle qui montre à la fois son excellence académique, sa modernité et sa diversité. Celle-ci devait aussi faire la transition avec l’identité existante.
Université de Franche-Comté
Date : 2024
Sujet : Refonte identité visuelle de l’Université de Franche-Comté
Projet Universitaire
Problématique :
L’Université de Franche-Comté étant sur le point de changer de nom, nous avions à imaginer une nouvelle identité visuelle qui montre à la fois son excellence académique, sa modernité et sa diversité. Celle-ci devait aussi faire la transition avec l’identité existante.
Logo
Pour répondre à cette problématique, j’ai imaginé le logo à partir du “U” qui était déjà utilisé dans la précédente identité. J’ai déformé puis dupliqué cette forme pour créer un élément ressemblant à un atome ou à une fleur représentant à la fois la recherche, le lien avec la nature, l’unité, etc…
Inspiration
Polymorphe
Le logo devant être polymorphe, j’ai imaginé plusieurs déclinaisons suivant la couleur du fond mais aussi suivant les composantes de l’Université (IUT, IAE, UFR, etc…). Ces déclinaisons sont construites en changeant seulement le nombre de pétales du logo principal et / ou l’orientation de ces derniers.
Univers graphique
Pour continuer, j’ai créé une identité graphique autour de mon logo. Ainsi, j’ai imaginé une série de 4 affiches reprenant une partie du motif principal de mon logo et pouvant se combiner ensemble afin de créer la forme complète du logo. J’ai également montré les déclinaisons possibles de ce logo sur différents supports.
Animation
Une fois l’univers graphique créé, il me restait encore à imaginer une animation qui permette de montrer mon logo sous toutes ses formes. Pour cela, j’ai pris comme base un mouvement circulaire qui rappelle la forme globale de mon logo.
En savoir plus sur la réalisation
Avant de réaliser mon animation, j’ai dessiné un storyboard.
J’ai entièrement réalisé mon animation sur Adobe After Effects en construisant préalablement les différents éléments sur Adobe Illustrator.
Design System
Pour finaliser la création de l’identité graphique, j’ai réalisé une maquette pour la refonte du site web de l’Université. Une fois cette dernière créée, j’ai mis en place un design system présentant les différents composants du site, les couleurs, les typographies, etc… et leur utilisation.
Qu'est-ce qu'un design system ?
Un design system permet de définir un ensemble de normes, de principes, de composants et de bonnes pratiques à utiliser dans les services numériques / les sites web d’une organisation telle que l’Université de Franche-Comté. Utilisé par les designers et développeurs, un design system facilite la collaboration et permet de diriger les choix graphiques lors de la création d’un nouvel élément. Ce design system assure également le respect de l’identité graphique de la marque. Il fournit notamment des outils comme des palettes de couleurs, des typographies, des icônes, des grilles, et des composants.