Levtron

Remotely monitor your gas bottle levels with ease

Mobile App

UI & UX Design

B2C

B2B

Online Platform

Back home

Levtron provides gas monitoring scales that consumers put underneath gas bottles. They were in need of an interface that can display the captured gas level information remotely, plus alert their clients when they are running out of gas. I was tasked with creating both the mobile app design and the web portal design that can assist them with just that.

My role

UI/UX Design Lead

Tools

Adobe XD, Adobe Illustrator

Platform

iOS & web (desktop)

Project Scope

Levtron did not have any tools available to their clients that informed them of their gas levels remotely. They had to go and check the levels directly on the scales and this proved to be an inconvenience. Thus they realised that they were in need of a mobile app, as well as an online portal, that would help both their residential and commercial clients (restaurants) monitor their gas levels at any time.

TARGET MARKET

Residential and commercial clients (restaurants)

MAIN USER NEEDS

Monitor gas levels remotely
Receive alerts if gas is running low

Monitor gas levels remotely
Receive alerts if gas is running low

BUSINESS NEEDS & KEY FEATURES

Consumer registration
Data gateway linking
Push notifications
Create & track orders
Payment processing

Consumer registration
Data gateway linking
Push notifications
Create & track orders
Payment processing

Process

After I had a call with the client to get an understanding of who they are, what services/products they offer, who their clients are and what the company’s needs were, I started researching their competitors, the market and the style they wanted for the platform. I also made sure I understood their business requirements and software specification needs.

Due to budget constraints, I had a hard limit of 40 screen designs for both platforms, and user research had to be cut from the process. Months after the completion of the design project, I was asked to add 2 extra mobile screens that the client wanted to include in the development process.

Once I gathered enough information to get started with, I created a document that visualises the user/task flows and highlights which screens I was required to design (which was important to plan for due to the screen limit).

MY RESPONSIBILITIES

Market research
Create user flows
Design wireframes
Prototyping
UI Design

Building & maintaining two design systems
Conduct user research to make informed decisions
Work on monetisation/growth opportunities
Design the UI for both mobile & desktop apps
Improve the core product platform UX
Conduct and overview user testing
Design, validate & test new features
Analyse data insights

Next, I designed the basic structure and features of the app in the form of wireframes.

As the client approved the wireframes, I started on the hi-fidelity prototype. The styling of the platform had to match the company’s current branding.