Florent se lançant dans son nouvel activité de coaching professionnel, il m'a contacté afin que je réalisé son identité visuelle, son logo, ses banniÚres et templates de carrousel pour LinkedIn, et la conception de son nouveau site web, du design jusqu'à l'intégration sur Webflow.
Lâobjectif pour Florent est de construire un vĂ©ritable socle de lancement, capable de poser les fondations de sa communication, renforcer son positionnement et devenir un vĂ©ritable levier dâacquisition et de conversion pour sa nouvelle activitĂ©.
La premiĂšre Ă©tape consiste Ă cadrer le projet et Ă comprendre les besoins et ambitions de Florent. Ă travers de mon template cahier des charges crĂ©Ă© spĂ©cialement pour son projet web, je lâaccompagne dans la dĂ©finition de ses objectifs, de sa stratĂ©gie de marque, de sa ligne Ă©ditoriale, de sa direction visuelle et de sa roadmap.
Une session de brainstorming permet ensuite dâaffiner les prioritĂ©s, complĂ©tĂ©e par un benchmark concurrentiel et un rĂ©fĂ©rentiel visuel pour identifier les opportunitĂ©s et dĂ©finir un territoire crĂ©atif pertinent.
Une fois les fondations de la stratĂ©gie de marque et de la direction visuelle Ă©tablies, je propose un univers graphique en cohĂ©rence avec les besoins de Florent : une dimension florale qui Ă©voque lâĂ©panouissement, des couleurs chaudes et pastel qui renforcent la proximitĂ© humaine, ainsi que des chemins qui sâentrecroisent pour symboliser lâaccompagnement vers un projet professionnel clair et concret.
AprĂšs avoir dĂ©fini l'univers graphique de Bloom Up, je me lance dans la conception du logo. Lâobjectif est de traduire visuellement les notions dâaccompagnement et dâĂ©panouissement professionnel, tout en Ă©voquant lâidĂ©e dâun parcours construit avec cohĂ©rence, continuitĂ© et clartĂ©.
Lors de cet atelier avec Florent, nous avons ranger et structurer l'ensemble des contenus.
L'objectif final est d'avoir une arborescence clair et compréhensible pour le futur site.
Suit Ă l'atelier d'idĂ©ation sur la structure du site, je passe Ă l'Ă©tape du wireframing. Il s'agit de construire le squelette du site qui intĂšgre le contenu fourni par Florent. Ce squelette doit ĂȘtre au plus proche du rĂ©sultat finale afin de s'assurer de la pertinence des choix en sections, et Ă l'emplacement des contenus.
Une fois que les wireframes ont bien été définis avec Florent, je passe par l'étape finale tant attendu en design : le maquettage. Ainsi je met en forme et en couleurs les wireframes, avec un design UI qui respecte les contraintes en accessibilité. Au fur et à mesure de l'avancé, nous voyons ensemble pour statuer sur des petits sujets en design, tout en s'assurant de la faisabilité en développement Webflow.
Cette Ă©tape consiste Ă finaliser les diffĂ©rents assets, la palette de couleurs et le choix des typographies, en les validant avec Florent. Lâobjectif est dâĂ©tablir une charte graphique cohĂ©rente et structurĂ©e, qui servira de base pour concevoir les maquettes du futur site web.
Cette Ă©tape consiste Ă finaliser les diffĂ©rents assets, la palette de couleurs et le choix des typographies, en les validant avec Florent. Lâobjectif est dâĂ©tablir une charte graphique cohĂ©rente et structurĂ©e, qui servira de base pour concevoir les maquettes du futur site web.
La charte graphique est conçue pour permettre Ă Florent, ou Ă tout professionnel du graphisme, de disposer de rĂšgles claires pour crĂ©er de futurs supports de communication et faire Ă©voluer lâidentitĂ© visuelle du site web ou des templates pour les rĂ©seaux sociaux.
Elle dĂ©finit Ă©galement les rĂšgles dâutilisation du logo, aussi bien pour les supports digitaux que pour le print, afin de garantir une identitĂ© cohĂ©rente et reconnaissable sur lâensemble des supports.
La phase finale du projet consiste Ă intĂ©grer les maquettes et les assets sur Webflow. Avant la mise en ligne, je veille Ă optimiser le SEO/GEO, les performances et le responsive du site. Je rĂ©alise ensuite une vĂ©rification complĂšte avec Florent afin de mâassurer que chaque dĂ©tail soit conforme aux attentes avant sa publication.
Je forme Florent en visio et avec des vidéos tutos sur l'utilisation de Webflow pour l'ajout et la modification de textes et de visuels, notamment pour l'ajout des avis clients.
Un projet construit de A Ă Z, depuis la stratĂ©gie de marque et le branding jusquâĂ la conception UX/UI et au dĂ©veloppement du site sur Webflow.
Un vĂ©ritable package de lancement pour lâactivitĂ© de Florent, pensĂ© Ă partir dâune page blanche pour aboutir Ă un ensemble de livrables cohĂ©rents, lui permettant de communiquer sereinement sur le web et les rĂ©seaux sociaux.
â
Tout au long du projet, Florent mâa accordĂ© sa confiance et son enthousiasme. Aujourdâhui, il dispose dâune identitĂ© et dâun site qui correspondent pleinement Ă son activitĂ© et dont il est entiĂšrement satisfait.
đ± Site web
đŒïž Branding
đš UX & maquettes UI
đ ïžâ IntĂ©gration Webflow
Pour le lancement de son activité, en accompagnement Florent, j'ai réalisé son identité graphique, son logo, le design de son site, jusqu'à l'intégration au pixel prÚs sur Webflow.
đ± Site vitrine
𧱠Structure UX
đš Maquettes UI
RĂ©alisation des maquettes UI pour le site vitrine de Graine & Cie, Ă©picerie Ă©co-responsable, proposant des produits en vrac et sans emballage.
đ± Site vitrine
đŒïž Branding
đš UX & maquettes UI
Conception de l'identité de marque Viatera. Logo, charte graphique, structure UX et maquette UI pour un cabinet de stratégie en hÎtellerie de luxe.
đ± Mobile app
đ»ââïž Recherche Utilisateur
đš UX & Maquette UI
Refonte d'une application mobile de QVT en entreprise qui engage leurs collaborateurs à améliorer leurs santés via le sport, et à baisser leurs bilans carbone, par de la mobilité douce.
đ± Site web
𧱠Structure UX
đš Maquettes UI
Création du site WARD en UX & UI. Cabinet d'architecture et de rénovation dédié à l'immobilier haut de gamme.
