Maëlle Purenne - Brand & website

Maëlle Purenne, social media manager freelance, accompagne les marques dans leur stratégie et leur communication. Pour affirmer sa position, nous avons conçu une identité sobre et forte. Ce projet global englobe la création d'une stratégie de marque, d'un site web responsive et de supports de communication print et web. L'objectif : offrir à Maëlle une vitrine professionnelle, mémorable et parfaitement structuré pour sa croissance.

Année.s

2026

Année.s

2026

Année.s

2026

Année.s

2026

Durée

En cours

Durée

En cours

Durée

En cours

Durée

En cours

Secteur d'activité

Communication

Secteur d'activité

Communication

Secteur d'activité

Communication

Secteur d'activité

Communication

Produit

Brand & website

Produit

Brand & website

Produit

Brand & website

Produit

Brand & website

Image de couverture pour un projet de site vitrine pour Maëlle Purenne et réalisé par la designer Diana SOM. Un mockup d'ordinateur portable noir est posé sur un bureau en pierre beige, affichant la page d'accueil d'un site vitrine épuré avec le logo MP et le titre “Développez votre marque sur les réseaux sociaux”. L'écran présente également des visuels de mode et de community management. L'arrière-plan chaleureux comprend un vase en céramique, une fiole en verre avec des branches séchées et des jeux d'ombres douces.

01. Contexte & objectifs

Une identité haut de gamme et épurée pour une experte en communication

Une identité haut de gamme et épurée pour une experte en communication

L’enjeu était de traduire l’expertise de Maëlle Purenne à travers un univers visuel sobre, inspiré des maisons de luxe. L'objectif : concevoir une image de marque, un site vitrine et des supports cohérents, sobres et mémorables, afin de faciliter la prospection tout en mettant en lumière les projets réalisés pour ses clients.

L’enjeu était de traduire l’expertise de Maëlle Purenne à travers un univers visuel sobre, inspiré des maisons de luxe. L'objectif : concevoir une image de marque, un site vitrine et des supports cohérents, sobres et mémorables, afin de faciliter la prospection tout en mettant en lumière les projets réalisés pour ses clients.

Services

Services

Branding

Logo

UX/UI design

Équipe

Équipe

Équipe

Projet réalisé par Diana, en collaboration directe avec la cliente. Elle a assuré la direction artistique (DA) globale, de la création de l'identité visuelle à la conception du site vitrine, ainsi que les supports visuels (professionnels et de communication sur les réseaux sociaux).

Projet réalisé par Diana, en collaboration directe avec la cliente. Elle a assuré la direction artistique (DA) globale, de la création de l'identité visuelle à la conception du site vitrine, ainsi que les supports visuels (professionnels et de communication sur les réseaux sociaux).

02. Missions & approche stratégique

Un positionnement entre stratégie & élégance

La mission a consisté à définir une identité de marque globale : refonte du logotype, création du système graphique, site vitrine et supports visuels. Nous avons orchestré l’équilibre entre esthétique épurée et détails percutants pour aligner l'image de Maëlle Purenne à une image haut de gamme. Ce travail stratégique, mené en étroite collaboration avec la cliente, garantit une cohérence avec ses futures actions de communication.

Mockup double présentant la version ordinateur (desktop) et la version mobile de la page d'accueil du site vitrine de Maëlle Purenne, conçu par Diana SOM. Sur un fond sombre, les écrans affichent l'adaptation responsive du design épuré, du titre principal “Développez votre marque sur les réseaux sociaux”, des boutons d'appel à l'action (CTA) noirs et des visuels de mode chaleureux.

Défis

Défis

Le projet partait d'un logo peu identifiable en petit format et ne reflétait pas l'expertise de Maëlle sur un marché concurrentiel. L'enjeu était de sortir d'une image générique pour adopter les codes du luxe, gage de professionnalisme. Maëlle manquait également d'un support centralisé type portfolio/site vitrine, essentiel pour sa légitimité, optimiser son référencement naturel et convertir ses prospects.

