Levtron

Levtron

Remotely monitor your gas bottle levels with ease

Remotely monitor your gas bottle levels with ease

Remotely monitor your gas bottle levels with ease

Mobile App

UI & UX Design

B2C

B2B

Online Platform

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.

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.

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

My role

My role

UI/UX Design Lead

UI/UX Design Lead

Tools

Tools

Tools

Adobe XD, Adobe Illustrator

Adobe XD, Adobe Illustrator

Platform

Platform

Platform

iOS & web (desktop)

iOS & web (desktop)

Project Scope

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.

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.

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)

Residential and commercial clients (restaurants)

MAIN USER NEEDS

  1. Monitor gas levels remotely

  2. Receive alerts if gas is running low

  1. Monitor gas levels remotely

  2. Receive alerts if gas is running low

BUSINESS NEEDS & KEY FEATURES

  1. Consumer registration

  2. Data gateway linking

  3. Push notifications

  4. Create & track orders

  5. Payment processing

  1. Consumer registration

  2. Data gateway linking

  3. Push notifications

  4. Create & track orders

  5. Payment processing

Process

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.

Outcome

Outcome

Ultimately I handed the designs over to the development team, but I left Bitcube for another role before the project was fully launched.

I'd love to hear from you!

Do you have an open Product Design / UX & UI Design position, or a project you'd like to discuss? Message me and I'll get back to you!

✧ Like my portfolio? I built it with Framer ✧

I'd love to hear from you!

Do you have an open Product Design / UX & UI Design position, or a project you'd like to discuss? Message me and I'll get back to you!

✧ Like my portfolio? I built it with Framer ✧

I'd love to hear from you!

Do you have an open Product Design / UX & UI Design position, or a project you'd like to discuss? Message me and I'll get back to you!

✧ Like my portfolio? I built it with Framer ✧