SAAS, B2B, LOGISTICS

Revamp nGage Last-Mile Delivery Platform

Revamped Delivery Management software for last mile delivery ecosystem that powers up 100+ million deliveries of 14,000+ merchants in 15 countries.

Role
Sr Product Designer
Output
Research, Wireframes
Duration
Feb 2022 - Aug 2022

Background

Followed by the rebrand of OneClick Delivery to Lyve, the company aims to refresh the look and feel of their platform and improve the usability of it. It is also a great opportunity to rethink its UX strategy from product standpoint since it's launched years ago. I partnered with cross-team and merchants to evaluate nGage as general as well as finding opportunities from UX standpoint.

We worked in Agile environment with biweekly sprints, using Figma as our collaboration tools between designers, PMs and tech team. Product team set up weekly discussion to do internal reviews for our early prototypes then invited senior stakeholders to get involved in our feedback and iteration process.

Personal contribution

I was involved in end-to-end UX process and led the generative research effort.

Moderated design facilitation with internal operations team and clients from Oman, Kuwait, United Arab Emirates, Egypt and Cyprus.

Conducted ethnography research with clients from F&B (KFC, Pizza Hut and Burger King) and Grocery (Carrefour NOW) verticals.

Led the DIY (Do It Yourself) onboarding feature from discovery to subscription journey.

Conceptualized Zone Controller early designs.

ONBOARDING THROUGH DIY

Currently, nGage flow of acquiring new customers is being a real pain for both sales and tech support team, as it takes a lot of time and effort to complete one single acquisition manually. We decided to build DIY feature that will allow customers to sign up to nGage and enjoy their free trial accounts where they will be able to discover and fully control their journey on the SaaS product.

Preliminary Research

Context Mastery

I moderated in-depth interview sessions to understand users' general feeling towards the current product, understand use case/scenario and evaluate shared pain points. Participants vary from power users to early adopters.

Desk Research

To understand the current market and product strengths/weakness, I did competitive analysis with direct and in-direct competitors, also meet with customer success team to strengthen product knowledge and understand unsubscription factors.

Ways of Working

We worked in 2-weeks sprints, using Figma as our collaboration tools between designers, PMs and tech team. Product team set up weekly discussion to do internal reviews for our early prototypes after generative research is completed.

Participant criteria: external clients and internal operations team, people who deal with the platform quite often.
Output: affinity mapping.
Participant criteria: external clients and internal operations team, people who deal with the platform quite often.
Output: affinity mapping.
Participant criteria: external clients and internal operations team, people who deal with the platform quite often.
Output: affinity mapping.
desk research and competitive analysis

Trying out direct and non-direct competitor products and looking at user-submitted reviews helps me to get insights of each product’s pros and cons in real-life context. nGage is currently operating within different countries and regions through and focused mostly on corporate accounts, and with this revamp the company aims to cater to SMEs.

UX

OnFleet provide the most intuitive and easy-to-use platform amongst the competitor. The map design on the dashboard was structural and each label is easy to understand.

UI

They supported route optimization and forecast displayed directly in the map interface. It's the only provider that can enable dark mode and few customizations.

SX

The app makes it possible to collect proof of delivery seamlessly and collect cash on delivery orders. It's also easy to connect to either driver/customer service agent with integrated communication.

CX

Sufficient training material for new users, however it's very complex and the software has some nuances that can only be learned with time. There's also feedback collection form for customers.

UX

Dispatch and driver interface was easy to understand from the get-go. Simple and easy to navigate around.

UI

Dispatch and driver interface was easy to understand from the get-go. Lack of customization.

SX

Flexibility offered on geofencing , currency and languages making it ideal for businesses who wants to step on globally. Users are not big fan of

CX

Documentation and live support agents are helpful. Provided lots of templates depending on business use. Great option for SME.

UX

Easy-to-use, there's a lot of great visibility in terms of real-time tracking

UI

Few users complained about very little info being displayed as part of tracking and having to click in more than one section to get information

SX

Accuracy of deliveries, data report analytics really helps user strategize their next SaaS journey

CX

Some technical bugs are still quite dominating the CX journey

field research

Based on field visit to merchants, I observe closely how dispatcher, driver and command center staffs operate and communicate in their natural environment through Americana pooling stores in Sharjah and Carrefour NOW warehouse Deira. Here is some simplified blueprint map I put together that also illustrate workarounds the staffs need to do while using our platform and their internal tools.

Defining Success

Efficiency = Growth

Improve number of qualifying leads with less time to sign up and onboard clients

Product Knowledge

Help new and existing customers to learn more about product offering

Key Insights


Essentials features are missing for prospective customers

There is no standalone registration process where user can onboard themselves into the platform without any help from the customer support team. Currently, nGage flow of acquiring new customers is by approaching manually and being a real pain for both sales and tech support, as it takes a lot of time and effort to complete one single acquisition.

Technical bugs and product knowledge is low

Technical bugs quite often dominates the discussion when doing user interviews. Some usability issues that I found during expert reviews also often get overlooked because of these concerns. Usability evaluation also cannot come first because some users are still confused when navigating the platform, proving that the product knowledge is low. A lot of research effort ends up influencing roadmap and product decisions, such as started building responsive designs, increase search and filters' usability and build better flow for products, expert reviews on existing products and many more.

The interface is not streamlined

Too many maps interface that dispatcher/command center staffs need to go back and forth when tracking and monitoring orders. This can be a big issue when dispatcher/operational staffs are trying to track orders in rush hours.

Firstly, orders had been reaching customers late due to time-leaks in assigning orders to a large fleet, as well as inefficient route planning. Moreover, it was always difficult to assess where delays were originating from – the kitchen’s preparation time, the time taken by drivers to reach the pickup stores, or the delivery time – leaving little possibility for optimization. The second challenge was the inability to track drivers in real-time and to manage and evaluate their efficiency and general productivity due to the lack of a measurement tool – making it difficult to enhance for better customer service.

Rapid Prototyping Process

co-creation and stakeholder facilitation
requirements gathering
design systems
concept testing with lo/med fidelity
i/a revamp

Combining Map Interface Together


Combining map visualization with order grid makes sense because it makes it easier to identify the distance, do order clubbing and assignment more efficiently, with just one click to switch/toggle between views rather than resorting to 3 different maps.

Challenges:

Static-first as they will be placed in a TV/monitor in stores without much supervision

Informative and without leaving out important attributes from previous design

Onboarding Materials and
Increased Users' Learnability

ONBOARDING THROUGH DIY

Currently, nGage flow of acquiring new customers is being a real pain for both sales and tech support team, as it takes a lot of time and effort to complete one single acquisition manually due to nature of customized plans. With DIY we wanted to enable users to take control of their SaaS journey and learn-by-doing.

CONTINOUS LEARNING

We integrated third party resource builder (userflow.com) that acts not only as walkthrough helper, onboarding checklist and help center during trial period, but also learning material for existing users.

63%

Onboarding Experience

Report shown that onboarding experience affects their decisions on making a purchase.

86%

Educational Onboarding

Users would keep buying from companies that employ welcoming and educational onboarding after purchasing.
← Back to home

What's next?

Usability Testing

...to observe the task completion rate for onboarding and subscription, various tasks in the new revamped maps

Further Iteration

...design improvements based on the next research efforts and collected user feedbacks (touchpoint metrics), refined the design systems