Swissquote — case study image
Swissquote — case study image

Swissquote

Built to survive every inbox: designed like a Swiss bank, engineered to render.

Project Overview

Project Overview

Swissquote is one of the biggest names in Swiss fintech. We run their lifecycle email programme end to end: design, build, testing, all of it.
Every email lives inside one design system and ships as a fully tested, production-ready file. Not a static design handed off with fingers crossed.
The programme has run long enough to become a real workflow. One team, one set of standards, across every sequence Swissquote sends.

Challenges & Objectives

Challenges & Objectives

Swissquote's lifecycle emails go out to a demanding fintech audience, and email is an unforgiving medium. Every design has to survive dozens of email clients, render cleanly in dark mode, stay under strict file-size limits, and still read like a premium Swiss banking brand.
Swissquote needed a partner who could design at that standard and handle the technical reality of shipping it.

Swissquote

Built to survive every inbox: designed like a Swiss bank, engineered to render.

Project Overview

Swissquote is one of the biggest names in Swiss fintech. We run their lifecycle email programme end to end: design, build, testing, all of it.
Every email lives inside one design system and ships as a fully tested, production-ready file. Not a static design handed off with fingers crossed.
The programme has run long enough to become a real workflow. One team, one set of standards, across every sequence Swissquote sends.

Challanges & Objectives

Swissquote's lifecycle emails go out to a demanding fintech audience, and email is an unforgiving medium. Every design has to survive dozens of email clients, render cleanly in dark mode, stay under strict file-size limits, and still read like a premium Swiss banking brand.
Swissquote needed a partner who could design at that standard and handle the technical reality of shipping it.

Industry

Fintech & Banking

Services

Email Design
Email Development
Design Systems
QA & Testing

Timeline

Ongoing

Industry

Fintech & Banking

Services

Email Design
Email Development
Design Systems
QA & Testing

Timeline

Ongoing

Swissquote — case study image
Typography

Typography

Primary Font: Swissquote CT is the exclusive typeface used across the email programme, providing a distinctive visual identity that reflects Swissquote's precision, trust, and premium banking heritage. Its clean, contemporary forms ensure exceptional readability across desktop and mobile email clients while maintaining consistency throughout every campaign and lifecycle journey.

Colour Palette

Colour Palette

The colour palette follows Swissquote's established brand system, combining crisp whites, deep charcoals, refined neutrals, and bold accent colours to create clear hierarchy, strong contrast, and a premium fintech aesthetic. Designed specifically for email, the palette remains consistent and legible across light mode, dark mode, and the wide range of email clients.

Logo

Logo

A clean, contemporary wordmark forms the foundation of Swissquote's visual identity, delivering a trusted and professional presence across every email touchpoint while maintaining consistency throughout the entire lifecycle programme.

Typography

Primary Font: Swissquote CT is the exclusive typeface used across the email programme, providing a distinctive visual identity that reflects Swissquote's precision, trust, and premium banking heritage. Its clean, contemporary forms ensure exceptional readability across desktop and mobile email clients while maintaining consistency throughout every campaign and lifecycle journey.

Colour Palette

The colour palette follows Swissquote's established brand system, combining crisp whites, deep charcoals, refined neutrals, and bold accent colours to create clear hierarchy, strong contrast, and a premium fintech aesthetic. Designed specifically for email, the palette remains consistent and legible across light mode, dark mode, and the wide range of email clients.

Logo

A clean, contemporary wordmark forms the foundation of Swissquote's visual identity, delivering a trusted and professional presence across every email touchpoint while maintaining consistency throughout the entire lifecycle programme.

Swissquote — case study image
Our Approach

Our Approach

We work as an extension of the Swissquote team: designing directly in Figma alongside their copywriters, designers, and stakeholders, then building everything in Stripo ourselves. One team owns the email from first layout to a tested, production-ready build. Nothing gets lost in the handoff, because there isn't one.

Our Approach

We work as an extension of the Swissquote team: designing directly in Figma alongside their copywriters, designers, and stakeholders, then building everything in Stripo ourselves. One team owns the email from first layout to a tested, production-ready build. Nothing gets lost in the handoff, because there isn't one.

