Loading projects
Eyon Landing Page
A mobility app has two customers to win over: the one who books the ride and the one who drives it. This landing page had to speak to both without either feeling out of place.
About the project
Éyon is a Beninese mobility platform — motorbike taxi, tricycle, car — with a food delivery service in the works. After designing the mobile app, the landing page had a different job: turn visitors into downloads, and drivers into partners.
My role: Figma mockups and WordPress integration.
Two audiences, one home page
Incoming traffic is mixed. A passenger wants to understand the service and install the app. A driver wants an income. Putting both in competition in the hero would have weakened both messages.
The navigation separates them from the header: Our products for passengers, Become a champion for drivers. The word is deliberate — “champion” rather than “driver” or “partner”. It carries a recognition of status that matters in a job that is often looked down on, and the footer extends the promise: drive differently, with a secure income.
For drivers, the page doesn’t sell: it recruits. A complete sign-up form, +229 dialling code pre-filled, city selector. Friction removed one step at a time, for an audience that will often fill in this form on a phone, over 3G.
An architecture built for a site that will grow
Six templates designed: home, two product pages (Taxi and Food, the latter anticipating a service not yet launched), a recruitment page, and two blog templates — one for the list, one for the article.
This structure isn’t cosmetic. Every new Éyon service must be able to live on one page without a redesign, and the team must be able to publish articles without going back to a contractor.
The WordPress integration
I built these mockups in WordPress, modelling the content so that everything that changes is editable: service cards, journey steps, news, download links. “Champion” form submissions land directly in the admin.
Going back and forth between design and integration changed some mockups: the “how it works” section was redrawn as a repeatable component rather than a fixed layout, precisely because I knew I would have to make it editable.
Visual direction
Gold, black and off-white, in line with the app. Geometric typography with rounded corners, flat organic shapes, illustrations rather than photos in the explanatory sections — because part of the audience is discovering this kind of service, and a drawing explains a taxi ride faster than a photo.
Role: UI/UX design (Figma) · WordPress integration
Scope: 6 templates · Product showcase, driver recruitment, blog
Stack: Figma · WordPress
Gallery
