EPI94 est une société d’ingénierie indépendante créée en 1994, spécialisée dans les projets de bâtiment, d’infrastructures, d’énergie et d’industrie. Elle propose des services complets de maîtrise d’œuvre, d’assistance à maîtrise d’ouvrage et d’ingénierie technique. Reconnue pour son expertise en réseaux, fluides et automatismes, elle intègre innovation, numérique (BIM) et développement durable dans ses projets.
L’EPI94 (Établissement Public d’Insertion du Val-de-Marne) accompagne des jeunes et adultes vers l’emploi et la formation. Son nouveau site internet, déjà partiellement conçu, nécessitait une suite cohérente avec les premières pages, afin d’garantir une navigation fluide et homogène pour l’ensemble de ses publics : bénéficiaires, partenaires, institutions. En tant qu’UI/UX designer, j’ai été chargée de concevoir les pages complémentaires du site dans le respect de la charte graphique existante, tout en optimisant l’organisation des contenus et la lisibilité sur tous les écrans.
Comment décliner efficacement les nouvelles pages du site EPI94 dans le respect de sa charte graphique, tout en assurant une expérience utilisateur claire, inclusive et adaptée aux publics institutionnels comme aux bénéficiaires ?
Cette première phase très importante consiste à reprendre le brief créa et de l'analyser plus en profondeur afin de comprendre plus clairement la demande du client. Elle est composée en majorité de questions qui visent à éclaircir certains aspects du brief et éviter des zones d’ombre qui amèneraient potentiellement à ralentir le projet.
Cette phase permet également au client de s'exprimer. Quelle est sa vision ? A-t-il pensé à toutes les problématiques que comportent le projet ? Qu’est-ce qui est faisable ? etc. De cette façon, cet échange constructif permettra d'apporter de nouvelles idées dans les deux parties.
Cette étape consiste à analyser minutieusement l'identité graphique du client et les codes graphiques déjà mis en place sur la home-page qui était déjà pré-conçu. Elle permet ainsi de récupérer tous les éléments existants, comprendre leurs fonctionnements, comment ils sont utilisés et pourquoi afin de pouvoir ainsi les décliner sur les pages suivantes et voir s’il serait possible de créer de nouveaux codes.
Lors de cette phase, j'ai pu essayer plusieurs codes graphiques qui pourraient être cohérent avec l'identité graphique du client. Ces tests, bien qu'ayant pu être créer pour un élément graphique, ont en réalité pu être utilisés sur d'autres éléments de la maquette. C'est là, la preuve que ces tests graphiques peuvent toujours servir et être réutilisés dans d'autres situations.
Une fois les codes graphiques testés et validés, vient alors la phase de déclinaison et donc de création de l'ensemble des maquettes selon le contenu associé à chaque page. Certaines d'entre elles nécessitaient des codes graphiques en plus de ceux déjà réalisés. Par moment, il était également nécessaire de revoir certains éléments, sections, etc. qui étaient en partie déjà validé et ce notamment pour des raisons d'accessibilités. Ce qui a pu alors nécessiter de revoir certains codes couleurs par exemple, les les assombrir ou les éclaircir.
La création des maquettes a également nécessité des modifications d'illustrations que le client m’a fait parvenir, afin que ces dernières puissent s'intégrer dans les maquettes.
Une fois les maquettes desktop réaliséess, il a fallu concevoir les maquettes mobiles pour les pages plus complexes. Dans certaines de ces pages, il a été décidé de supprimer certains blocs d'images qui n'apportaient pas plus d'informations aux utilisateurs et qui étaient plutôt à des fins illustratives.
Enfin, quelques retours ont été effectués à la suite des retours clients.
Ce projet m’a permis de travailler sur des interfaces multipublics, mêlant dimension institutionnelle, sociale et pédagogique. J’ai renforcé ma capacité à organiser des contenus denses, à penser la navigation comme un accompagnement, et à proposer une UI sobre mais engageante. Ce fut également l’occasion de perfectionner mes livrables pour faciliter le travail des développeurs.
.webp)
Vous souhaitez en savoir plus sur mes services ? ou vous êtes prêt à démarrer une nouvelle aventure avec moi ? Contactez-moi et réalisons ensemble votre projet digital.
