SCROLL
SCROLL
SCROLL
DLM façades
Une refonte globale de la marque et de son écosystème digital, du branding à l’UX/UI Design, jusqu’à l’intégration WordPress et l’optimisation SEO.
DLM Façades m’avait contacté une première fois près d’un an avant le lancement du projet. L’entreprise souhaitait déjà faire évoluer son image, mais préférait attendre le bon moment pour engager une refonte plus globale. Ils ont finalement repris contact avec moi lorsque le projet est devenu prioritaire, avec la volonté de travailler avec un prestataire capable d’apporter autant d’exigence graphique que d’accompagnement, de pédagogie et de conseil.
La mission a couvert l’ensemble de leur transformation de marque : analyse de l’identité existante, repositionnement visuel, création du nouveau logo et du brandbook, déclinaison sur plusieurs supports, puis refonte complète du site internet, de l’analyse UX jusqu’à l’intégration WordPress et l’optimisation SEO.
Réalisations
BRANDING
GUIDELINES
UX UI DESIGN
INTEGRATION
Stacks
Branding & identité visuelle
La première phase du projet visait à faire évoluer l’image de DLM Façades pour lui donner une présence plus professionnelle, plus contemporaine et plus cohérente avec ses ambitions. L’objectif n’était pas simplement de moderniser un logo, mais de construire une identité capable de mieux représenter l’entreprise sur le long terme, tout en renforçant sa crédibilité sur ses différents points de contact.
Comprendre la vision de l’entreprise
Avant de dessiner, le travail a commencé par une phase d’échange et d’écoute afin de comprendre la vision de DLM Façades, ses ambitions de développement et la manière dont l’entreprise souhaitait être perçue. Cette étape a permis de poser une base claire pour la suite du projet : construire une image plus forte, plus rassurante et plus structurée, capable de traduire à la fois le sérieux du métier, le savoir-faire terrain et la qualité d’exécution de l’entreprise.
Analyse de l’existant
J’ai commencé par analyser l’ancien logo et les codes visuels déjà en place afin d’identifier leurs limites en termes de perception, de lisibilité et de cohérence. L’objectif de cette phase n’était pas de repartir de zéro sans réflexion, mais de comprendre ce qui pouvait être amélioré pour construire une identité plus juste, plus mémorable et mieux adaptée à une entreprise du bâtiment en pleine évolution.
Recherche créative & pistes de logo
Comme sur mes projets de branding, j’ai développé plusieurs pistes créatives afin d’explorer différentes directions possibles pour la marque. Ces concepts ont permis d’ouvrir la réflexion autour du positionnement visuel de DLM Façades avant de retenir une piste forte, ensuite affinée avec le client à travers plusieurs ajustements.
Un logotype plus impactant
Le logo final a été pensé pour gagner en modernité, en lisibilité et en impact. La construction du mot-symbole affirme davantage la marque tout en conservant une lecture immédiate. L’ensemble crée une identité plus directe, plus nette et plus professionnelle, capable de fonctionner aussi bien sur des supports print que sur des supports digitaux.
Un élément signature
L’un des éléments les plus forts de la nouvelle identité est le traitement du M, qui devient un véritable signe distinctif dans le système graphique. Son dessin évoque à la fois le geste manuel, la matière en mouvement, le passage de la taloche, l’application de l’enduit ou encore le travail de peinture. Au-delà de sa fonction dans le logotype, ce M devient un élément signature réutilisable dans l’univers de marque. Il permet d’enrichir les compositions, de créer un repère visuel fort et de donner plus de personnalité à l’identité dans ses différentes déclinaisons.
Une palette sobre, contrastée et reconnaissable
La palette colorimétrique a été pensée pour conjuguer visibilité, clarté et impact. Le jaune apporte énergie, signalétique et mémorisation, tandis que les tons sombres structurent la marque et renforcent sa dimension professionnelle. Les gris et les teintes plus claires viennent compléter le système avec une base plus neutre, utile pour les supports éditoriaux et digitaux.
Un brandbook pour cadrer les usages
Une fois l’identité validée, l’ensemble du système visuel a été formalisé dans un brandbook complet.
Celui-ci regroupe les règles d’utilisation du logo, les versions principales et secondaires, la zone de sécurité, les couleurs, les typographies, les principes d’accessibilité, les usages colorimétriques ainsi que les formats de fichiers. L’objectif était de fournir à DLM Façades une base claire, structurée et durable pour garantir la cohérence de la marque dans le temps.
Règles d’utilisation & cohérence
Le brandbook ne se limite pas à présenter les éléments graphiques : il pose aussi un cadre d’utilisation. Les principes de mise en page, les bonnes pratiques, les erreurs à éviter, les niveaux de contraste ou encore les associations de couleurs permettent d’assurer une utilisation cohérente de l’identité sur tous les supports.
Mises en situation & supports
Signature mail, carte de visite, publication Instagram, bannière LinkedIn, brochure, covering ou supports commerciaux : ces déclinaisons permettent de vérifier la flexibilité du système tout en donnant au client une vision très concrète de sa future communication.
DLM façades
Une refonte globale de la marque et de son écosystème digital, du branding à l’UX/UI Design, jusqu’à l’intégration WordPress et l’optimisation SEO.
DLM Façades m’avait contacté une première fois près d’un an avant le lancement du projet. L’entreprise souhaitait déjà faire évoluer son image, mais préférait attendre le bon moment pour engager une refonte plus globale. Ils ont finalement repris contact avec moi lorsque le projet est devenu prioritaire, avec la volonté de travailler avec un prestataire capable d’apporter autant d’exigence graphique que d’accompagnement, de pédagogie et de conseil.
La mission a couvert l’ensemble de leur transformation de marque : analyse de l’identité existante, repositionnement visuel, création du nouveau logo et du brandbook, déclinaison sur plusieurs supports, puis refonte complète du site internet, de l’analyse UX jusqu’à l’intégration WordPress et l’optimisation SEO.
Réalisations
BRANDING
GUIDELINES
UX UI DESIGN
INTEGRATION
Stacks
Branding & identité visuelle
La première phase du projet visait à faire évoluer l’image de DLM Façades pour lui donner une présence plus professionnelle, plus contemporaine et plus cohérente avec ses ambitions. L’objectif n’était pas simplement de moderniser un logo, mais de construire une identité capable de mieux représenter l’entreprise sur le long terme, tout en renforçant sa crédibilité sur ses différents points de contact.
Comprendre la vision de l’entreprise
Avant de dessiner, le travail a commencé par une phase d’échange et d’écoute afin de comprendre la vision de DLM Façades, ses ambitions de développement et la manière dont l’entreprise souhaitait être perçue. Cette étape a permis de poser une base claire pour la suite du projet : construire une image plus forte, plus rassurante et plus structurée, capable de traduire à la fois le sérieux du métier, le savoir-faire terrain et la qualité d’exécution de l’entreprise.
Analyse de l’existant
J’ai commencé par analyser l’ancien logo et les codes visuels déjà en place afin d’identifier leurs limites en termes de perception, de lisibilité et de cohérence. L’objectif de cette phase n’était pas de repartir de zéro sans réflexion, mais de comprendre ce qui pouvait être amélioré pour construire une identité plus juste, plus mémorable et mieux adaptée à une entreprise du bâtiment en pleine évolution.
Recherche créative & pistes de logo
Comme sur mes projets de branding, j’ai développé plusieurs pistes créatives afin d’explorer différentes directions possibles pour la marque. Ces concepts ont permis d’ouvrir la réflexion autour du positionnement visuel de DLM Façades avant de retenir une piste forte, ensuite affinée avec le client à travers plusieurs ajustements.
Un logotype plus impactant
Le logo final a été pensé pour gagner en modernité, en lisibilité et en impact. La construction du mot-symbole affirme davantage la marque tout en conservant une lecture immédiate. L’ensemble crée une identité plus directe, plus nette et plus professionnelle, capable de fonctionner aussi bien sur des supports print que sur des supports digitaux.
Un élément signature
L’un des éléments les plus forts de la nouvelle identité est le traitement du M, qui devient un véritable signe distinctif dans le système graphique. Son dessin évoque à la fois le geste manuel, la matière en mouvement, le passage de la taloche, l’application de l’enduit ou encore le travail de peinture. Au-delà de sa fonction dans le logotype, ce M devient un élément signature réutilisable dans l’univers de marque. Il permet d’enrichir les compositions, de créer un repère visuel fort et de donner plus de personnalité à l’identité dans ses différentes déclinaisons.
Une palette sobre, contrastée et reconnaissable
La palette colorimétrique a été pensée pour conjuguer visibilité, clarté et impact. Le jaune apporte énergie, signalétique et mémorisation, tandis que les tons sombres structurent la marque et renforcent sa dimension professionnelle. Les gris et les teintes plus claires viennent compléter le système avec une base plus neutre, utile pour les supports éditoriaux et digitaux.
Un brandbook pour cadrer les usages
Une fois l’identité validée, l’ensemble du système visuel a été formalisé dans un brandbook complet.
Celui-ci regroupe les règles d’utilisation du logo, les versions principales et secondaires, la zone de sécurité, les couleurs, les typographies, les principes d’accessibilité, les usages colorimétriques ainsi que les formats de fichiers. L’objectif était de fournir à DLM Façades une base claire, structurée et durable pour garantir la cohérence de la marque dans le temps.
Règles d’utilisation & cohérence
Le brandbook ne se limite pas à présenter les éléments graphiques : il pose aussi un cadre d’utilisation. Les principes de mise en page, les bonnes pratiques, les erreurs à éviter, les niveaux de contraste ou encore les associations de couleurs permettent d’assurer une utilisation cohérente de l’identité sur tous les supports.
Mises en situation & supports
Signature mail, carte de visite, publication Instagram, bannière LinkedIn, brochure, covering ou supports commerciaux : ces déclinaisons permettent de vérifier la flexibilité du système tout en donnant au client une vision très concrète de sa future communication.
Analyse du site web
Une fois la nouvelle identité clarifiée, j’ai analysé le site internet existant afin d’identifier les points de friction dans l’expérience et les leviers d’amélioration.
L’objectif était de mieux comprendre ce qui freinait la lisibilité du discours, la perception de professionnalisme et la capacité du site à transformer un visiteur en prospect.
Repenser la hiérarchie de l’information
Le site existant ne mettait pas suffisamment en avant les informations essentielles pour un futur client : expertise, spécialités, réalisations, éléments de réassurance et prise de contact.
J’ai donc retravaillé la hiérarchie éditoriale afin de mieux structurer les contenus et de permettre une lecture plus fluide du positionnement de DLM Façades.
Renforcer la valeur perçue
L’un des enjeux majeurs du projet consistait à aligner la perception du site avec le niveau réel de professionnalisme de l’entreprise. La refonte devait donner davantage de clarté, de cohérence et de crédibilité à l’ensemble, pour que la qualité perçue en ligne soit enfin à la hauteur de la qualité des prestations proposées.
Simplifier les parcours
L’analyse UX a également permis de simplifier les parcours de navigation afin de rendre le site plus évident à parcourir. L’enjeu était de permettre à un visiteur de comprendre rapidement l’offre, de trouver les informations utiles et de prendre contact sans effort inutile.
Construire un argumentaire plus clair
Cette clarification du message permet au site de jouer un rôle commercial plus fort, en accompagnant mieux le prospect dans sa compréhension de l’entreprise et de son savoir-faire.
UX UI Design
À partir de cette analyse, j’ai conçu une nouvelle expérience digitale dans Figma avant de l’intégrer sur WordPress. L’objectif était de créer un site plus lisible, plus moderne et plus cohérent avec la nouvelle identité de DLM Façades, tout en garantissant une bonne performance technique et une base SEO propre.
Direction artistique
La refonte visuelle du site s’appuie directement sur les codes définis dans le brandbook : couleurs, typographies, contrastes, iconographie et principes de composition.
Responsive design
L’interface a été pensée pour fonctionner sur desktop comme sur mobile, avec une attention particulière portée à la lisibilité, à la structure des contenus et à la fluidité de navigation sur smartphone. Le responsive a été travaillé pour garantir une expérience homogène quel que soit le support.
Intégration WordPress
Une fois les maquettes validées, j’ai assuré l’intégration complète du site sur WordPress. L’objectif était de respecter fidèlement la direction validée en phase de design tout en construisant un site administrable, évolutif et simple à prendre en main pour le client.
Optimisation SEO
Le site a été conçu avec une base SEO propre afin de faciliter sa visibilité sur les moteurs de recherche. Structure des pages, hiérarchie des titres, contenus, optimisation des images, maillage interne et bonnes pratiques on-page ont été intégrés dès la conception puis lors de l’intégration.
Accompagnement & autonomie
Au-delà du design et de l’intégration, DLM Façades souhaitait aussi être guidé dans la compréhension du site, de sa logique de fonctionnement et dans la prise en main de l’outil. Cette dimension de conseil et de pédagogie a été importante dans la collaboration.
Analyse du site web
Une fois la nouvelle identité clarifiée, j’ai analysé le site internet existant afin d’identifier les points de friction dans l’expérience et les leviers d’amélioration.
L’objectif était de mieux comprendre ce qui freinait la lisibilité du discours, la perception de professionnalisme et la capacité du site à transformer un visiteur en prospect.
Repenser la hiérarchie de l’information
Le site existant ne mettait pas suffisamment en avant les informations essentielles pour un futur client : expertise, spécialités, réalisations, éléments de réassurance et prise de contact.
J’ai donc retravaillé la hiérarchie éditoriale afin de mieux structurer les contenus et de permettre une lecture plus fluide du positionnement de DLM Façades.
Renforcer la valeur perçue
L’un des enjeux majeurs du projet consistait à aligner la perception du site avec le niveau réel de professionnalisme de l’entreprise. La refonte devait donner davantage de clarté, de cohérence et de crédibilité à l’ensemble, pour que la qualité perçue en ligne soit enfin à la hauteur de la qualité des prestations proposées.
Simplifier les parcours
L’analyse UX a également permis de simplifier les parcours de navigation afin de rendre le site plus évident à parcourir. L’enjeu était de permettre à un visiteur de comprendre rapidement l’offre, de trouver les informations utiles et de prendre contact sans effort inutile.
Construire un argumentaire plus clair
Cette clarification du message permet au site de jouer un rôle commercial plus fort, en accompagnant mieux le prospect dans sa compréhension de l’entreprise et de son savoir-faire.
UX UI Design
À partir de cette analyse, j’ai conçu une nouvelle expérience digitale dans Figma avant de l’intégrer sur WordPress. L’objectif était de créer un site plus lisible, plus moderne et plus cohérent avec la nouvelle identité de DLM Façades, tout en garantissant une bonne performance technique et une base SEO propre.
Direction artistique
La refonte visuelle du site s’appuie directement sur les codes définis dans le brandbook : couleurs, typographies, contrastes, iconographie et principes de composition.
Responsive design
L’interface a été pensée pour fonctionner sur desktop comme sur mobile, avec une attention particulière portée à la lisibilité, à la structure des contenus et à la fluidité de navigation sur smartphone. Le responsive a été travaillé pour garantir une expérience homogène quel que soit le support.
Intégration WordPress
Une fois les maquettes validées, j’ai assuré l’intégration complète du site sur WordPress. L’objectif était de respecter fidèlement la direction validée en phase de design tout en construisant un site administrable, évolutif et simple à prendre en main pour le client.
Optimisation SEO
Le site a été conçu avec une base SEO propre afin de faciliter sa visibilité sur les moteurs de recherche. Structure des pages, hiérarchie des titres, contenus, optimisation des images, maillage interne et bonnes pratiques on-page ont été intégrés dès la conception puis lors de l’intégration.
Accompagnement & autonomie
Au-delà du design et de l’intégration, DLM Façades souhaitait aussi être guidé dans la compréhension du site, de sa logique de fonctionnement et dans la prise en main de l’outil. Cette dimension de conseil et de pédagogie a été importante dans la collaboration.
Intégration
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 1
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 2
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 3
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 4
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Intégration
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 1
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 2
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 3
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
Titre 4
Figma ipsum slice distribute overflow distribute flows edit style strikethrough device bullet style team vector asset create main list arrow share comment background rectangle reesizing pencil slice distribute export group move duplicate stroke content vertical stroke object pixel share stroke community inspect flows community arrow flatten rectangle vector arrange subtract.
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
Un PowerPoint ne suffit pas à faire rêver vos clients.
Plus de 30 entreprises m’ont déjà fait confiance
Un PowerPoint ne suffit pas à faire rêver vos clients.
Plus de 30 entreprises m’ont déjà fait confiance
Un PowerPoint ne suffit pas à faire rêver vos clients.
Plus de 30 entreprises m’ont déjà fait confiance
Un PowerPoint ne suffit pas à faire rêver vos clients.
Plus de 30 entreprises m’ont déjà fait confiance
MENU
MENU
MENU
MENU
MENU
MENU
MENU
MENU