Le projet partait d'un logo peu identifiable en petit format et ne reflétait pas l'expertise de Maëlle sur un marché concurrentiel. L'enjeu était de sortir d'une image générique pour adopter les codes du luxe, gage de professionnalisme. Maëlle manquait également d'un support centralisé type portfolio/site vitrine, essentiel pour sa légitimité, optimiser son référencement naturel et convertir ses prospects.

Solutions

Solutions

Nous avons déployé une stratégie à 360° incluant un logo typographique identitaire et une banque d'icônes (piment, paillettes, fleur, et boule disco) illustrant sa promesse : "pimenter la communication". Cette identité est consignée dans une charte complète (brand guidelines). Pour le site, un UI kit a été conçu avec des composants interactifs rappelant Instagram, sa spécialité, alliant ainsi esthétique haut de gamme et expertise métier.

Nous avons déployé une stratégie à 360° incluant un logo typographique identitaire et une banque d'icônes (piment, paillettes, fleur, et boule disco) illustrant sa promesse : "pimenter la communication". Cette identité est consignée dans une charte complète (brand guidelines). Pour le site, un UI kit a été conçu avec des composants interactifs rappelant Instagram, sa spécialité, alliant ainsi esthétique haut de gamme et expertise métier.

1.

03. Méthodologie & processus de travail

Un processus créatif millimétré pour une image de marque forte

Un processus créatif millimétré pour une image de marque forte

Une approche alliant conseil stratégique et design. Ce parcours garantit une identité cohérente, de la réflexion initiale au déploiement d'un site vitrine optimisé pour la conversion de Maëlle Purenne.

Une approche alliant conseil stratégique et design. Ce parcours garantit une identité cohérente, de la réflexion initiale au déploiement d'un site vitrine optimisé pour la conversion de Maëlle Purenne.

Illustration en flat design d'une jeune pousse verte émergeant d'un monticule de terre, symbolisant l'étape d'immersion et de stratégie. Le style graphique présente des contours organiques et une texture granuleuse rappelant la peinture à la main. Feuilles en vert clair et vert foncé sur un fond vert de forme organique et texturé, qui s’anime en tournant sur elle-même.

Immersion & stratégie

Analyse de l’univers client pour définir une DA alignée sur sa vision. Entre recherches UX et priorisation des fonctionnalités (versioning), le projet est cadré pour garantir sa faisabilité et poser les bases d'une marque forte et pérenne.

Cadrage stratégique & veille créative

Conception UX

Illustration en flat design d'une jeune pousse verte émergeant d'un monticule de terre, symbolisant l'étape d'immersion et de stratégie. Le style graphique présente des contours organiques et une texture granuleuse rappelant la peinture à la main. Feuilles en vert clair et vert foncé sur un fond vert de forme organique et texturé, qui s’anime en tournant sur elle-même.

Immersion & stratégie

Analyse de l’univers client pour définir une DA alignée sur sa vision. Entre recherches UX et priorisation des fonctionnalités (versioning), le projet est cadré pour garantir sa faisabilité et poser les bases d'une marque forte et pérenne.

Cadrage stratégique & veille créative

Conception UX

Illustration en flat design d'une poire mûre surmontée d'une fleur de poirier blanche en pleine floraison, illustrant l'étape “univers et textures”. Le style graphique est texturé avec des bords irréguliers pour un effet peinture artisanale. On y voit une poire verte claire, une feuille vert foncé, des pétales blanches et des pistils verts et roses. Sur fond vert pastel de forme organique et texturé, qui s’anime en tournant sur elle-même.

Identité & stratégie de marque

Conception d'un univers sur mesure : logotype, iconographie personnalisée et UI Kit. Structuration d’une charte graphique et éditoriale complète pour assurer la cohérence de sa nouvelle image.

Brand guidelines

Univers de marque

Illustration en flat design d'une poire mûre surmontée d'une fleur de poirier blanche en pleine floraison, illustrant l'étape “univers et textures”. Le style graphique est texturé avec des bords irréguliers pour un effet peinture artisanale. On y voit une poire verte claire, une feuille vert foncé, des pétales blanches et des pistils verts et roses. Sur fond vert pastel de forme organique et texturé, qui s’anime en tournant sur elle-même.

