Refonte du site internet
Studio associatif de cinéma d’animation dédié aux techniques traditionnelles d’animation, le stop motion. Porté par des professionnels du cinéma et de l’audiovisuel, il structure son projet autour de 3 pôles : studio de fabrication, de tournage, de post-production / formation professionnelle aux métiers du stop motion / éducation aux images (actions culturelles, workshop, partenariats avec les écoles d’art)
Les besoins
- Devenir plus visible
- Faire connaître le stop motion
- Obtenir des dons et des nouveaux projets de réalisation
Mon rôle
Cheffe de projet, UX/UI Designer
La solution
Faire une refonte du site internet déjà existant
Les outils utilisés
Analyse & Conception
Travail individuel
Pour mieux comprendre le besoin du client, j’ai analysé son site actuel : https://motionlab-studio.fr/ et j’ai pu remarquer qu’en effet, il manquait énormément d’informations concernant le studio. J’ai commencé par faire une proposition pour une nouvelle arborescence pour le header pour vraiment mettre en avant les éléments du site, c’est à dire les différentes activités proposées et l’histoire de l’association.
Afin de répondre à des demandes d’informations ou des inscriptions pour des formations, un bouton “Contact” se trouve dans le header et redirigera vers un formulaire de contact. Étant donné que le client est une association qui a besoin de financement pour ses projets, j’ai recommandé de mettre un bouton “Adhérer” qui permettra d’accéder directement sur le site HelloAsso et de faire un don plus facilement.
Après la validation du client de l’arborescence, j’ai pu passer à la création des wireframes qui ont permit de placer les éléments à mettre sur chacune des pages.
Par la suite, j’ai réalisé un design system qui est une déclinaison des couleurs et des typos utilisées dans la charte graphique de leur logo
Une fois que le client a tout validé, je suis passé au développement des maquettes à partir des wireframes, et en prenant le design system pour les éléments graphiques. Les maquettes possèdent une interface propre et moderne, avec une hiérarchie claire des éléments.
Découvrez les maquettes ici