b2b mobile application

Project: ARENA

OVERVIEW

ARENA is a digital platform designed to streamline business-to-business fuel purchasing and transactions. The platform enables fuel dealers to competitively bid on new customer orders in real time. This system enhances transparency, efficiency and competitiveness within the B2B fuel supply chain.

ROLE

UI/UX Designer

Product strategy, Information architect, Visual design, Wireframing, Prototyping, UAT, Design system

Background

Previously, fuel dealers submitted their bids manually visa email after receiving customer fuel requests. Once all bids were received, an administrator would review them and determine the winning dealer.


This process was not only time-consuming and inefficient, but also heavily reliant on manual coordination. It required significant administrative effort to ensure alignment across all parties in the supply chain, often leading to delays and miscommunication.

Objectives

The primary goal of ARENA was to develop a fully automated application that streamlines the fuel bidding process between dealers and administrators. By digitising this workflow, the platform aims to bring full transparency to the supply chain, reducing miscommunication, minimising delays and improving overall efficiency.

Solutions

The app allows customers to set specific delivery times and locations when placing orders. These details are visible to all bidding dealers, ensuring that only those who can meet the delivery requirements participate. Once the bidding window closes, the order is automatically awarded to the most suitable dealer.


To support operational oversight, ARENA also includes an admin dashboard that provides real-time visibility into current orders, bidding activity and dealer performance, empowering administrators to manage the process more effectively and with less manual intervention.

Epics and feature breakdown for ARENA

This section outlines the key epics and corresponding feature breakdowns for the ARENA app, as agreed upon and approved by project stakeholders.

ARENA Administrator Sitemap (Desktop View)

This is the sitemap designed specifically for the administrator's desktop experience within the ARENA platform. It outlines the key sections and navigation structure to support efficient order and bid management.

ARENA Mobile app screens

Below are selected screens from the ARENA mobile application, showcasing how the manual bidding process was transformed into a streamlined, user-friendly digital experience.

Three tailored versions of the app were designed to meet the needs of each user group:


  1. Customers

    For placing fuel orders

  2. Dealers

    For submitting and managing bids

  3. Administrators

    For overseeing the entire process, managing bids and logistics

Three tailored versions of the app were designed to meet the needs of each user group:


  1. Customers

    For placing fuel orders

  2. Dealers

    For submitting and managing bids

  3. Administrators

    For overseeing the entire process, managing bids and logistics

Three tailored versions of the app were designed to meet the needs of each user group:


  1. Customers

    For placing fuel orders

  2. Dealers

    For submitting and managing bids

  3. Administrators

    For overseeing the entire process, managing bids and logistics

Each interface was crafted with usability and clarity in mind, ensuring a smooth experience across all roles within the supply chain.

Customer interface

Customers can submit fuel order inquiries by specifying their preferred delivery date, time and payment terms. Once bidding is complete, they can review and accept the offer that best suits their needs.

Dealer interface

Dealers can browse available customer inquiries, place bids and manage the bids they've submitted. The interface allows dealers to easily track their bidding activity and respond efficiently.

Administrator interface

The mobile version for the admin allows them to perform key tasks such as approving new dealers and adding or removing fuel products from the system. This ensures smooth platform management and operational oversight.

Let’s connect! 👋🏻

© 2025 Annabelle Tan | annabelle-tan@outlook.com

Let’s connect! 👋🏻

© 2025 Annabelle Tan | annabelle-tan@outlook.com