Identité & stratégie de marque

Conception d'un univers sur mesure : logotype, iconographie personnalisée et UI Kit. Structuration d’une charte graphique et éditoriale complète pour assurer la cohérence de sa nouvelle image.

Brand guidelines

Univers de marque

Illustration en flat design d'un poirier texturé rappelant la peinture, utilisé pour symboliser l'étape d'idéation et de typographie. Le dessin présente un tronc brun robuste et un feuillage vert sapin dense, où poussent des poires vertes claires. Les contours sont organiques et légèrement imparfaits pour évoquer un style fait main. Sur un fond rose claire de forme organique et texturé, qui s’anime en tournant sur elle-même.

Conception du site & des supports

Création d’une banque de composants interactifs et d’icônes sur mesure. Déclinaison de l'identité sur le site vitrine et les supports (professionnels et de communication) sur les réseaux sociaux pour un rendu haut de gamme.

UI design

Design interactif

Illustration en flat design d'un poirier texturé rappelant la peinture, utilisé pour symboliser l'étape d'idéation et de typographie. Le dessin présente un tronc brun robuste et un feuillage vert sapin dense, où poussent des poires vertes claires. Les contours sont organiques et légèrement imparfaits pour évoquer un style fait main. Sur un fond rose claire de forme organique et texturé, qui s’anime en tournant sur elle-même.

Conception du site & des supports

Création d’une banque de composants interactifs et d’icônes sur mesure. Déclinaison de l'identité sur le site vitrine et les supports (professionnels et de communication) sur les réseaux sociaux pour un rendu haut de gamme.

UI design

Design interactif

Illustration en flat design d'un panier en osier gris contenant trois poires de couleurs différentes (vert foncé, vert anis et rose), symbolisant l'étape finale de déploiement et livraison. Le style graphique est texturé avec un fini rappelant la peinture, aux contours doux et organiques. Sur fond rose pastel de forme organique et texturé, qui s’anime en tournant sur elle-même.

Itérations & ajustements

Tests et optimisations pour garantir une expérience fluide et performante. Chaque ajustement affine l'univers de Maëlle pour assurer un lancement percutant et une prise en main immédiate.

Assurance qualité

Optimisation continue

Illustration en flat design d'un panier en osier gris contenant trois poires de couleurs différentes (vert foncé, vert anis et rose), symbolisant l'étape finale de déploiement et livraison. Le style graphique est texturé avec un fini rappelant la peinture, aux contours doux et organiques. Sur fond rose pastel de forme organique et texturé, qui s’anime en tournant sur elle-même.

Itérations & ajustements

Tests et optimisations pour garantir une expérience fluide et performante. Chaque ajustement affine l'univers de Maëlle pour assurer un lancement percutant et une prise en main immédiate.

Assurance qualité

Optimisation continue

04. Direction artistique & stratégie de marque

Une direction artistique sobre pour une identité visuelle mémorable

L’approche privilégie le minimalisme pour transformer l’identité de Maëlle Purenne en un écrin haut de gamme. Cet univers sobre et professionnel valorise l’essentiel : ses créations. On aère pour structurer l’espace afin de mettre en valeur ses photos et réalisations.

Mockup de présentation des Brand Guidelines pour Maëlle Purenne, réalisé par la directrice artistique Diana SOM. La composition graphique épurée et minimaliste dévoile plusieurs pages du guide de style sur un fond sombre, incluant l'introduction de marque, les spécifications du logo primaire “MP”, les palettes de couleurs (nuances de bordeaux, rouge, rose et blanc) ainsi que la typographie primaire Lora.
Comparatif avant-après de la refonte du logo MP pour Maëlle Purenne par Diana SOM. Sur un fond beige épuré, une fine ligne verticale sépare l'ancienne version à gauche (titrée “Avant”) et la nouvelle version corrigée à droite (titrée “Après”). Le logo retravaillé montre des ajustements subtils et précis sur l'épaisseur des empâtements et les courbes de la ligature entre le M et le P.

