Swissquote — image de l'étude de cas
Swissquote — image de l'étude de cas

Swissquote

Conçu pour survivre à toutes les boîtes de réception : pensé comme une banque suisse, développé pour s'afficher parfaitement.

Aperçu du projet

Aperçu du projet

Swissquote est l'un des plus grands noms de la fintech suisse. Nous gérons leur programme d'e-mailing sur l'ensemble du cycle de vie de bout en bout : conception, intégration, tests, absolument tout.
Chaque e-mail s'intègre dans un système de conception unique et est livré sous la forme d'un fichier entièrement testé et prêt pour la production. Il ne s'agit pas d'une maquette statique livrée en croisant les doigts.
Le programme fonctionne depuis assez longtemps pour être devenu un véritable flux de travail. Une seule équipe, un seul ensemble de normes, pour chaque séquence envoyée par Swissquote.

Défis et objectifs

Défis et objectifs

Les e-mails de cycle de vie de Swissquote sont destinés à un public exigeant de la fintech, et l'e-mail est un support impitoyable. Chaque design doit survivre à des dizaines de clients de messagerie, s'afficher correctement en mode sombre, respecter des limites strictes de taille de fichier, tout en reflétant l'image d'une marque bancaire suisse haut de gamme.
Swissquote avait besoin d'un partenaire capable de concevoir à ce niveau d'exigence et de gérer la réalité technique de son déploiement.

Swissquote

Conçu pour survivre à toutes les boîtes de réception : pensé comme une banque suisse, développé pour s'afficher parfaitement.

Aperçu du projet

Swissquote est l'un des plus grands noms de la fintech suisse. Nous gérons leur programme d'e-mailing sur l'ensemble du cycle de vie de bout en bout : conception, intégration, tests, absolument tout.
Chaque e-mail s'intègre dans un système de conception unique et est livré sous la forme d'un fichier entièrement testé et prêt pour la production. Il ne s'agit pas d'une maquette statique livrée en croisant les doigts.
Le programme fonctionne depuis assez longtemps pour être devenu un véritable flux de travail. Une seule équipe, un seul ensemble de normes, pour chaque séquence envoyée par Swissquote.

Défis et objectifs

Les e-mails de cycle de vie de Swissquote sont destinés à un public exigeant de la fintech, et l'e-mail est un support impitoyable. Chaque design doit survivre à des dizaines de clients de messagerie, s'afficher correctement en mode sombre, respecter des limites strictes de taille de fichier, tout en reflétant l'image d'une marque bancaire suisse haut de gamme.
Swissquote avait besoin d'un partenaire capable de concevoir à ce niveau d'exigence et de gérer la réalité technique de son déploiement.

Industrie

Fintech & Banque

Services

Design d'e-mail
Développement d'e-mail
Systèmes de design
QA & Tests

Chronologie

En cours

Industrie

Fintech & Banque

Services

Design d'e-mail
Développement d'e-mail
Systèmes de design
QA & Tests

Chronologie

En cours

Swissquote — image de l'étude de cas
Typographie

Typographie

Police principale : Swissquote CT est la police de caractères exclusive utilisée dans l'ensemble du programme d'e-mailing, offrant une identité visuelle distinctive qui reflète la précision, la confiance et l'héritage bancaire haut de gamme de Swissquote. Ses formes épurées et contemporaines garantissent une lisibilité exceptionnelle sur les clients de messagerie de bureau et mobiles, tout en maintenant la cohérence à travers chaque campagne et parcours de cycle de vie.

Palette de couleurs

Palette de couleurs

La palette de couleurs suit la charte de marque établie de Swissquote, combinant des blancs éclatants, des anthracites profonds, des tons neutres raffinés et des couleurs d'accentuation audacieuses afin de créer une hiérarchie claire, un contraste fort et une esthétique fintech haut de gamme. Conçue spécifiquement pour l'e-mail, la palette reste cohérente et lisible en mode clair, en mode sombre, ainsi que sur une large gamme de clients de messagerie.

Logo

Logo

Un logotype épuré et contemporain constitue le fondement de l'identité visuelle de Swissquote, offrant une présence fiable et professionnelle à chaque point de contact par e-mail tout en maintenant la cohérence tout au long du programme d'accompagnement.

