Le projet en 30 secondes
J'étais l'unique designer et webdesigner de Signally : mon rôle couvrait le produit visible, le site commercial et les supports de communication.
Signally permet aux entreprises de créer, uniformiser et déployer les signatures mail de leurs collaborateurs. La signature est à la fois un élément d'identité, une surface marketing et un livrable soumis aux contraintes techniques des clients de messagerie.
Je concevais les modèles de signatures, le site entièrement réalisé dans Webflow, la vidéo promotionnelle, les infographies et les déclinaisons nécessaires à la communication de l'entreprise.
Un rôle transversal dans une petite équipe
L'absence d'une autre fonction design rendait mon périmètre très large. Je devais assurer la continuité entre la manière dont Signally se présentait, la façon dont le produit était démontré et les livrables réellement utilisés par les clients.
Cette responsabilité obligeait à prioriser : construire d'abord les supports ayant un effet direct sur la compréhension de l'offre, la démonstration commerciale et l'expérience visible dans les e-mails.
- Design des modèles de signatures mail.
- Architecture, interface et réalisation complète du site Webflow.
- Création de la vidéo promotionnelle.
- Production des infographies et supports visuels.
- Déclinaisons marketing liées aux signatures et aux bannières.
Comment garder une marque cohérente avec autant de formats ?
- Décision
- Traiter le site, les signatures, la vidéo et les infographies comme les expressions d'un même système visuel.
- Pourquoi
- Les prospects passaient d'un support à l'autre ; une continuité visuelle renforçait la compréhension et la crédibilité de l'offre.
- Compromis
- En tant que designer unique, il fallait limiter les variations et produire des règles réutilisables.
Clarifier une offre technique sur le site
Le service combine création graphique, administration des collaborateurs, déploiement dans les outils de messagerie et programmation de bannières. Le site devait rendre cette chaîne compréhensible sans demander au visiteur de maîtriser les contraintes techniques de l'e-mail.
Le benchmark et l'étude de marché m'ont aidé à hiérarchiser les messages : expliquer le problème d'uniformité, montrer les signatures, détailler les intégrations et conduire vers une démonstration ou la création d'un modèle.
- Problème : des signatures incohérentes ou difficiles à maintenir à l'échelle d'une entreprise.
- Promesse : créer, attribuer et déployer les signatures depuis un même outil.
- Preuve : montrer des modèles concrets et les principales intégrations.
- Conversion : guider vers la démonstration et l'essai du créateur.
Présenter d'abord la technologie ou le résultat visible ?
- Décision
- Commencer par la signature et la simplicité de gestion, puis expliquer les intégrations.
- Pourquoi
- Le bénéfice est immédiatement visible dans chaque e-mail, alors que le déploiement technique vient soutenir cette promesse.
- Compromis
- Les détails d'administration sont repoussés plus bas dans le parcours commercial.
Concevoir et publier tout le site dans Webflow
Je ne me suis pas arrêté aux maquettes : j'ai construit le site complet dans Webflow.
Cette responsabilité reliait directement les choix d'interface à leur comportement responsive, aux contenus réels et aux contraintes de publication. Je pouvais ajuster la hiérarchie, tester les sections et mettre en ligne les évolutions sans créer une rupture entre conception et intégration.
La structure devait rester maintenable par l'équipe : sections réutilisables, composants cohérents, styles partagés et attention portée aux différentes tailles d'écran.
Pourquoi réaliser le site dans Webflow ?
- Décision
- Utiliser Webflow pour maîtriser la conception et la publication dans un même flux.
- Pourquoi
- Dans une petite équipe, cela réduisait les dépendances et permettait d'itérer rapidement sur le site commercial.
- Compromis
- La qualité finale dépendait aussi de ma rigueur sur le responsive, les classes et la maintenabilité.
Designer la surface principale : la signature mail
La signature devait rester claire, professionnelle et fidèle à la marque tout en supportant les informations dynamiques de chaque collaborateur. Elle pouvait intégrer coordonnées, réseaux, CTA et bannières de campagne.
Le travail demandait de penser au-delà d'une image statique : hiérarchie compacte, lisibilité, variations de contenu et contraintes des clients mail. Les signatures et certaines bannières étaient intégrées en TWIG pour relier le modèle aux données.
- Hiérarchiser identité, fonction, coordonnées et actions dans un espace réduit.
- Prévoir les variations liées aux équipes, fonctions et marques.
- Concevoir des bannières compatibles avec un usage marketing récurrent.
- Traduire les modèles visuels en structures exploitables avec TWIG.
Une signature très expressive ou un système adaptable ?
- Décision
- Créer des modèles distinctifs mais capables d'absorber des contenus et collaborateurs différents.
- Pourquoi
- La valeur de Signally tient au déploiement à l'échelle ; un modèle ne peut pas dépendre d'un seul nom ou d'une seule quantité d'informations.
- Compromis
- La liberté graphique est contrainte par la compatibilité e-mail et la diversité des données.
Vidéo promotionnelle et infographies
La vidéo promotionnelle devait rendre visible le fonctionnement de Signally dans un format plus rapide qu'une démonstration complète. Les infographies traduisaient les bénéfices, les fonctionnalités et les usages dans des supports faciles à reprendre commercialement.
Ces livrables prolongeaient le site : même vocabulaire, même hiérarchie de bénéfices et même logique de démonstration par le résultat.
- Scénariser la proposition de valeur dans la vidéo.
- Montrer le produit sans surcharger le message de détails techniques.
- Créer des infographies réutilisables dans les présentations et communications.
- Maintenir une cohérence visuelle entre site, produit et supports commerciaux.
Résultats disponibles
Les données disponibles permettent de parler de contribution, pas d'attribution exclusive.
Le site conçu pendant mon alternance a enregistré plus de 2 000 visites en 2024 selon Google Analytics. Cette donnée montre que le site a continué à être consulté après sa mise en ligne ; elle ne permet pas d'attribuer ce trafic au seul design.
J'ai également conçu des templates de signatures et leurs mises en situation, utilisés par des prospects pour visualiser et choisir une direction avant leur onboarding. Ce processus a contribué à l'onboarding de 3 nouveaux clients pendant mon alternance, conjointement au travail commercial et à l'offre de Signally.
Mon apport le plus directement démontrable reste la couverture complète du besoin design : une présence web publiée, des modèles de signatures utilisables et les supports nécessaires pour expliquer et promouvoir l'offre.
Limites et enseignements
Être l'unique designer m'a appris à relier stratégie de contenu, interface, production et diffusion. Un choix graphique n'était jamais isolé : il devait fonctionner sur le site, dans une signature, dans une vidéo ou dans une infographie.
La capture présentée correspond au site public actuel et peut avoir évolué depuis mon alternance. Je ne dispose pas de toutes les archives de production ; le récit s'appuie donc sur mon périmètre confirmé et sur les résultats disponibles.
- Concevoir puis intégrer permet de confronter immédiatement les maquettes au contenu et au responsive.
- Une signature mail est une interface contrainte, pas un simple bandeau décoratif.
- Dans une petite structure, un système visuel réutilisable protège le temps du designer unique.
- Les résultats doivent distinguer ce que le design a contribué à produire de ce qu'il peut réellement s'attribuer.