Logo & déclinaisons

Logo & déclinaisons

Le logo primaire (déjà existant) a été optimisé au niveau de ses ligatures pour garantir une lisibilité parfaite, même en petit format. En complément, un logo identitaire complet a été créé : il intègre le nom et prénom de Maëlle en gardant le monogramme originel.

 Cette architecture textuelle repose sur une typographie sans-serif contemporaine, dont les courbes évoquent la fluidité et le dynamisme. Le travail sur les liens entre les lettres souligne l'aspect haut de gamme et symbolise la connexion stratégique qu'elle établit avec ses clients. L’ensemble forme un système visuel cohérent, alliant la rigueur à une clarté moderne, idéal pour un positionnement d'experte.

Le logo primaire (déjà existant) a été optimisé au niveau de ses ligatures pour garantir une lisibilité parfaite, même en petit format. En complément, un logo identitaire complet a été créé : il intègre le nom et prénom de Maëlle en gardant le monogramme originel.

 Cette architecture textuelle repose sur une typographie sans-serif contemporaine, dont les courbes évoquent la fluidité et le dynamisme. Le travail sur les liens entre les lettres souligne l'aspect haut de gamme et symbolise la connexion stratégique qu'elle établit avec ses clients. L’ensemble forme un système visuel cohérent, alliant la rigueur à une clarté moderne, idéal pour un positionnement d'experte.

Mockup en situation réelle des cartes de visite de Maëlle Purenne, créées par Diana SOM. Posées sur une roche beige texturée sous un jeu d'ombres et de lumières naturelles, le visuel montre le recto et le verso de la carte : l'un au fond bordeaux minimaliste avec le logo MP beige métallisé, l'autre sur fond crème affichant le nom, les expertises “Stratégie de marque & de communication”, les coordonnées et un QR code renvoyant vers son site internet.
Mockup en situation réelle d'un smartphone noir posé sur un canapé en tissu beige matelassé sous une lumière rasante. L'écran affiche la version mobile optimisée du site vitrine de Maëlle Purenne, conçu par Diana SOM. On y voit clairement le logo MP, le titre accrocheur “Développez votre marque sur les réseaux sociaux”, un bouton d'action bordeaux et un aperçu de visuels mode et lifestyle.

Identité de marque

Identité de marque

L’identité visuelle fusionne lumière, sobriété et professionnalisme pour créer un univers mémorable et intemporel. Inspiré des codes des grandes maisons de luxe comme Chanel ou Dior, le style repose sur le minimalisme où chaque détail compte. La structure globale privilégie le monochrome, oscillant entre des bruns profonds, des blancs cassés et des nuances de beige, garantissant une lisibilité et une accessibilité optimales. Pour refléter la personnalité de Maëlle, cet écrin épuré est dynamisé par des touches de couleurs chaudes et rassurantes (rose, bordeaux, rouge) et des icônes. Ces éléments graphiques "pimentent" la communication tout en restant parfaitement intégrés. Ce contraste entre rigueur chromatique et détails vibrants permet de mettre en valeur ses réalisations.

L’identité visuelle fusionne lumière, sobriété et professionnalisme pour créer un univers mémorable et intemporel. Inspiré des codes des grandes maisons de luxe comme Chanel ou Dior, le style repose sur le minimalisme où chaque détail compte. La structure globale privilégie le monochrome, oscillant entre des bruns profonds, des blancs cassés et des nuances de beige, garantissant une lisibilité et une accessibilité optimales. Pour refléter la personnalité de Maëlle, cet écrin épuré est dynamisé par des touches de couleurs chaudes et rassurantes (rose, bordeaux, rouge) et des icônes. Ces éléments graphiques "pimentent" la communication tout en restant parfaitement intégrés. Ce contraste entre rigueur chromatique et détails vibrants permet de mettre en valeur ses réalisations.

