Flex Academy

Flex Academy est le nouveau programme des fondateurs de The Flex et de Base360. Dans le cadre d'un exercice de recrutement, j'ai conçu sa page d'accueil pour un public exigeant : des hôtes ambitieux, pressés et méfiants envers les formations de « gourous ». L'objectif : comprendre en 5 secondes à qui s'adresse la page, faire confiance en 30 secondes, et pouvoir réserver à tout moment.

J'ai choisi de m'adresser en priorité à l'hôte qui gère 1 à 3 logements et veut en faire une entreprise : le public le plus large, celui par lequel les fondateurs ont eux-mêmes commencé, et les futurs clients de Base360.

Les quatre questions de qualification demandées deviennent cinq étapes d'un seul geste, dans une carte posée sur la photo. Chaque réponse fait avancer la carte d'elle-même ; le budget est facultatif et expliqué ; aucun numéro de téléphone n'est demandé, car ce public craint d'être relancé par un commercial.

Compromis assumé : une étape de plus qu'un formulaire, mais une seule question par écran.

Comme le site de The Flex, la page s'ouvre sur un vrai lieu, puis alterne sections photo immersives et sections calmes pour lire. Elle commence le jour sur Lisbonne et se termine au crépuscule, là où l'on réserve.

Face à un public sceptique, l'honnêteté fait partie du design : chaque section répond à la question suivante du visiteur, les résultats sont des emplacements clairement signalés (« We will not show testimonials we do not have »), et une section dit pour qui le programme n'est pas fait.

Le logo de The Flex se termine par un point ; Base360 fait circuler un petit point dans son récit produit. Flex Academy donne à ce point un rôle : montrer où l'on en est. Il ouvre le logo, avance sur la ligne de progression de la réservation, marque la semaine dans la méthode et ouvre chaque bouton d'appel.

L'abricot est la seule couleur chaude du système : tout le reste est vert, crème ou neutre, pour que le point soit toujours la première chose que l'œil trouve.

Un site qui fonctionne pour tout le monde inspire confiance. Contrastes vérifiés, focus clavier dessiné, erreurs expliquées en mots et non par la seule couleur, sous-titres, respect des réglages « réduire les animations » et « réduire la transparence », et un anglais simple pour un public souvent non anglophone. Quatre composants construits une fois, avec tous leurs états, servent tous les écrans.

Un test des 5 secondes sur le hero auprès de quelques hôtes : « À qui s'adresse cette page ? ». Puis un test A/B entre la carte de réservation dans le hero et un simple bouton, en mesurant combien de visiteurs commencent et terminent chaque étape.