• À propos
  • Projets
  • Contact
Image de couverture pour le Design System de l'UPJV
Client

Université de Picardie Jules Verne

Année

2024

Secteur

Universitaire

Domaines d’intervention

UX/UI Design

Contexte

Pour répondre aux besoins croissants en matière de cohérence et de performance des applications métiers de l’UPJV, j’ai conçu un Design System complet et documenté. Ce projet visait à créer un cadre de référence commun pour garantir une expérience utilisateur fluide et homogène, tout en optimisant les processus de design et de développement.

Principaux objectifs :
- Harmoniser l’interface des différentes applications métiers.
- Standardiser les styles (typographies, couleurs, systèmes de grilles) et les composants pour simplifier le travail des équipes.
- Faciliter l’adoption de bonnes pratiques en matière d’UX/UI.

Mon rôle
En tant qu’UX/UI designer, j’ai piloté ce projet en réalisant un audit des interfaces existantes et en recueillant les besoins des équipes design, développement et utilisateurs finaux. J’ai ensuite défini les styles fondamentaux, comme les palettes de couleurs, les typographies et les systèmes de grilles, tout en concevant une bibliothèque de composants modulaires et réutilisables. Enfin, j’ai documenté l’ensemble dans un guide clair et détaillé pour faciliter l’intégration et encourager la collaboration entre les équipes.

Résultats
Le Design System a permis d’harmoniser les applications métiers de l’UPJV, offrant une base solide pour des interfaces cohérentes et un gain de temps considérable dans les processus de conception et de développement.


Système de couleurs du DS
Le système de couleurs du Design System de l'upjv
Typographie du DS
Typographie utilisée au sein des différentes application métiers et sites.
Système de grille
Système de grille basé sur la règle de 8 points.
Les styles

Pour poser les bases du Design System, j’ai travaillé sur l’unification des styles visuels, garantissant une expérience utilisateur cohérente et accessible à travers toutes les applications métiers. J’ai défini une palette de couleurs claire et structurée, pensée pour répondre aux contraintes d’accessibilité tout en véhiculant l’identité de l’UPJV.J’ai également établi une hiérarchie typographique précise, offrant une lecture fluide et une organisation visuelle harmonieuse adaptée aux différents contenus. Enfin, j’ai mis en place un système de grilles basé sur des multiples de 8 points, permettant une disposition régulière et responsive des éléments tout en facilitant l’alignement et l’esthétique générale des interfaces.

Composants du DS
Différents composants du Design System.
Les composants

Après avoir établi les styles fondamentaux, j’ai conçu une bibliothèque de composants réutilisables et modulaires. Ces éléments couvrent les besoins essentiels des interfaces utilisateurs, tels que les boutons, les champs de formulaire, les cartes et les barres de navigation. Chaque composant a été pensé pour s’adapter à une variété de contextes tout en restant cohérent avec les styles définis. J’ai accordé une attention particulière à l’ergonomie et à l’accessibilité, afin de garantir une expérience utilisateur optimale, quel que soit l’environnement ou l’appareil utilisé. Ces composants, accompagnés d’une documentation claire et complète, constituent un outil précieux pour les équipes de développement, facilitant leur intégration et leur adoption dans les différents projets de l’UPJV.


projet précédent projet suivant

Discutons !

Si mon profil a capté votre attention et que vous souhaitez travailler avec moi ou en savoir davantage sur mes compétences et mon expérience, n’hésitez pas à me contacter.

Envoyer un message Télécharger mon CV

- Tous droits réservés.

www.pierrefardel.fr