E-COMMERCE MOBILE APPLICATION
OVERVIEW
The Gas PETRONAS Home Delivery (GPHD) App is the official platform that allows customers to order cooking gas cylinders directly from authorised PETRONAS dealers, offering the convenience of doorstep delivery.
ROLE
UI/UX Designer
Visual design, Wireframing, Prototyping, UAT, Design system
Background
Traditionally, customers placed gas cylinder orders visa phone calls — either to Mesralink hotline, local dealers, or nearby sundry shops. This manual process was time consuming and inefficient, relying heavily on availability and coordination between parties.
Problem
Ordering by phone calls had become increasingly inconvenient for both customers and dealers. PETRONAS lacked an official digital channel to support its home delivery services for cooking gas, creating inconsistencies in service and customer experience.
Project Solution
The Gas PETRONAS Home Delivery (GPHD) app was developed to streamline and digitise the ordering process. Designed with user convenience in mind, it offers same-day or next-day delivery options. Key features such as 'Reorder' and 'Multiple Saved Addresses' simplify repeat purchases, while in-app notifications provide real-time delivery tracking — enhancing transparency, trust and customer satisfaction.
UI design screens showcase
Here are a few representative screens from the Gas PETRONAS Home Delivery (GPHD) application, demonstrating how UI was applied to enhance usability, reinforce brand identity and streamline the user journey.
The Gas PETRONAS Home Delivery (GPHD) app was successfully launched on Google Play and iOS App Store
The following screenshots from the iOS App Store and Google Play banner highlight the app's standout features, each thoughtfully designed to offer greater convenience and value to customers.
Google Play banner
Screenshots from iOS App Store
To ensure quality and usability, User Acceptance Testing (UAT) was conducted at key stages to validate new features introduced in the GPHD app. Shown here are selected example pages from UAT documentation used during the process.
Company's internal Email Campaigns
To support the initial internal launch, an email campaign was sent out featuring a step-by-step guide that showcased the app's core features and functionality.
Advertisements displayed for public to increase awareness
Poster and video advertisements displayed at PETRONAS petrol stations nationwide via OPT screens, raising brand awareness and increasing customer engagement.
Poster advertisements
Video advertisements
