← All work bonnko · Travel · Responsive web

A one-stop travel site for Africa's new middle class.

More Africans are traveling across the continent, but they are stuck between limited local agencies and global sites that don't fit their needs. bonnko is a booking site built for them.

Role

UI/UX, graphic design, branding

Duration

16 weeks

Platform

Responsive website

Industry

Travel e-commerce

bonnko travel site shown on a desktop screen over desert dunes
Research

People wanted one reliable place.

Interviews with middle-class travelers aged roughly 25 to 70 kept pointing to the same frustration: information scattered everywhere. The key insight was clear: they wanted a one-stop shop for all their travel needs that they could rely on.

12were frustrated by scattered information
11wanted bundles or vacation packages
4still drove to an agency to book
Persona: Moussa Diop, a well-off mining director who wants to explore the continent
Our persona: the means to travel, but no product built for him.
Process

Testing changed the structure early.

  • A competitive review of Expedia, Airbnb and TripAdvisor
  • User flows and site maps, then three low-fi home page versions
  • Testing showed a separate landing page added nothing, so it was cut
  • Built a design system before high fidelity, so screens stayed consistent
bonnko user flow and site map from home page to booking
User flows and site map, drawn before any screen.
bonnko design system: colours, buttons, typography and components
The design system, set up before high fidelity.
Features

Less clutter, faster booking.

  • A search bar that follows you across the site, ready when an idea strikes
  • Bundles and packages for hassle-free booking
  • Trending destinations and latest deals on the home page
  • Filters and a simpler layout to cut confusion
Laptop mockup: stay search results for Cape Town, showing a villa, a duplex and a cabin with prices
Desktop mockup: stay search for Cape Town above a carousel of villas
Results

Usability testing.

100%booked a flight with the search bar
100%said bundles made them more likely to book
75%navigated the site with clarity

Four participants tested the high-fidelity prototype.

Advocate for research earlier, before high fidelity.