De la co-création au lancement : une identité visuelle et landing page pour Alex de Qualitel
Le brief
Créer l’Identité de marque, le design system et interface SaaS pour le premier service d'évaluation immobilière de Qualitel, conçu dès le départ pour être utilisable par une équipe distribuée, sans designer interne, le lendemain de la livraison.
Le challenge
La première tentative d'identité de marque de Qualitel a été rejetée par la direction. La contrainte est de travailler avec les couleurs existantes de la marque Qualitel tout en créant une sous-marque distincte
Mon rôle
Consultante Brand Designer (workshops, identité visuelle, UI, templates), en collaboration directe avec les créateurs du service.
L’équipe
En interne : Moi, Brand Designer
Chez Qualitel :
2 chefs de projet → Validation
1 dev frontend → Intégration
3 marketing → Contenu
Une idéation collective
Mon Approche :
2 workshops Miro de 1 h avec les parties prenantes de Qualitel la première semaine.
Objectif : extraire leur vision avant de toucher aux outils de design.
Activités de Workshop:
Association d'images → les parties prenantes ont sélectionné des images représentant la personnalité de la marque
Extraction de valeurs → que devraient ressentir les utilisateurs en interagissant avec Alex ?
Revue concurrentielle → ce qu'il faut éviter vs aspirer
Définition de personnalité → si Alex était une personne, qui serait-il ?
Les résultats
Trois valeurs fondamentales ont émergé :
Recherche/Expertise | Habitat | Confiance
Décision Stratégique :
> Personnifier la marque→Créer un personnage "compagnon de confiance" pour le parcours immobilier. C'est devenu Alex.
> Contraintes Identifiées:
Doit fonctionner B2C (propriétaires) et B2B (agences). Connecté à la marque mère Qualitel mais distinct.
Du croquis au personnage
Phase 1: Croquis
J'ai dessiné 15+ concepts (humain/abstrait/mascotte) optimisés pour petites et grandes tailles. Présenté les 5 meilleures directions.
Phase 2: Vectorisation
J'ai testé variations d'expression, taille de loupe et couleurs (bleu Qualitel + corail). Choisi typographie sans-serif arrondie.
Phase 3: Validation
Après ajustements, logo validé par l’équipe entière. Délais entre les 1er croquis et la validation : 1,5 semaine.
Une identité visuelle en accord avec tous
En moins de 2 semaines, j’ai livré une guideline simple et exploitable pour l’équipe marketing de Qualitel : palette et typographies définies, composants réutilisables.
Résultat : gain de temps, moins d’allers-retours avec le designer et cohérence visuelle sur tous les supports.
Livrables :
Fiche synthétique prêt à l’usage, bibliothèque de composants avec spécifications courtes, et documentation concise d’application et d’adaptation. L’équipe peut désormais produire des contenus autonomes et cohérents.
Des éléments prêt à l’emploi
L'équipe marketing qui allait communiquer sur Alex de Qualitel (3 personnes) n'était pas formée à Adobe. Leurs besoins allaient être de 2-3 posts sociaux par semaine. Leur solution initiale : embaucher un designer à chaque fois (cher, lent) ou utiliser PowerPoint (non-adapté).
Ma solution :
10+ templates Canva et galerie d’images pour leurs posts LinkedIn, Instagram, en-têtes email, affiches événementielles. Des éléments de marque verrouillés, des contenus flexibles et instructions d'usage étaient intégrées aux fichiersintégrées.
Impact :
10+ posts LinkedIn créés avec facilité, tout en gardant une cohérence de marque. Feedback équipe : "Première guideline de marque qu'on peut réellement utiliser."
Re-dynamiser la landing page
Nous somme ensuite passé à la refonte des éléments fondamentaux de la landing page de Qualitel (en ligne depuis 2022-2023). Taux de rebond élevé (85%) révélant des problèmes de conversion et confiance avec le design d'origine.
Livrables
Création d'un blueprint stratégique UX/visuel pour leur équipe de développement web :
Optimisation hero → Proposition de valeur,
Hiérarchie de l'information → Parcours utilisateur,
Signaux de confiance → Placement stratégique de témoignages.
Architecture de conversion → CTAs contrastés et contextualisés.
Rythme du contenu → Sections espacées pour réduire la surcharge cognitive
Processus
Collaboration avec les parties prenantes pour aligner objectifs business et attentes utilisateurs avant transmission à l'équipe de product design.
Maintenant que la direction générale de l’interface était validée, l’enjeu était de donner au développeur des éléments d’UI qu’il pourrait utiliser pour la création de la page web.
J’ai donc conçu tout le color system, en respectant les Web Content Accessibility Guidelines (WCAG) pour garantir les bons contrastes. J’ai défini la palette complète ainsi que les composants clés comme les boutons et les cartes, dont certaines sont utilisées dans l’interface SaaS d’évaluation de la plateforme Alex.
Un changement à impact visible
Résultats mesurables
La nouvelle landing page lancée fin 2024 avec la majorité des éléments proposés. Le taux de rebond est passé de 85% à 65%. Soit une amélioration de 20%. Le trafic a connu une augmentation radicale par rapport à 2022/2023.
Amplification stratégique
Le lancement a coïncidé avec le début de la présence sur les réseaux sociaux, introduisant officiellement le projet Alex de Qualitel au public. La synergie entre identité visuelle cohérente, landing page optimisée et stratégie de communication digitale a généré une croissance significative du trafic qualifié et de l'engagement utilisateur.