Mockup de trois écrans de smartphone présentant la direction artistique du compte Instagram de Maëlle Purenne, réalisée par Diana SOM. Sur un fond marron foncé, la composition montre à gauche une publication avec un portrait détouré, au centre la grille du profil (@mae.pure) avec ses icônes de stories à la une colorées (bordeaux, rouge, rose), et à droite un reel rose pastel affichant le texte “Donnez de l'éclat à votre marque. Offrez un vrai boost à votre business”.

Stratégie de communication

Stratégie de communication

La stratégie se concentre sur Instagram, cœur de métier de Maëlle, et LinkedIn pour la prospection B2B, là où son audience cible est la plus active. Pour assurer une cohérence totale, la charte éditoriale définit un ton de voix, tandis qu'un filtre colorimétrique sur mesure harmonise ses visuels. La conception inclut une maquette de feed Instagram permettant de projeter visuellement le calendrier éditorial. L'objectif central est de transformer ses réseaux sociaux en leviers de trafic qualifié : chaque point de contact est optimisé pour inciter le prospect à découvrir le portfolio sur son site vitrine et faciliter la conversion immédiate.

La stratégie se concentre sur Instagram, cœur de métier de Maëlle, et LinkedIn pour la prospection B2B, là où son audience cible est la plus active. Pour assurer une cohérence totale, la charte éditoriale définit un ton de voix, tandis qu'un filtre colorimétrique sur mesure harmonise ses visuels. La conception inclut une maquette de feed Instagram permettant de projeter visuellement le calendrier éditorial. L'objectif central est de transformer ses réseaux sociaux en leviers de trafic qualifié : chaque point de contact est optimisé pour inciter le prospect à découvrir le portfolio sur son site vitrine et faciliter la conversion immédiate.

Motion design

Motion design

Des vidéos courtes en motion design ont été conçues pour dynamiser les stories et les reels de Maëlle, ainsi que ses campagnes sponsorisées. L'objectif est de capter instantanément l'attention dans un flux d'informations dense, en apportant du mouvement aux codes graphiques de son identité visuelle. Ces animations renforcent l'aspect haut de gamme de sa communication grâce à une identité sonore appliquée à l'animation du logo. Cet univers auditif évoque l'éclat de paillettes et l'idée de "faire briller" la stratégie de ses clients, transformant chaque support en une expérience sensorielle.
 En animant ses éléments, le motion vulgarise son expertise de manière ludique et percutante, "pimentant" ainsi l'intérêt de son audience tout en augmentant son taux d'engagement.

Des vidéos courtes en motion design ont été conçues pour dynamiser les stories et les reels de Maëlle, ainsi que ses campagnes sponsorisées. L'objectif est de capter instantanément l'attention dans un flux d'informations dense, en apportant du mouvement aux codes graphiques de son identité visuelle. Ces animations renforcent l'aspect haut de gamme de sa communication grâce à une identité sonore appliquée à l'animation du logo. Cet univers auditif évoque l'éclat de paillettes et l'idée de "faire briller" la stratégie de ses clients, transformant chaque support en une expérience sensorielle.
 En animant ses éléments, le motion vulgarise son expertise de manière ludique et percutante, "pimentant" ainsi l'intérêt de son audience tout en augmentant son taux d'engagement.

05. Stratégie & conception produit

Un site vitrine accessible alliant performance & design interactif

Conception et réalisation d'un site vitrine responsive et d'un UI Kit pour assurer la cohérence du produit. L'interface mise sur un design épuré et une navigation fluide, pensée pour transformer chaque visite en une opportunité de conversion.

Aperçu de la page “À propos ” montrant la section héro du site de Maëlle Purenne, conçu par Diana SOM. Sur un fond marron foncé, un mockup d'écran incliné présente un design épuré sur fond crème avec le logo MP, le menu de navigation et le grand titre éditorial “Maëlle Purenne Social media Manager”. Au centre, un insert au format publication Instagram dévoile le portrait de la cliente.

UX/UI design

UX/UI design

