Viva Energy Australia

Delivering fuel to Australia

Viva Energy Australia is a leading energy company that supplies about one quarter of Australia’s fuel requirements.

Role & Team
  • iOS Designer

    • Interaction Design

    • Visual Design

  • Jesus Palacios

    • Android Designer

  • Ben Hirvela

    • Project Manager

Tools & Platforms
  • Sketch

  • Invision

  • iOS

Deliverables
  • High-fidelity Mockups

  • High-fidelity Prototypes

Duration

6 Months

Objective

During my time at P97 Networks, Viva Energy Australia came to us as a new client with the need for a B2B mobile application for their Shell Card Go program.

During this initiative I lead the design of the iOS version, from wireframing to launching the app.

Problems
  • Australia has different fueling requirements, processes, and language from our U.S. clients.

  • Viva’s branding and functional goals exceed the scope of our typical white-label app.

Solution

Native app design for a Shell Card Go application to meet Viva’s specific brand and functional requirements.

A New Way to Pay

The client introduced requirements for new functionality, in which users can pay for their transactions after fueling, so I designed new screens to accommodate this new task flow.

Locali(s)ation & Branding

Viva Energy required detailed app branding, including custom icons, text colors, and Australian localization to address language, security, and compliance needs.

This process involved continuous communication with the client team. Each screen was reviewed and iterated upon until it met the client's standards, ensuring accessibility and adherence to Human Interface Guidelines (HIG).

Impact

Houston Australia, we have lift off...
Successfully launched the Shell Card Go app, enabling contactless mobile payments for fleet drivers at over 1,330 service stations.

Closing Thoughts

This project was a great experience in collaboration across multi-functional teams, between my co-designer, the development team, PMs and Viva Energy’s team.

Continuous communication ensured that every screen met Viva Energy's standards for branding, localization, and compliance, leading to a high-quality, tailored product.

Next Up

Electrifying an entire platform
Product Design
Interaction Design
Visual Design