Eyon Landing Page

Éyon est une plateforme de mobilité béninoise moto-taxi, tricycle, voiture, avec un volet restauration en préparation. Après la conception de l'application mobile, la landing page devait remplir une fonction différente : convertir des visiteurs en téléchargements, et des chauffeurs en partenaires.

Mon rôle : conception des maquettes Figma et intégration WordPress.

Deux publics, une seule page d'accueil

Le trafic entrant est mixte. Un passager cherche à comprendre le service et à installer l'app. Un conducteur cherche un revenu. Mettre les deux en concurrence dans le hero aurait affaibli les deux messages.

La navigation les sépare dès l'en-tête : Nos produits pour les passagers, Devenez champion pour les conducteurs. Le mot est délibéré « champion » plutôt que « chauffeur » ou « partenaire ». Il porte une reconnaissance de statut qui compte dans un métier souvent déconsidéré, et le pied de page prolonge la promesse : conduire autrement, avec des revenus sûrs.

Côté conducteurs, la page ne vend pas : elle recrute. Un formulaire d'inscription complet, indicatif +229 pré-rempli, sélecteur de ville. Les frictions retirées une à une, pour un public qui remplira souvent ce formulaire depuis un téléphone, en 3G.

Une architecture pensée pour un site qui va grandir

Six gabarits maquettés : accueil, deux pages produit (Taxi et Restauration, ce dernier anticipant un service non encore lancé), page de recrutement, et deux modèles de blog un pour la liste, un pour l'article.

Ce découpage n'est pas cosmétique. Chaque nouveau service d'Éyon devra pouvoir exister en une page sans refonte, et l'équipe devra publier des articles sans revenir vers un prestataire.

L'intégration WordPress

J'ai intégré ces maquettes sous WordPress, en modélisant le contenu pour que tout ce qui bouge soit éditable : les cartes de service, les étapes du parcours, les actualités, les liens de téléchargement. Les demandes du formulaire « champion » arrivent directement dans l'administration.

Ce va-et-vient entre conception et intégration a modifié certaines maquettes : la section « comment ça marche » a été redessinée en composant répétable plutôt qu'en composition figée, précisément parce que je savais devoir la rendre modifiable.

Direction visuelle

Or, noir et blanc cassé, dans la continuité de l'application. Typographie géométrique aux angles arrondis, formes organiques en aplat, illustrations plutôt que photos sur les sections explicatives parce qu'une partie du public découvre ce type de service, et qu'un dessin explique une course en taxi plus vite qu'une photo.

Rôle : Conception UI/UX (Figma) Intégration WordPress
Périmètre : 6 gabarits · Vitrine produit, recrutement conducteurs, blog
Stack : Figma · WordPress