Zeliq x Pelostudio
Zeliq x Pelostudio, c’est une collab qui a commencé au début de l’année de 2023. Seulement, me direz-vous ? Et pourtant, il s’en est passé des choses en 6 mois !
En à peine quelques semaines, nous nous sommes mis d’accord sur une nouvelle image de marque, nous avons développé en un temps record un site web scalable et éditable facilement par les équipes marketing. Mieux encore, nous avons implémenté cette nouvelle identité visuelle dans le produit en à peine une semaine, grâce à un système de tokens robuste, le tout, en continuant de travailler sur les fonctionnalités phares du produit Zeliq.
Mais avant de vous partager le récit de cette récente collab, je voulais prendre une minute pour féliciter Zeliq de leur lancement en public ce mois-ci. Accompagner des équipes, designer des écrans et voir les interfaces développées et utilisées par de vrais utilisateurs, c’est toujours une grande satisfaction personnelle. Au-delà de “c’est moi qui l’ai fait”, cela veut aussi dire que les interfaces vont être mises dans les mains d’utilisateurs aux problématiques métiers tangibles. Et ça, avoir des retours utilisateurs, en tant que Product Designer, c’est priceless !
✨ Zeliq
Si vous avez déjà fait un peu de vente dans votre vie, vous savez que la prospection commerciale, c’est essentiel pour une entreprise. Mais, c’est aussi très chronophage et fastidieux. En moyenne, les commerciaux passent plus de 50% de leur temps à faire de l’administration plutôt que la prospection.
C’est là qu’intervient Zeliq, la solution tout-en-un pour atteindre vos objectifs de vente.
Concrètement, avec Zeliq, tous les outils de prospection sont centralisés sur une seule et même plateforme, permettant ainsi aux commerciaux (SDR, Sales Ops, …) d’être plus efficace dans leur travail (automatisation, base de données enrichie, suivi d’activités, appel et envoi d’e-mail, recherche de nouveau leads, monitoring…).
L’objectif ? Rendre le processus de vente le plus simple et le plus performant possible, notamment grâce à l’automatisation et l’apport de l’intelligence artificielle sur la plateforme. Et ainsi transformer les prospects en ̶e̶s̶s̶a̶i̶ ̶g̶a̶g̶n̶a̶n̶t̶ clients. (Pardonnez la comparaison, nous sommes en pleine coupe du monde de Rugby 🏉)
→ Pour en découvrir davantage sur l’app Zeliq, RDV sur leur site :
La collab’
Zeliq a été créé début 2023 par Dorian Ciavarella (CEO), Victor Lennel (CTO) et Guillaume Cruz (COO). À ce moment-là, Zeliq s’appelait encore GetHeroes et autant vous dire qu’il n’y avait rien d’autre qu’un simple Pitch Deck et des idées qui fusaient par milliers dans la tête des cofondateurs.
La conception
La collab a commencé, comme à notre habitude chez Pelostudio, avec un atelier type “Stakeholder interview”.
Nous avons donc demandé à Dorian, Guillaume et Victor de nous partager leur histoire et leur vision autour de Zeliq, mais aussi tous les éléments déjà mis en place de leur côté. Par exemple, à ce moment-là, Victor et son équipe tech étaient déjà en train de travailler un POC sur la feature du dialer afin de mieux identifier les contraintes techniques en amont de toute conception design.
Pour nous, le but de cet atelier est de comprendre très rapidement les besoins et les enjeux pour commencer à dessiner une première roadmap produit et définir des priorités.
Évidemment, nous restons très flexibles, car on sait qu’avec une start-up très early comme Zeliq, rien n’est jamais figé, et c’est bien normal !
Durant toute cette phase de conception, nous nous immergeons dans le projet pour capter le plus d’informations possible. Ce fut un véritable challenge (mais les challenges chez Pelo ne nous font jamais peur 😉) car pour Zeliq l’ambition est réelle : révolutionner la façon dont les commerciaux travaillent ! Autrement dit, comment faire en une seule plateforme ce que font aujourd’hui 3 voire 4 outils différents ?
Nous avons ainsi pu travailler avec des données collectées grâce à de nombreux entretiens avec des utilisateurs de la plateforme en beta. Cela nous a permis de concevoir des parcours utilisateurs alignés avec les problématiques métiers de ces utilisateurs ainsi que la vision business des cofondateurs, le tout en proposant une interface utilisateur moderne et intuitive.
La production
En parallèle, nous commençons à produire des premiers écrans. Car oui, il faut bien nourrir l’équipe de développeurs qui s’agrandit de semaines en semaines.
Il faut aller vite, mais pas au détriment du design. Chez Pelo, nous mettons un point d’honneur à créer des expériences engageantes et mémorables grâce à la conception d’interfaces élégantes et ergonomiques, adaptées aux besoins des utilisateurs.
Au fur et à mesure des fonctionnalités et des priorités, nous produisons l’ensemble des interfaces, en nous appuyant sur notre expertise mais aussi sur un benchmark visuel et fonctionnel réalisé en parallèle. Nous avons ainsi conçu une direction artistique propre au produit.
Pour certains parcours, nous concevons aussi des prototypes afin de les tester et les valider avec les PM. Par exemple, suite au lancement de l’application auprès de Beta testeur durant l’été, nous avons rapidement pu itérer sur différents éléments de l’interface, en réalisant des interviews utilisateurs informels afin de ne pas perdre en vélocité.
Le design system
Par expérience, nous savons les bénéfices d’une excellente hygiène de travail dans Figma. Première étape dans la mise en place d’un Design System, la création et la maintenance d’une librairie de composants et de styles est avant tout là pour 1. Nous simplifier la vie. 2. Faciliter la passation designer <> développeur.
Dès le début, nous faisons ainsi le choix de “systémiser” les éléments et d’implémenter tout un écosystème évolutif, by design, dans le produit. Dans cette librairie, nous y rassemblons donc l’ensemble des décisions UI prises sur les couleurs, les typographies, les icônes… Progressivement, nous y documentons les différents composants UI avec les spécifications design, les usages et les comportements.
Avec l’aide de Thomas, lead Front-end chez Zeliq, nous avons aussi mis en place un système de variables pour les couleurs et les styles de texte. Nous sommes même allés un cran plus loin, en créant des Tokens “alias” pour chacun des usages associés. Cela peut paraître overkill en début de projet et pourtant, on va vite se rendre compte de l’importance d’une bonne gestion des tokens dès le début, tant côté design que côté front.
Le branding
Comme toute start-up digne de ce nom, la question du (re-)branding s’est évidemment très vite posée.
Suite à un pivotement sur la vision à long terme des cofondateurs, dont l’ambition est de révolutionner la façon de travailler des équipes commerciales en proposant une plateforme powered by l’IA, le nom GetHeroes n’était plus représentatif.
C’est ainsi qu’est né Zeliq ✨.
Pour définir cette nouvelle identité de marque, nous partons d’un constat assez simple : l’IA prend une place de plus en plus importante dans l’écosystème de la Salestech. L’enjeu majeur résidait donc dans la représentation de l’IA, sans pour autant tomber dans un univers trop technique et abstrait. Zeliq doit rester facile à comprendre et facile à utiliser.
Astuces graphiques, petits dessins à main levée et micro-illustrations sont à la base de Zeliq. Cela nous a ainsi permis de mettre l’humain, le Sales, au cœur de cette identité accessible et chaleureuse.
Et parce qu’un challenge en appel souvent un autre, nous n’avons eu que deux semaines pour finaliser ces changements et concorder avec leur annonce de levée de fonds. Exploration graphique, design de logo, choix de nouvelles couleurs et de typographie, nous avons donc su être efficaces et pertinents pour réussir à créer cette nouvelle identité de marque.
Côté produit, nous avons aussi entrepris de mettre à jour la UI sur la base de la nouvelle identité Zeliq. Pas de gros changements envisagés, notre focus s’est surtout porté sur les couleurs et les typographies.
C’était l’occasion parfaite pour tester la robustesse de notre système de tokens. Grâce au plug-in Tokens Studio, nous avons pu créer un nouveau thème avec de nouvelles teintes de bases, tout en conservant les usages. Une seule mise à jour globale de la librairie aura suffi pour ajuster tous les écrans déjà produits ! Côté front, même scénario : en une matinée, Thomas avait mis à jour l’intégralité de l’application.
La magie des Design Tokens ! 🪄
Le développement du website
Aussi bon le produit soit-il, une croissance durable ne peut se faire sans marketing. Les pages d’acquisitions sont très souvent les premières étapes de l’expérience utilisateur globale. Chez Pelostudio, nous accordons une importance toute particulière à traiter ces pages avec le même soin et la même recherche d’amélioration que sur le reste du produit.
Nous avons ainsi travaillé avec Laura Patricia, Head of Marketing chez Zeliq, sur toute la conception et le design du site marketing zeliq.com
Ici aussi, notre démarche reste la même : nous proposons un design et un développement sur-mesure afin de répondre spécifiquement aux besoins et ambitions de Zeliq.
C’est pour cela que nous nous appuyons sur un CMS dit “headless” et un front-end en React. Cela nous permet de créer des solutions web moderne, mettant l’accent sur une expérience utilisateur rapide, fluide et un SEO optimisé, qui respecte les contraintes web de performance et stabilité.
Pour permettre à Laura et son équipe de générer un impact commercial rapidement et facilement, nous utilisons le CMS Storyblok, une plateforme de gestion de contenu simple et intuitive grâce à son “visual builder”. Notre démarche modulaire leur permet ainsi de continuer à publier et mettre à jour du contenu en toute autonomie.
Ils en parlent mieux que nous !
Pelo has done the impossible, we did both Branding and Website for ZELIQ in less than 2 months.After working for quite some time with Pelo, I’d say it has been a pleasure as they understand what the client needs and wants. They are quick on their feet and always suggest the best outcome for the image for us.
Laura Patricia, Head of Marketing @ ZELIQ
Et ce n’est pas fini !
Zeliq, c’est désormais plusieurs dizaines d’utilisateurs au quotidien et déjà plus de 5 millions d’euros levés moins de 1 an après sa création. Avec la commercialisation de la plateforme en ce mois d’octobre, une nouvelle belle étape dans l’histoire de la start-up a été franchie !
Mais l’ambition est loin de s’arrêter là.
Le rythme récurrent que nous avons mis en place, nous permet ainsi d’améliorer en continu l’application sur la base des retours utilisateurs, tout en travaillant sur l’ajout de nouvelles fonctionnalités. L’objectif ? Continuer à améliorer et développer la solution à l’international et viser un futur financement de série A à l’horizon 2024.
Zeliq x Pelostudio, c’est une collab dont nous sommes très heureux, qui tire parti de l’alchimie des multiples savoir-faire du studio : branding et direction artistique, marketing & marketing, design produit et développement web. Merci à eux pour la confiance accordée dès le début du projet.
Chapeau aussi aux équipes techniques pour avoir su développer une telle plateforme en si peu de temps. Ils sont littéralement passés de 0 à 100 en 2,1s. (Mieux qu’une Tesla) ;-) Good job 👏
Chez Pelostudio, nous accompagnons les start-up dans leur croissance et développement de leur produit, en participant à l’amélioration de l’expérience utilisateur, des interfaces et du branding. Nous sommes spécialisés dans la conception UX & UI, le développement web ainsi que dans la communication visuelle (branding, website et vidéo de présentation de produit).
Cet article a été pensé & écrit avec amour ❤️ à la main, et n’a pas été généré par une IA. Si vous avez trouvé cet article utile et intéressant et que vous souhaitez apporter votre soutien, n’oubliez pas de mettre un clap autant de fois que nécessaire. Je vous en serais particulièrement reconnaissante 🙏
👏 Merci à Sandro pour les visuels de cet article
Vous avez une question, un feedback ou bien souhaitez à votre tour partager votre avis sur le sujet ? Vous êtes libre de laisser un commentaire ici 👏 ou de me contacter via Linkedin. À bientôt 👋