L'approche UX repose sur une recherche et une architecture de l'information rigoureuses et structurées pour répondre aux attentes des cibles de Maëlle. La hiérarchisation des contenus a été pensée pour fluidifier le parcours utilisateur et maximiser la conversion, tout en intégrant une stratégie de versioning. Cette priorisation des fonctionnalités permet au site d'évoluer au rythme des objectifs de développement de l'entreprise. Côté UI design, l'identité visuelle est déclinée pour garantir une cohérence totale. Ce travail est soutenu par un système de composants, simples et complexes, assurant une interface à la fois esthétique, interactive et fonctionnelle.

L'approche UX repose sur une recherche et une architecture de l'information rigoureuses et structurées pour répondre aux attentes des cibles de Maëlle. La hiérarchisation des contenus a été pensée pour fluidifier le parcours utilisateur et maximiser la conversion, tout en intégrant une stratégie de versioning. Cette priorisation des fonctionnalités permet au site d'évoluer au rythme des objectifs de développement de l'entreprise. Côté UI design, l'identité visuelle est déclinée pour garantir une cohérence totale. Ce travail est soutenu par un système de composants, simples et complexes, assurant une interface à la fois esthétique, interactive et fonctionnelle.

UI kit & brand guidelines

UI kit & brand guidelines

L'UI kit a été intégré à la brand guideline pour centraliser l'ensemble des composants d'interface et de la DA dans un fichier unique. Ce système documente précisément les styles typographiques, la palette chromatique et les composants interactifs, garantissant une cohérence visuelle sur l'ensemble du site vitrine. Bibliothèque de référence, ce document inclut également un volet dédié à la charte éditoriale. Il définit le ton de voix et les règles rédactionnelles pour que le discours de Maëlle reste aussi percutant que son image. Tous les éléments (icônes, boutons, éléments graphiques) peuvent être exportés et réutilisés pour ses supports de communication, assurant une passation, une autonomie et une évolution fluide et simplifiée, tout en préservant l'image de marque sur le long terme.

L'UI kit a été intégré à la brand guideline pour centraliser l'ensemble des composants d'interface et de la DA dans un fichier unique. Ce système documente précisément les styles typographiques, la palette chromatique et les composants interactifs, garantissant une cohérence visuelle sur l'ensemble du site vitrine. Bibliothèque de référence, ce document inclut également un volet dédié à la charte éditoriale. Il définit le ton de voix et les règles rédactionnelles pour que le discours de Maëlle reste aussi percutant que son image. Tous les éléments (icônes, boutons, éléments graphiques) peuvent être exportés et réutilisés pour ses supports de communication, assurant une passation, une autonomie et une évolution fluide et simplifiée, tout en préservant l'image de marque sur le long terme.

Aperçu d'une autre parties de la Brand Guidelines de Maëlle Purenne intégrant l'UI kit, conçu par la directrice artistique Diana SOM. Sur un fond marron foncé, une superposition de fiches épurées détaille le sommaire du guide de style, la typographie secondaire Cabinet Grotesk (déclinée du Light au Black sur des blocs rose et bordeaux), ainsi que les règles d'usages typographiques pour les titres et paragraphes.
Aperçu de la palette de couleurs et de la charte colorimétrique de l'UI kit pour le projet Maëlle Purenne, développé par Diana SOM. Sur un fond marron foncé, douze cartes carrées aux coins arrondis présentent les nuances du design system avec leurs codes hexadécimaux : des déclinaisons de blancs, de gris colorés, un rose pâle, un rouge, des noirs profonds texturés et un bordeaux.
Aperçu du pack d'icônes intégré à l'UI kit de Maëlle Purenne, conçu par la designer Diana SOM. Sur un fond marron foncé, une carte crème présente une grille d'icônes vectorielles déclinée en cinq rangées de couleurs différentes (beige, bordeaux, orange rouge, rose pastel et noir). Les symboles incluent une étoile scintillante, une fleur stylisée, un piment et une boule à facettes.

Design interactif

Design interactif