Typographie

Police principale : Swissquote CT est la police de caractères exclusive utilisée dans l'ensemble du programme d'e-mailing, offrant une identité visuelle distinctive qui reflète la précision, la confiance et l'héritage bancaire haut de gamme de Swissquote. Ses formes épurées et contemporaines garantissent une lisibilité exceptionnelle sur les clients de messagerie de bureau et mobiles, tout en maintenant la cohérence à travers chaque campagne et parcours de cycle de vie.

Palette de couleurs

La palette de couleurs suit la charte de marque établie de Swissquote, combinant des blancs éclatants, des anthracites profonds, des tons neutres raffinés et des couleurs d'accentuation audacieuses afin de créer une hiérarchie claire, un contraste fort et une esthétique fintech haut de gamme. Conçue spécifiquement pour l'e-mail, la palette reste cohérente et lisible en mode clair, en mode sombre, ainsi que sur une large gamme de clients de messagerie.

Logo

Un logotype épuré et contemporain constitue le fondement de l'identité visuelle de Swissquote, offrant une présence fiable et professionnelle à chaque point de contact par e-mail tout en maintenant la cohérence tout au long du programme d'accompagnement.

Swissquote — image de l'étude de cas
Notre approche

Notre approche

Nous travaillons comme une extension de l'équipe de Swissquote : nous concevons directement dans Figma aux côtés de leurs rédacteurs, designers et parties prenantes, puis nous construisons tout nous-mêmes dans Stripo. Une seule et même équipe gère l'e-mail, de la première mise en page jusqu'à une version testée et prête pour la production. Rien ne se perd lors du transfert, car il n'y en a pas.

Notre approche

Nous travaillons comme une extension de l'équipe de Swissquote : nous concevons directement dans Figma aux côtés de leurs rédacteurs, designers et parties prenantes, puis nous construisons tout nous-mêmes dans Stripo. Une seule et même équipe gère l'e-mail, de la première mise en page jusqu'à une version testée et prête pour la production. Rien ne se perd lors du transfert, car il n'y en a pas.

Swissquote — image de l'étude de cas
UX : Conçu comme un voyage
UX : Conçu comme un voyage

Chaque campagne est une séquence. Les flux multi-e-mails sont conçus comme un voyage : une trajectoire claire du premier au dernier e-mail, avec une seule tâche par envoi. Nous maintenons une hiérarchie stricte, une seule action principale par e-mail, une structure que vous pouvez parcourir du regard en trois secondes, et un contenu ordonné selon la façon dont les gens lisent réellement. Rapidement. Sur un téléphone. Entre deux autres tâches.

Stratégie UI : Un seul système, chaque client
Stratégie UI : Un seul système, chaque client

Chaque e-mail s'appuie sur le système de conception (design system) de Swissquote : la typographie, les couleurs, l'espacement et les composants sont appliqués de manière cohérente afin que les campagnes soient conformes à l'image de marque, qu'elles arrivent dans Outlook ou Apple Mail. Swissquote fournit l'imagerie et les animations ; nous les composons dans des mises en page qui restent cohérentes tout au long de la séquence, depuis les étapes de révision de la conception jusqu'à la validation finale.

UX : Conçu comme un voyage

Chaque campagne est une séquence. Les flux multi-e-mails sont conçus comme un voyage : une trajectoire claire du premier au dernier e-mail, avec une seule tâche par envoi. Nous maintenons une hiérarchie stricte, une seule action principale par e-mail, une structure que vous pouvez parcourir du regard en trois secondes, et un contenu ordonné selon la façon dont les gens lisent réellement. Rapidement. Sur un téléphone. Entre deux autres tâches.

Stratégie UI : Un seul système, chaque client

Chaque e-mail s'appuie sur le système de conception (design system) de Swissquote : la typographie, les couleurs, l'espacement et les composants sont appliqués de manière cohérente afin que les campagnes soient conformes à l'image de marque, qu'elles arrivent dans Outlook ou Apple Mail. Swissquote fournit l'imagerie et les animations ; nous les composons dans des mises en page qui restent cohérentes tout au long de la séquence, depuis les étapes de révision de la conception jusqu'à la validation finale.

