Fairlyne : donner à un SaaS du voyage une image à la hauteur de sa levée

Fairlyne édite une plateforme de revente de services pour les entreprises de transport et d'hôtellerie. Nous avons refondu son site : architecture par audience, identité visuelle, design et intégration.

Logo Fairlyne sur fond bleu
levés avant la refonte, après un test réussi avec OUIGO
3 M$
univers (aérien, ferroviaire, hôtellerie), chacun avec sa couleur
3
« L'équipe Croissant a été remarquable de professionnalisme du premier au dernier jour. »
Morgan Guérin, CMO chez FairlyneMorgan GuérinCMO @ Fairlyne

Contexte : une levée de 3 M$, un site qui ne la montrait pas

En 2024, Fairlyne réussit un premier test avec OUIGO et lève 3 M$. L'entreprise veut marquer son lancement presse avec un site à la hauteur.

Son site ne suit pas. Il parle en même temps aux compagnies aériennes, ferroviaires et aux hôtels, sans parcours pour chacun. Et son image est en décalage avec une entreprise qui vient de convaincre OUIGO.

Le site en 20 secondes, de la maquette au mobile.

Objectifs : une image crédible, un message clair pour chaque audience

La refonte avait trois objectifs :

  • Structurer le site par audience : aérien, ferroviaire et hôtellerie.
  • Guider chaque visiteur vers les contenus qui le concernent, en quelques clics.
  • Donner à Fairlyne l'image d'un grand SaaS, avec une identité propre.

Comment on a fait : de l'architecture à la mise en ligne

1. Une navigation par audience

Nous avons commencé par un atelier avec l'équipe. Objectif : une navigation où chaque audience trouve vite son entrée. L'arborescence fait ressortir les pages qui comptent : produits, actualités, blog et guides.

Arborescence du site de Fairlyne, avec les sections de chaque page
Chaque page a son rôle avant d'être dessinée.

2. Des wireframes pour valider les parcours

Avant le design, nous avons posé chaque page en wireframe. L'équipe a validé l'ordre des contenus et les parcours, sans se laisser distraire par les couleurs.

Wireframes en noir et blanc des pages du site de Fairlyne
Les parcours se valident en noir et blanc, avant tout choix graphique.

3. Une identité avec une couleur par univers

Nous avons créé un style guide complet : typographies, palette principale, puis une couleur par univers. Bleu pour l'aérien, violet pour le ferroviaire, vert pour l'hôtellerie. Le visiteur sait tout de suite dans quel univers il se trouve.

Palette de couleurs de Fairlyne : couleurs principales, puis une gamme pour l'aérien, le ferroviaire et l'hôtellerie
Une couleur par audience : le repère se voit avant même de lire.

4. Des composants dessinés pour Fairlyne

Nous avons dessiné les composants du site : boutons et leurs états, icônes dessinées pour chaque univers. Ils donnent au site sa signature et restent cohérents d'une page à l'autre.

Boutons dans leurs quatre états et icônes du site de Fairlyne
Les mêmes briques dans chaque univers, déclinées dans sa couleur.

5. Des maquettes ordinateur et mobile, puis l'intégration WordPress

Nous avons conçu les maquettes de la dizaine de pages du site, sur ordinateur et sur mobile. Puis nous avons intégré le site sur WordPress.

Maquette du haut de la page d'accueil de Fairlyne, avec la promesse « Unlocking Resale for travel »
Une promesse courte et un produit montré dès le premier écran.

Résultats : une identité complète, un repère par audience

En trois mois, de juin à août 2024 :

  • Une identité complète : style guide, une couleur par univers, des composants dessinés pour Fairlyne.
  • Un parcours par audience : aérien, ferroviaire et hôtellerie ont chacun leur entrée et leur couleur.
  • Une dizaine de pages dessinées et intégrées, sur ordinateur et sur mobile.

En 2026, le site de Fairlyne est toujours organisé par univers.

Mis à jour le 1/11/2026

Démarrage possible ce mois-ci

Prêt à faire travailler votre site

Un appel de 30 minutes avec Nathan, le fondateur.

Prendre rendez-vous

5/5 sur Google (38 avis)