Le design interactif intègre des animations et des micro-interactions pour guider l’utilisateur et renforcer l’engagement. Ces composants animés agissent comme des récompenses visuelles, rendant la navigation mémorable et fluide sans jamais compromettre l'accessibilité. En jouant sur ces biais cognitifs, le site capte l'attention tout en restant sobre et élégant. Pour souligner l’expertise de Maëlle, les composants interactifs s'inspirent d'Instagram, créant un rappel intuitif de son cœur de métier. Cette approche garantit une cohérence globale et appuie son positionnement professionnel : le site n'est pas seulement un support d'information, c'est un produit propre et réactif qui installe une confiance immédiate avec le prospect.

Le design interactif intègre des animations et des micro-interactions pour guider l’utilisateur et renforcer l’engagement. Ces composants animés agissent comme des récompenses visuelles, rendant la navigation mémorable et fluide sans jamais compromettre l'accessibilité. En jouant sur ces biais cognitifs, le site capte l'attention tout en restant sobre et élégant. Pour souligner l’expertise de Maëlle, les composants interactifs s'inspirent d'Instagram, créant un rappel intuitif de son cœur de métier. Cette approche garantit une cohérence globale et appuie son positionnement professionnel : le site n'est pas seulement un support d'information, c'est un produit propre et réactif qui installe une confiance immédiate avec le prospect.

Photo de couverture d'un GIF présentant une section interactive de la page d'accueil du site de Maëlle Purenne, conçu par Diana SOM. Sur un fond noir, un écran crème minimaliste dévoile la partie “03. Méthodologie” intitulée “Ma démarche stratégique”. À droite, des cartes interactives décrivent les étapes numérotées, incluant la carte “02. La stratégie” en noir et la carte “03. Votre présence” en rose, illustrant le système d'accordéon ou d'onglets animés.
Photo de couverture d'un GIF présentant une section interactive de la page d'accueil du site de Maëlle Purenne, conçu par Diana SOM. Sur un fond noir, un écran crème minimaliste dévoile la partie “03. Méthodologie” intitulée “Ma démarche stratégique”. À droite, des cartes interactives décrivent les étapes numérotées, incluant la carte “02. La stratégie” en noir et la carte “03. Votre présence” en rose, illustrant le système d'accordéon ou d'onglets animés.

Autonomie & gestion de contenu (CMS)

Autonomie & gestion de contenu (CMS)

Mise en place d'une fonctionnalité CMS structurée et sur mesure permettant à la cliente de gérer son portfolio en toute indépendance. Chaque projet peut être ajouté via des champs personnalisés (textes, visuels, tags), garantissant une mise à jour fluide sans toucher à la structure technique du site. Cette fonctionnalité a été accompagnée d'une formation pour assurer une prise en main immédiate. L'objectif est d'offrir une autonomie complète dans l'évolution des contenus, permettant à Maëlle de faire grandir son site au rythme de ses nouvelles collaborations, tout en maintenant la mise en page initiale.

Mise en place d'une fonctionnalité CMS structurée et sur mesure permettant à la cliente de gérer son portfolio en toute indépendance. Chaque projet peut être ajouté via des champs personnalisés (textes, visuels, tags), garantissant une mise à jour fluide sans toucher à la structure technique du site. Cette fonctionnalité a été accompagnée d'une formation pour assurer une prise en main immédiate. L'objectif est d'offrir une autonomie complète dans l'évolution des contenus, permettant à Maëlle de faire grandir son site au rythme de ses nouvelles collaborations, tout en maintenant la mise en page initiale.

Mockup de trois écrans de smartphone alignés présentant différentes pages de la version mobile du site de Maëlle Purenne, conçu par Diana SOM. Sur un fond marron foncé, on distingue de gauche à droite : la page d'accueil avec le titre “Développez votre marque sur les réseaux sociaux” et ses boutons d'action, la page “À propos” centrée sur son portrait au format Instagram “Maëlle Purenne Social media Manager”, et une page de cas client présentant le projet “Odette - Institut de beauté” avec sa structure de template épurée.
Vue d'ensemble en mosaïque de plusieurs maquettes d'écrans desktop du site web de Maëlle Purenne, conçu par Diana SOM. Sur un fond marron foncé, la composition présente en diagonale différentes pages à l'interface crème et bordeaux : la page d'accueil avec “Développez votre marque sur les réseaux sociaux” et la section “Mes projets signatures”, la page de contact “Mettons en place votre stratégie de demain” incluant son formulaire, ainsi que plusieurs pages de cas clients détaillées avec des indicateurs de performance (+313% de croissance) et des sections contextuelles (“Moluk”, “Blanche”).

