Créer un produit SaaS pour une gestion AWS économique, efficace en plus d’être, stable.

Sommaire
du projet

En 2025, forte de son expérience dans la gestion et l’optimisation d’AWS, l’équipe d’Unicorne franchit une nouvelle étape avec le lancement de Stable, une plateforme libre-service pensée pour transformer son expertise en solution SaaS.

Conçue pour les CTO, Cloud Architects, DevOps et entreprises FinTech, Stable vise à accroître les opportunités de croissance d’Unicorne et à affirmer sa présence sur la scène internationale.
 Cette nouvelle marque vient distinguer clairement l’offre produit de l’offre de services, tout en préservant la synergie entre les deux.

Stratégie et image de marque

  • Manifeste

    Le manifeste de marque synthétise l’essence, le positionnement et le caractère distinctif d’une marque.

    Outil de langage et de référence, il accompagne la compréhension et l’expression de la marque, en complément du guide de normes graphiques pour l’aspect visuel.

    • Contexte
    • Client
    • Fondement de la marque
    • Les bases de la marque
    • Description de l’entreprise
    • Alignement
  • Guide de marque

    Le guide de normes graphiques définit les règles visuelles d’une marque afin d’assurer cohérence et impact. Outil de référence, il complète le manifeste en traduisant l’identité de la marque en éléments visuels clairs et uniformes.

    • Concept
    • Logo (Logotype, Insigne)
    • Nuancier
    • Typographie
    • Iconographie
    • Applications
    • Déploiement
  • Déploiement de la Marque

    Pour un projet d’identité comme Stable, nous avons livré toutes sortes de fichiers de logo, tous les principaux éléments de design que nous avons créés pendant le processus de branding, ainsi qu’un guide de normes complets et conçu pour le numérique traduit directement dans Figma.

Nuancier

La palette de couleur de Stable crée un atmosphère aérienne et mystérieuse en utilisant une série de violets et de dégradés. Couleur d’accent aussi efficace en Light qu’en Dark Mode, cette palette versatile offre le meilleur du numérique et facilite la création d’éléments de marque facilement reconnaissables. Les nombreuses variations de gris permettent également de créer des liens avec le discours de transparence et créer des jeux typographiques qui supporte une rédaction claire et punchée.

Logo complet

Le logotype de Stable est constitué d’une police de caractères géométrique retravaillée manuellement. Les caractères typographiques font référence au volet mondulaire et technologique de l’offre de Stable. Fort d’une ligne de pied soutenu, le logotype impose une certaine stabilité et suggère un triangle plus grand que lui en contre forme.

L’intégration de l’icône à même le logo vise à accentuer l’effet triangulaire à large base.

La découpe dans le t minuscule offre aussi une référence à Unicorne, l’entreprise de service se cachant derrière le produit SaaS.

Éléments
Graphiques

Le territoire de marque se compose de nombreux éléments visuels décrits et documentés. Chacun d’entre-eux joue un rôle particulier qui contribue à l’effet d’ensemble.

Iconographie

La marque utilise une iconographie sur mesure mettant de l’avant le côté fait main et authentique des rencontres personnalisés de la plateforme.

Mises en applications de la marque

La marque Stable est dédiée à une variété d’utilisations principalement numériques, les applications qui suivent sont autant d’exemples publicitaires, qu’applicatifs.

Accompagnement produit et design de la plateforme

  • 1. Activité de définition des bases

    Comparer les compétiteurs existants et sur le marché afin de miser sur les fonctionnalités distinctives au produit.

    Analyse atomique des composantes: faire un audit des composantes et des éléments moléculaires de l’application déjà développés.

  • 2. Ateliers de personas et de création

    Atelier de définition des utilisateurs et de leur usage respectif par type (CTO, CS Architect, Dev Ops, Fintech)

    Ateliers de facilitation et de conception: validation rapide d’hypothèses UX, exploration de concepts en lien avec les modules et les étapes du créateur de la visionneuse.

  • 3. Soutien et apprentissages

    Rencontres de suivis hebdomadaires: co-création avec l’équipe interne, gestion agile du design en continu.

    Méthodes UX: Application de méthodologies de travail et de UX. Enseignement à l’équipe interne.

  • 4. Design UI et gestion du design system

    Design des nouvelles maquettes et en continu selon des fonctionnalités isolées en collaboration avec l’équipe de produit.

    Un Design System efficace à été créé afin de répondre au besoin et les questionnements de l’équipe dev en plus de faciliter la création de maquettes.

Design System / gestion du Light et Dark Mode

Créer un écosystème comme Stable requiert la coordination de milliers de composantes interdépendantes. Pour assurer la cohérence visuelle et fonctionnelle, un système de variables a été développé afin de centraliser la gestion des couleurs, de la typographie, des thèmes, des primitives et des échelles de taille, couvrant à la fois le site Web (et toutes résolutions confondues) du produit complet.

Design et développement du Site Web

La conception et le développement du site Web, réalisés sur WordPress, ont été entièrement pris en charge par l’équipe de Diapason. Le site a été pensé pour offrir des éléments dynamiques et servir une approche davantage orientée marketing que celle du SaaS. L’expérience se veut flexible sur mobile, desktop et écrans larges.

Login et onboarding

Pour accéder au SaaS, l’utilisateur doit passer par le site Web. Il était donc essentiel de concevoir des éléments graphiques à la fois fonctionnels et marketing sur le site web. L’écran de connexion a été imaginé comme une véritable porte d’entrée vers le SaaS, donc aussi une occasion de mettre en valeur ses principales fonctionnalités tout en amorçant l’onboarding de l’utilisateur.

Motion Design

Plusieurs animations, simples ou complexes (comme les écrans de chargement), ont été conçues pour engager l’utilisateur avec le produit et enrichir l’expérience globale.

Elles contribuaient également à renforcer l’identité d’une marque dynamique et moderne.

Collaborateurs

  • Développeur Web

    Patrick
    Champoux

    Développeur Web avec 15 ans d’expérience qui a une passion pour React.js et WordPress. Au cours de sa carrière, Patrick...

  • Digital Art Director, Senior UI/UX Designer

    Serena
    Capozzi

    Animée par l’innovation et la recherche, j’aime explorer les codes de la communication visuelle et ses applications dans la vie...

  • Designer UX/UI

    Robert
    Gorzedowski

    Je suis naturellement curieux et doté d’un sens aigu de l’observation, ce qui m’aide à repérer les petits détails qui...

  • Directeur Artistique

    Francis
    Leduc

    Francis est doté d’une expérience significative dans le domaine du design et des arts. Travaillant tantôt avec des designers, tantôt...

  • Designer numérique et photographe

    Jean-Bernard
    Filion

    Designer senior avec presque 25 ans d’expérience, mon parcours oscille entre la techno, la photo et les jeux vidéo. Je...

  • Fondatrice Diapason / Designer UX

    Julie
    Simard

    Passionnée par les possibilités qu’offre le design collaboratif, Julie rêvait depuis longtemps de soulever le Collectif. Sa première intention était...

Vous êtes prêt.e à créer des projets qui résonnent?

Nous avons le bon tempo

Nous avons le bon tempo

Glisser
Jouer