Client :
Dans le cadre de ma formation d'UX designer/Webdesigner avec Visiplus Academy, j'ai réalisé un dossier projet web.
Dans le cadre de ma formation d'UX designer/Webdesigner avec Visiplus Academy, j'ai réalisé un dossier projet web.
Sur la base d’un projet fictif (Barbeer shop), mon rôle était de réaliser un site vitrine sous wordpress et veiller à sa mise en ligne.
Le Barbeer shop est situé à Lyon. Il propose un concept de bar à bière et de barber shop dans le même établissement.
Outils utilisés :
Suite adobe, adobe xd et CMS Wordpress
Ma mission :
définir une ligne éditoriale, une identité visuelle, une charte graphique, la réalisation du site web (conformément à un cahier des charges fonctionnel et technique) et le développement d'une stratégie de promotion des différents services du salon sur différents supports (réseaux sociaux, impressions murales et papiers).
UX et Gestion de projet
Pour établir le positionnement du projet, j'ai dans un premier temps élaboré un questionnaire. L'objectif était de comprendre les besoins et les attentes d'utilisateurs réels. Dans un second temps, j'ai défini des personas.
Pour établir le positionnement du projet, j'ai dans un premier temps élaboré un questionnaire. L'objectif était de comprendre les besoins et les attentes d'utilisateurs réels. Dans un second temps, j'ai défini des personas.
Ui design
Avant de produire le wireframe, j’ai préparé un Mindmap avec les différentes fonctionnalités, concepts et contenu du projet, puis une arborescence de pages et sous pages, ainsi qu’un dessin à main levée de chaque page.
J’ai produit un prototype de toutes les pages du site version mobile et desktop à l’aide d’Adobe XD.
Site internet
J’ai réalisé le site vitrine avec Wordpress. Pour la création des pages j’ai utilisé « Elementor ». (Mockup des pages avec photoshop et canva.)
Brochure et affiche
Le salon souhaitait communiquer sur sa gamme de soin capillaire aux propriétés ayurvédiques. Pour ce faire, j’ai réalisé une brochure de type « leaflets ». La brochure a été faite sur indesign (mockup avec photoshop). J’ai également fait une affiche murale pour abri de bus. L’affiche a été créé sur photoshop (mockup sur photoshop).
Animation vidéo
J’ai conçu une animation vidéo afin de promouvoir le salon. L’objectif était de présenter le Barbeer shop comme « the place to be » pour prendre soin de soi, se détendre entre amis et de mettre en avant les différents services du salon.
J’ai réalisé l’animation vidéo avec l’outil premiere pro, puis j’ai hébergé la vidéo sur YouTube et je l’ai intégré sur le site web.
Newsletter
J’ai aussi conçu une newsletter pour promouvoir la soirée « happy cut » du salon. Newsletter fait sur adobe xd (mockup avec photoshop).
