Hybride et Paillette

Refonte d’identité visuelle, conception de site vitrine WordPress et structuration d’un écosystème digital plus clair pour accompagner le développement de Hybride et Paillette.
L’objectif était de construire une présence en ligne crédible, professionnelle et facile à faire évoluer, capable de mieux présenter l’offre de formation, renforcer la lisibilité du positionnement et soutenir la croissance de l’activité auprès des entreprises et institutions.

Pour visiter le site cliquez sur le logo

mockup logo hybride et paillette

Contexte :

Hybride et Paillette est un organisme de formation spécialisé dans la communication bienveillante, avec une offre pensée pour aider chacun à mieux se comprendre et à mieux interagir avec les autres. Si la proposition s’adresse plus largement à toute personne souhaitant améliorer sa communication, la cible principale reste les managers, responsables d’équipe, entreprises et structures institutionnelles, notamment dans le secteur de l’insertion.

Le projet est né à partir d’un site existant sous systeme.io, très sommaire, peu développé en contenus et devenu insuffisant face à l’évolution de l’activité. Hybride et Paillette souhaitait s’affranchir de cette plateforme afin de disposer d’une véritable vitrine professionnelle, plus claire, plus crédible et mieux adaptée à la prospection de son cœur de cible.

L’intervention ne relevait donc pas d’une simple amélioration cosmétique, mais d’une refonte en profondeur, presque à partir de zéro, avec un délai court, une identité existante à reprendre, un manque de contenus et un besoin fort de rassurer.

L’objectif principal était de créer un site vitrine WordPress professionnel à présenter aux clients, tout en repensant l’identité de la marque et en construisant un site que l’équipe puisse alimenter simplement par la suite. Au-delà du site, l’enjeu consistait aussi à clarifier l’offre, moderniser l’image, mieux guider les visiteurs et créer un univers visuel plus cohérent avec la personnalité de la structure.

Étapes

J’ai pris en charge l’ensemble du projet, de la conception du site à la refonte complète de l’identité visuelle, en passant par l’arborescence, le parcours utilisateur, le SEO de base, l’adaptation responsive sur tous les formats et la mise en place d’une première version pensée pour une mise en ligne rapide, suivie d’une seconde version avec des formations plus détaillées et mieux documentées.

J’ai également géré le benchmark, le brief, la stratégie de contenu, le zoning, l’UI design, l’intégration WordPress et Elementor, l’optimisation UX et les ajustements visuels. Les contenus rédactionnels, eux, ont été fournis par Virginie et Ewen.

CADRAGE

Le travail a démarré par une phase de cadrage structurée autour d’une grille de questionnement complète, afin de cerner précisément les attentes des fondateurs, leur vision de marque et l’impression qu’ils souhaitaient dégager.

Cette étape a été complétée par une phase d’audit et de recherche pour comprendre les codes du secteur, identifier les points de différenciation possibles et poser une base de travail cohérente pour le futur site vitrine WordPress.

STRUCTURE

La structure du site a été pensée pour simplifier au maximum l’accès à l’information et rendre l’offre immédiatement compréhensible. L’un des choix UX importants a consisté à éviter les pages trop profondes, avec une limite fixée à trois niveaux de navigation, afin de préserver la fluidité du parcours.

Une grande partie du travail a porté sur la clarification des différentes formations proposées. J’ai donc repensé l’arborescence et le parcours utilisateur dans une logique plus lisible, afin que chacun puisse identifier rapidement l’offre, naviguer simplement dans l’écosystème Hybride et Paillette et prendre contact plus facilement.

DIRECTION ARTISTIQUE

Sur le plan visuel, j’ai conçu un univers dynamique, sérieux et rassurant, tout en laissant une place assumée à une forme de fantaisie en cohérence avec la personnalité des deux dirigeants et avec le positionnement singulier de la marque.

Les couleurs et les choix typographiques ont été pensés pour apporter plus de personnalité qu’un univers de formation classique, tout en restant lisibles et inclusifs. L’objectif était de créer un cadre professionnel, accessible et identifiable, capable d’assumer un léger décalage sans perdre en crédibilité. Le logo existant, trop générique, a été repris entièrement pour mieux soutenir cette nouvelle direction.

INTEGRATION

La production s’est faite directement sur site, sans passer par une phase complète de maquettes desktop/mobile, principalement en raison des délais. J’ai utilisé Illustrator, Photoshop, Canva, WordPress, Elementor, Figma et XMind pour concevoir l’identité visuelle, structurer l’arborescence, intégrer les pages et coordonner l’ensemble du dispositif.

Le projet a donné lieu à de nombreux allers-retours, ce qui a permis d’affiner progressivement l’arborescence, le rendu des cartes de formation et la cohérence globale du site. Une difficulté plus technique a concerné le paramétrage des champs dynamiques ACF et des filtres, avec l’objectif de permettre aux clients d’alimenter facilement le site eux-mêmes sans risquer de casser le design.

Résultats

Site vitrine WordPress : refonte du site Hybride et Paillette

En résumé :

En résumé : le projet a permis à Hybride et Paillette de disposer d’un site professionnel, plus lisible, plus crédible et beaucoup plus aligné avec l’évolution réelle de son activité. L’offre est désormais mieux structurée, les différentes propositions de formation sont plus accessibles, la navigation dans l’ensemble de l’écosystème est plus fluide et la prise de contact a été simplifiée.

Les résultats observés ont été concrets : meilleure lisibilité, mise en ligne d’un site professionnel, gain de temps, amélioration de l’image, meilleur référencement et hausse des visites, contacts et clics. Plus largement, les retours rapides et les révisions permanentes ont permis de structurer le message de manière très fine, jusqu’à obtenir une communication totalement alignée avec les valeurs que la marque souhaitait transmettre.

Le projet a donc rempli son rôle principal : transformer une présence digitale limitée et peu convaincante en une vitrine claire, crédible et évolutive.

Ce que ce projet m'a apporté :

Ce projet m’a permis de renforcer fortement ma capacité d’adaptation, notamment face à des demandes qui évoluent vite, à des ajustements de dernière minute et à des échéances courtes mais stratégiques pour le client, comme la période liée à la certification Qualiopi où le site devenait un support indispensable.

Il m’a aussi appris à paramétrer un site avec un très haut niveau de détail, jusque dans les espacements, la formulation des contenus, le responsive et les contraintes techniques du back-office.

C’est également un projet qui a consolidé plusieurs compétences clés dans ma pratique : conception de logo sous Illustrator, maîtrise des champs dynamiques ACF, gestion de projet en méthode agile, réactivité, hiérarchisation de l’information, optimisation responsive et maîtrise plus fine d’Elementor, WordPress, Figma et du SEO. Il représente bien ma manière de travailler aujourd’hui : un projet complet, exigeant, mené avec un vrai souci du détail, de la cohérence et de l’efficacité, tout en restant fidèle à la personnalité du client et aux objectifs concrets du projet.

Outils utilisés

Donnez une vraie direction à votre projet

De l’idée initiale à la phase de déploiement, je vous aide à structurer votre site web, votre identité visuelle ou vos contenus vidéo avec clarté et cohérence.