Swissquote — case study image
UX: Designed as a Journey
UX: Designed as a Journey

Each campaign is a sequence. Multi-email flows are designed as a journey: a clear arc from first email to last, one job per send. We keep hierarchy tight, one primary action per email, a structure you can scan in three seconds, content ordered the way people actually read it. Fast. On a phone. Between other things.

UI Strategy: One System, Every Client
UI Strategy: One System, Every Client

Every email runs on Swissquote's design system: typography, colour, spacing, and components applied consistently so campaigns feel on-brand whether they land in Outlook or Apple Mail. Swissquote supplies imagery and motion; we compose it into layouts that hold together across the full sequence, through rounds of design review to sign-off.

UX: Designed as a Journey

Each campaign is a sequence. Multi-email flows are designed as a journey: a clear arc from first email to last, one job per send. We keep hierarchy tight, one primary action per email, a structure you can scan in three seconds, content ordered the way people actually read it. Fast. On a phone. Between other things.

UI Strategy: One System, Every Client

Every email runs on Swissquote's design system: typography, colour, spacing, and components applied consistently so campaigns feel on-brand whether they land in Outlook or Apple Mail. Swissquote supplies imagery and motion; we compose it into layouts that hold together across the full sequence, through rounds of design review to sign-off.

Swissquote — case study image
Technical Build: Where Email Gets Unforgiving
Technical Build: Where Email Gets Unforgiving

We build every send in Stripo against strict best practices: bulletproof layouts for older clients, dark mode designed on purpose so auto-invert can’t wreck the final result, and file sizes kept under Gmail’s clipping limit so the email never gets cut off. Motion assets get optimised to keep sending light without losing impact.

Technical Build: Where Email Gets Unforgiving

We build every send in Stripo against strict best practices: bulletproof layouts for older clients, dark mode designed on purpose so auto-invert can’t wreck the final result, and file sizes kept under Gmail’s clipping limit so the email never gets cut off. Motion assets get optimised to keep sending light without losing impact.

Swissquote — case study image
Testing: Nothing Ships on Faith
Testing: Nothing Ships on Faith

Every email gets tested across devices, screen sizes, and email clients, Gmail, Outlook, Apple Mail, and beyond, in both light and dark mode before delivery. What Swissquote receives is a verified, production-ready file that matches the approved design in every client we test.

Testing: Nothing Ships on Faith

Every email gets tested across devices, screen sizes, and email clients, Gmail, Outlook, Apple Mail, and beyond, in both light and dark mode before delivery. What Swissquote receives is a verified, production-ready file that matches the approved design in every client we test.

Swissquote — case study image
Deliverables
Deliverables
  • Ongoing email design and Figma-to-Stripo build for Swissquote's lifecycle programme. 

  • A design system applied consistently across every sequence and every client. 

  • Bulletproof, dark-mode-ready builds kept under strict file-size limits. 

  • A full cross-client, cross-device testing pass before every send.

Outcome
Outcome

Every email Swissquote sends now comes from the same team and the same design system. Whether it’s a re-engagement flow or an onboarding sequence, months apart, the brand never fails.
Every email gets tested before it ships. Nobody’s guessing how a send renders in Gmail, Outlook, or dark mode on an iPhone by the time it hits an inbox. Swissquote gets a partner who owns the whole path, from Figma to inbox.


Deliverables
  • Ongoing email design and Figma-to-Stripo build for Swissquote's lifecycle programme. 

  • A design system applied consistently across every sequence and every client. 

  • Bulletproof, dark-mode-ready builds kept under strict file-size limits. 

  • A full cross-client, cross-device testing pass before every send.

Outcome

Every email Swissquote sends now comes from the same team and the same design system. Whether it’s a re-engagement flow or an onboarding sequence, months apart, the brand never fails.
Every email gets tested before it ships. Nobody’s guessing how a send renders in Gmail, Outlook, or dark mode on an iPhone by the time it hits an inbox. Swissquote gets a partner who owns the whole path, from Figma to inbox.


Start a project

Have a brand or website in mind? We help ambitious brands build identities and digital experiences that convert.