Treepz

Revamping the rider experience to improve booking efficiency

Revamping the rider experience to improve booking efficiency

Overview

Imagine rushing to book a ride to work, only to face a cluttered app, confusing navigation, and the fear of last-minute cancellations. This was the daily reality for Treepz users in 2020.

Treepz launched to revolutionize public transportation in Africa, but user feedback revealed a critical flaw: a booking process so frustrating that cancellations soared and trust plummeted.


As the lead designer, I faced a dual challenge, untangle the chaos of the existing interface and rebuild confidence in a platform meant to simplify commuting.

Role

As the sole designer, I led end-to-end UX/UI redesign efforts, collaborating with founders and engineers to:

  • Simplify the booking flow.

  • Improve app reliability and usability.

  • Align the design with Treepz’s brand identity.

Business goals

Goal

Design solutions

Results

Reduced cancellations

Streamlined booking flow + clear UI

12% fewer cancellations

Increase retention

Localized language + intuitive navigation

25% higher satisfaction

Boost revenue

Digital wallet

30% revenue increase

Business goals

Reduced cancellations

Minimize the number of ride cancellations by improving the clarity and reliability of the booking process.

Increase user retention

Keep existing users engaged and loyal to the platform.

Boost revenue

Increase overall revenue through higher ride bookings and reduced operational costs.

Normal commuter journey

Commuters walk from their homes to the nearest bus stops

Commuters walk from their homes to the nearest bus stops

Commuters walk from their homes to the nearest bus stops

They wait for buses without any knowledge of the bus time or route

They wait for buses without any knowledge of the bus time or route

They wait for buses without any knowledge of the bus time or route

Buses finally arrive but don’t have enough seats and/or arrives too late or too early

Buses finally arrive but don’t have enough seats and/or arrives too late or too early

Buses finally arrive but don’t have enough seats and/or arrives too late or too early

The commuter has to wait for the next bus and hope the next arrival meets their needs

The commuter has to wait for the next bus and hope the next arrival meets their needs

The commuter has to wait for the next bus and hope the next arrival meets their needs

Existing app audit

The existing version of the app had several functional elements but lacked cohesion and an intuitive design. Usability suffered due to a cluttered interface, user struggled with booking rides efficiently and the app’s reliability declined.

Fg 0 : Audit on the existing Treepz app, showing booking flow

Fg 1 : Streamlined 3-step Kindle integration process with auto-sync

Ideation

After mapping user flows and pinpointing pain points, I moved into low-fidelity wireframes to explore design solutions.

Fg 1 : Wireframes showing idea explorations for the booking flow

Fg 1 : Wireframes showing idea explorations for the booking flow

Outcome

Simplified booking flow

Problem: Users struggled with a cluttered interface and unclear navigation, leading to frustration and cancellations.

Solution:

  • Redesigned the search section to allow easy seat selection and cleaner UI.

  • Added vehicle images to help users make informed decisions.

    Impact:

  • 12% reduction in cancellations.

Fg 2: Before(left) and after(right) showing changes to the booking flow

Fg 2: Before(left) and after(right) showing changes to the booking flow

Localized language for familiarity

Problem: The app felt impersonal and disconnected from local culture. Terms like “Start trip” lacked the familiarity and warmth that Nigerian users expected, reducing engagement and emotional connection.

Solution:

  • Replaced “Start trip” with “Start waka” (Nigerian Pidgin for “start the journey”).

  • Ensured the app’s tone and visuals reflected the cultural context of its users.

    Impact:

  • Users felt a stronger connection to the app, boosting interaction rates.

Fg 3: Localized language: Replaced ‘Start trip’ with ‘Start waka’ to connect with Nigerian users.

Fg 3: Localized language: Replaced ‘Start trip’ with ‘Start waka’ to connect with Nigerian users.

Balancing user experience and business constraints

Problem: Users wanted real-time distance updates to track their rides more accurately.
However, integrating this feature required continuously pulling data from Google Maps, which was prohibitively expensive for Treepz’s operational budget.

Solution:

  • Designed a cost-effective alternative: nearby bus stop updates.

  • Provided users with regular notifications about the bus’s location relative to the closest stops..

    Impact:

  • Maintained user trust while staying within budget.

  • Avoided costly infrastructure while still improving the user experience.

Fg 4: Nearby bus stop updates: Kept users informed without costly real-time tracking.

Fg 4: Nearby bus stop updates: Kept users informed without costly real-time tracking.

Digital wallet for seamless payments

Problem: Handling cash during commutes was stressful for users. Riders often struggled with exact change, faced delays during transactions, and felt unsafe carrying cash in busy or unfamiliar areas.

Solution:

  • Introduced a digital wallet for topping up balances and paying for rides.

    Impact:

  • Reduced friction in payments, contributing to the 30% revenue increase.

  • Users could plan and pay for trips in advance, eliminating the need for cash.

Fg 5: Digital wallet: Allowed users to top up balances and pay for rides without cash.

Fg 5: Digital wallet: Allowed users to top up balances and pay for rides without cash.

Impact

The new app was launched in January 2020 and recorded positive feedback from users while meeting business goals.

Improved user satisfaction

User satisfaction ratings increased by 25% in post-redesign surveys and app store reviews, with the overall app rating rising from 3.8 to 4.5 stars

Reduced cancellations

Ride cancellations decreased by 22%, thanks to the streamlined booking flow and simplified user interface.

Increased revenue

Revenue increased by 30%, driven by a reduction in ride cancellations and an increase in completed bookings.

Fg 6: User feedback: App store ratings reflecting higher satisfaction.

Impact

Reduced cancellations

Minimize the number of ride cancellations by improving the clarity and reliability of the booking process.

Increase user retention

Keep existing users engaged and loyal to the platform.

Strengthen brand identity

Increase overall revenue through higher ride bookings and reduced operational costs.

Fg 6: User feedback: App store ratings reflecting higher satisfaction.

Expanding horizons with intercity travel

Opportunity:
The success of the redesigned rider app created momentum for Treepz to expand into intercity transportation, offering users a seamless way to book long-distance travel.

Impact:

  • Diversified offerings: Enabled Treepz to tap into the growing intercity travel market.

  • Enhanced user value: Simplified long-distance travel planning, further boosting user satisfaction and loyalty.

Fg 7: Intercity travel: Expanded offerings with aggregated bus options and prices

Fg 7: Intercity travel: Expanded offerings with aggregated bus options and prices

Fg 7: Intercity travel: Expanded offerings with aggregated bus options and prices

Lessons learned

Localization matters: Small changes like “Start waka” can significantly enhance user connection.

Balance is key: Prioritizing user needs while respecting business constraints leads to sustainable solutions.

Fg 8: Treepz website

Bundle Africa

Introducing users to advanced trading tools

View project

Aaron Onu

Senior Product Designer

Aarononu@gmail.com