Mana Studio est une entreprise qui accompagne les marques du Made in France dans leur communication sur les réseaux sociaux. L’objectif est d’aider les entreprises à gagner en visibilité, à attirer et fidéliser leur audience grâce à des stratégies adaptées.
Les services proposés couvrent l’audit Instagram, la mise en place de stratégies social media personnalisées, la formation et le community management. Chaque accompagnement repose sur des solutions concrètes, conçues pour répondre aux besoins réels des entreprises tout en tenant compte de leurs contraintes.
Le projet visait à concevoir un site web capable de renforcer la présence en ligne de Mana Studio et de mettre en valeur ses services. Jusqu’ici uniquement présente sur les réseaux sociaux, l’entreprise manquait d’une plateforme dédiée pour présenter son offre, gagner en notoriété et affirmer son image de marque. L’objectif était donc de créer un site clair, intuitif et esthétique, pensé pour attirer de nouveaux clients et asseoir l’expertise et la légitimité de Mana Studio.
Mon rôle
UX/UI Designer, Web designer, Intégratrice, Cheffe de projet digital
Outils utilisés
Figma, FigJam, Illustrator, Canva, Excel, WordPress
Période
2023 – 2024
Durée
10 semaines
Mon rôle
UX/UI Designer, Web designer, Intégratrice, Cheffe de projet digital
Outils utilisés
Figma, FigJam, Illustrator, Canva, Excel, WordPress
Période
2023 – 2024
Durée
10 semaines
Problématiques et solution
La problématique du projet résidait dans la nécessité pour Mana Studio de se démarquer et d’élargir sa cible. Initialement tournée vers les créatrices artisanales, l’entreprise souhaitait toucher un public plus large, celui du Made in France, et renforcer sa crédibilité. Sans site web, Mana Studio dépendait uniquement des réseaux sociaux, ce qui limitait sa visibilité et la confiance que pouvaient lui accorder de nouveaux clients.
Il était donc essentiel de créer une plateforme claire et professionnelle pour affirmer son identité, valoriser son expertise et attirer une audience plus large.
Déroulement du projet
1. Recherche et idéation
Pour lancer le projet, j’ai commencé par analyser l’identité de Mana Studio, son audience et ses besoins spécifiques. J’ai ensuite élaboré puis diffusé un questionnaire destiné aux dirigeants d’entreprises du Made in France afin de comprendre leurs principaux pain points, leurs objectifs business, les supports de communication qu’ils utilisent, ainsi que le vocabulaire qu’ils employaient le plus et qu’il serait pertinent d’adopter.
L’analyse des réponses a permis de définir les fonctionnalités clés et d’orienter à la fois les décisions de design et l’UX writing.
Profil type pour mieux comprendre notre audience
Définition des offres selon les besoins clients
L’enquête menée auprès de notre audience cible, composée de 16 entreprises du Made in France, a révélé des besoins très précis. Les dirigeants interrogés ont exprimé le besoin d’améliorer leur visibilité, de renforcer leur image de marque, de mieux s’adresser à leurs cibles et de réussir à se démarquer dans un marché très concurrentiel.
Plusieurs ont également souligné la difficulté à générer un meilleur taux d’engagement et le manque de connaissances concernant les bonnes pratiques ou l’utilisation de certains outils digitaux.
Ces retours ont nourri l’ensemble de la démarche UX/UI. Ils ont aidé à structurer les messages, organiser le contenu, orienter l’UX writing et affiner le positionnement du site pour présenter Mana Studio comme une réponse concrète à leurs besoins.
Cette première étape a été suivie d’un travail d’idéation approfondi; j’ai mené une veille concurrentielle pour observer ce que proposaient d’autres acteurs s’adressant à la même cible ou offrant des services similaires. J’ai également recherché les bonnes pratiques web, étudié les sites tendances et analysé les approches les plus efficaces en matière d’ergonomie et d’expérience utilisateur. Cette phase a aussi été l’occasion de mener un brainstorming pour générer différentes pistes créatives et de définir les fonctionnalités prioritaires du futur site. L’objectif était de concevoir une expérience cohérente, fluide et pleinement alignée avec l’image de marque de Mana Studio.
2. Conception des wireframes et maquettes
À partir des insights collectés, j’ai réalisé des croquis sur papier pour explorer l’agencement des pages et les parcours utilisateurs. Ces idées ont été transformées en wireframes sur Figma, couvrant toutes les pages du site et intégrant une version responsive pour mobile, tablette et desktop. J’ai travaillé en itération pour m’assurer que la structure et la navigation répondaient aux besoins de l’entreprise.
Aperçu des wireframes et maquettes avec variantes de mise en page, conçus sur Figma
3. Création de la charte graphique
J’ai participé aux échanges autour de la charte graphique en donnant mon avis et en proposant des idées sur les couleurs, typographies et éléments visuels, en collaboration avec Mana Studio et une graphiste externe. J’ai également intégré le contenu texte et graphique sur chacune des pages, en veillant à la cohérence visuelle et à ce que la navigation soit intuitive.
Palette de couleurs utilisée sur le site
Composants du design system
Extrait de maquette intégrant les couleurs, la typographie et les composants du design system
4. Développement et intégration WordPress
J’ai configuré WordPress en local choisi un thème modulable adapté au projet. J’ai créé les pages, le header et le footer, organisé l’arborescence et les redirections du site, et intégré toutes les fonctionnalités nécessaires. J’ai veillé à ce que le site soit entièrement responsive et intuitif.
5. Tests et correction des bugs
Avant la mise en ligne, j’ai vérifié que toutes les pages étaient cohérentes, que les liens et redirections fonctionnaient correctement, et que toutes les fonctionnalités étaient opérationnelles. J’ai effectué les ajustements nécessaires et validé le tout avec l’entreprise Mana Studio pour garantir la qualité finale du site.
6. Mise en ligne et publication
Enfin, j’ai procédé à la migration du site depuis l’environnement local vers le serveur en ligne et je me suis assuré que le contenu était correctement intégré et fonctionnel sur toutes les pages.
« J’ai recruté Ahlam en alternance. Son sérieux, ses compétences et son adaptabilité ont permis de créer un site internet sur mesure en moins de trois mois, qui répond en tout point à mes attentes. Par ailleurs, son écoute et sa bienveillance ont rendu les échanges et la collaboration très agréables. »