MECA3D
Vers une refonte UI
MECA3D
Vers une refonte UI
L’un des projets les plus importants pour MECA3D était la refonte de leur page sur le site d’INSAVALOR. Pour rappel (plus d’informations sur la page entreprise), le centre technique de l’innovation MECA3D fait partie des deux unités de S.MART Rhône-Alpes Ouest et est dédié aux activités de prestation. Ils sont hébergés à INSAVALOR, filiale de Recherche et Développement, Valorisation et Formation Continue de l’INSA Lyon.
Design actuel de leur page : https://recherche.insavalor.fr/plateformes-technologiques/centre-technique-de-linnovation-meca-3d
Le but de cette refonte était d’améliorer la visibilité et l’attractivité de leur page qui n’est pas encore complète. Cependant, j’ai travaillé pour MECA3D et non pour INSAVALOR, ce qui a apporté plusieurs contraintes. Cela signifiait donc que je disposais de moins de liberté et qu’il fallait trouver l’équilibre entre design et respect des codes du site (typographie et structure générale). De plus, la mise en place de cette page devait se faire par un prestataire et non par moi. C’est ainsi, en prenant en compte les contraintes, que j’ai commencé à discuter du contenu avec la personne étant en charge de l’écrire afin d’organiser les informations et de créer une arborescence.
C’est en ayant une idée du fond dans les grandes lignes que j’ai fait une veille en termes d’UI mais également d’iconographie. Cela m’a permis de tester différents styles graphiques et d’en proposer deux. C’est à ce moment qu’à été mise en place une réunion mensuelle. Ayant cours à ce moment, j’ai transmis un document présentant mon travail et proposant de choisir quelle piste continuer. Une fois les retours passés en revue, je me suis concentrée sur la réalisation de la mise en page et des icônes, toutes créées spécialement pour leur page. En prenant en compte le brief, j’ai mélangé au mieux les visuels et les textes pour avoir à la fois un site attrayant mais aussi référencé.
C’est en ayant une idée du fond dans les grandes lignes que j’ai fait une veille en termes d’UI mais également d’iconographie. Cela m’a permis de tester différents styles graphiques et d’en proposer deux. C’est à ce moment qu’à été mise en place une réunion mensuelle. Ayant cours à ce moment, j’ai transmis un document présentant mon travail et proposant de choisir quelle piste continuer. Une fois les retours passés en revue, je me suis concentrée sur la réalisation de la mise en page et des icônes, toutes créées spécialement pour leur page. En prenant en compte le brief, j’ai mélangé au mieux les visuels et les textes pour avoir à la fois un site attrayant mais aussi référencé.
Exemples de visuels de la piste non gardée
En parallèle, j’ai eu un rendez-vous avec le pôle communication d’INSAVALOR afin de vérifier la faisabilité de ma maquette ainsi que de poser certaines questions. Cela à été l’occasion de mieux comprendre leur manière d’appréhender leur site et l’intégration de la page de MECA3D. La maquette a donc été validée, tout en enlevant (pour le moment) la page “témoignages” qui nécessite d’avoir un outil supplémentaire, ainsi qu’une certaine base existante d’avis, pour que cela fonctionne. Ainsi, j’ai pris connaissance des formats à leur envoyer pour la future mise à jour de la page.
Extrait d’une des pages après la refonte
Cette refonte a été une expérience enrichissante qui m’a permis de créer en fonction de contraintes plus strictes que celles d’un projet scolaire mais également de compléter mon expérience dans ce stage. Ce n’était pas qu’une refonte, mais aussi un travail d’iconographie.