Swissquote — image de l'étude de cas
Intégration technique : là où l'e-mail devient sans pitié
Intégration technique : là où l'e-mail devient sans pitié

Nous concevons chaque envoi dans Stripo en respectant des pratiques d'excellence strictes : des mises en page blindées pour les clients de messagerie plus anciens, un mode sombre conçu à dessein pour que l'inversion automatique ne gâche pas le résultat final, et des tailles de fichiers maintenues sous la limite de troncature de Gmail pour que l'e-mail ne soit jamais coupé. Les éléments animés sont optimisés pour que l'envoi reste léger sans perdre en impact.

Intégration technique : là où l'e-mail devient sans pitié

Nous concevons chaque envoi dans Stripo en respectant des pratiques d'excellence strictes : des mises en page blindées pour les clients de messagerie plus anciens, un mode sombre conçu à dessein pour que l'inversion automatique ne gâche pas le résultat final, et des tailles de fichiers maintenues sous la limite de troncature de Gmail pour que l'e-mail ne soit jamais coupé. Les éléments animés sont optimisés pour que l'envoi reste léger sans perdre en impact.

Swissquote — image de l'étude de cas
Tests : rien ne se livre sur la foi d'une simple promesse
Tests : rien ne se livre sur la foi d'une simple promesse

Chaque e-mail est testé sur différents appareils, tailles d'écran et clients de messagerie — Gmail, Outlook, Apple Mail et bien d'autres — en mode clair comme en mode sombre avant d'être envoyé. Ce que Swissquote reçoit est un fichier vérifié, prêt pour la production, qui correspond au design approuvé sur chaque client testé.

Tests : rien ne se livre sur la foi d'une simple promesse

Chaque e-mail est testé sur différents appareils, tailles d'écran et clients de messagerie — Gmail, Outlook, Apple Mail et bien d'autres — en mode clair comme en mode sombre avant d'être envoyé. Ce que Swissquote reçoit est un fichier vérifié, prêt pour la production, qui correspond au design approuvé sur chaque client testé.

Swissquote — image de l'étude de cas
Livrables
Livrables
  • Conception d'e-mails continue et intégration de Figma vers Stripo pour le programme de cycle de vie de Swissquote. 

  • Un système de conception (design system) appliqué de manière cohérente à chaque séquence et à chaque client. 

  • Des intégrations robustes, compatibles avec le mode sombre et maintenues sous des limites de taille de fichier strictes. 

  • Une phase de test complète multi-clients et multi-appareils avant chaque envoi.

Résultat
Résultat

Chaque e-mail envoyé par Swissquote provient désormais de la même équipe et du même système de conception. Qu'il s'agisse d'un flux de réengagement ou d'une séquence d'intégration, à des mois d'intervalle, la marque ne fait jamais défaut.
Chaque e-mail est testé avant d'être envoyé. Personne ne se demande comment un envoi s'affiche dans Gmail, Outlook ou en mode sombre sur un iPhone au moment où il arrive dans la boîte de réception. Swissquote bénéficie d'un partenaire qui maîtrise l'ensemble du processus, de Figma à la boîte de réception.


Livrables
  • Conception d'e-mails continue et intégration de Figma vers Stripo pour le programme de cycle de vie de Swissquote. 

  • Un système de conception (design system) appliqué de manière cohérente à chaque séquence et à chaque client. 

  • Des intégrations robustes, compatibles avec le mode sombre et maintenues sous des limites de taille de fichier strictes. 

  • Une phase de test complète multi-clients et multi-appareils avant chaque envoi.

Résultat

Chaque e-mail envoyé par Swissquote provient désormais de la même équipe et du même système de conception. Qu'il s'agisse d'un flux de réengagement ou d'une séquence d'intégration, à des mois d'intervalle, la marque ne fait jamais défaut.
Chaque e-mail est testé avant d'être envoyé. Personne ne se demande comment un envoi s'affiche dans Gmail, Outlook ou en mode sombre sur un iPhone au moment où il arrive dans la boîte de réception. Swissquote bénéficie d'un partenaire qui maîtrise l'ensemble du processus, de Figma à la boîte de réception.


Lancer un projet

Vous avez une marque ou un site web en tête ? Nous aidons les marques ambitieuses à créer des identités et des expériences digitales qui convertissent.