06. Résultats & retours d'expérience

Un positionnement affirmé & un site prêt pour la croissance

0%

score d'accessibilité UI

0%

score d'accessibilité UI

0%

score d'accessibilité UI

+0

d’actifs graphiques créés

+0

d’actifs graphiques créés

+0

d’actifs graphiques créés

0%

autonomie de gestion

0%

autonomie de gestion

0%

autonomie de gestion

Photo portrait de profil de la designer et directrice artistique Diana SOM. Une jeune femme aux cheveux noirs bouclés courts avec des reflets cuivrés, portant une chemise rayée noire et blanche et des colliers dorés. Le portrait est réalisé sur un fond noir avec un éclairage studio doux et chaleureux.

Diana

DA & Consultante UX/UI

La collaboration a permis de transformer l'image de Maëlle Purenne en une marque forte, alliant haut de gamme et stratégie de conversion efficace. Le résultat est un écosystème cohérent, du logo au CMS sur mesure, qui valorise son expertise. Ce projet démontre qu'un design minimaliste, lorsqu'il est soutenu par une structure UX/UI rigoureuse, devient un levier puissant pour instaurer la confiance et faciliter la prospection. Le projet ouvre des projections : l'architecture évolutive permet d'intégrer facilement de futures fonctionnalités et de nouveaux services, assurant ainsi une croissance pérenne et structurée de son activité.

Photo portrait de profil de la designer et directrice artistique Diana SOM. Une jeune femme aux cheveux noirs bouclés courts avec des reflets cuivrés, portant une chemise rayée noire et blanche et des colliers dorés. Le portrait est réalisé sur un fond noir avec un éclairage studio doux et chaleureux.

Diana

DA & Consultante UX/UI

La collaboration a permis de transformer l'image de Maëlle Purenne en une marque forte, alliant haut de gamme et stratégie de conversion efficace. Le résultat est un écosystème cohérent, du logo au CMS sur mesure, qui valorise son expertise. Ce projet démontre qu'un design minimaliste, lorsqu'il est soutenu par une structure UX/UI rigoureuse, devient un levier puissant pour instaurer la confiance et faciliter la prospection. Le projet ouvre des projections : l'architecture évolutive permet d'intégrer facilement de futures fonctionnalités et de nouveaux services, assurant ainsi une croissance pérenne et structurée de son activité.

"En cours d'écriture"

Photo portrait de Maëlle Purenne, social media manager. La jeune femme, aux cheveux châtains ondulés et portant une chemise blanche, apparaît dans un style détouré avec un contour blanc graphique (sticker effect) sur un fond uni beige taupe.

Maëlle Purenne

Social media manager freelance

"En cours d'écriture"

Photo portrait de Maëlle Purenne, social media manager. La jeune femme, aux cheveux châtains ondulés et portant une chemise blanche, apparaît dans un style détouré avec un contour blanc graphique (sticker effect) sur un fond uni beige taupe.

Maëlle Purenne

Social media manager freelance

On vous a gardé la meilleure poire du panier

Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.

Design
interactif

UI
design

UX
design

Product
design

Brand
design

UX
writing

On vous a gardé la meilleure poire du panier

Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.

Design
interactif

UI
design

UX
design

Product
design

Brand
design

UX
writing

On vous a gardé la meilleure poire du panier

Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.

Design
interactif

UI
design

UX
design

Product
design

Brand
design

UX
writing

On vous a gardé la meilleure poire du panier

Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.

Design
interactif

UI
design

UX
design

Product
design

Brand
design

UX
writing