Home / Cases / Shell Ukraine. Website and loyalty app

allow you to refuel the car online
Shell Mobile App - Fuel Station

Project Main Goals

Project Main Goals

The purpose of this application is to improve the quality of customer service with the ability to track the history of purchases, make fuel purchases online, a map of the nearest gas stations, affiliate programs and other useful services.

Technologies

Download the app and start refueling your car easily and conveniently. Look for gas stations on the map, pay for purchases contactlessly and securely.

[Android]

[AWS]

[Google Maps]

[iOS]

[Java]

[Kotlin]

[React JS]

[Swift]

Team members: [ 7 ]

Months: [ 4 ]

Shell Ukraine. Website and loyalty app - 4
Shell Ukraine. Website and loyalty app - 6

Project Overview

The user has convenient access to all additional functions of the app through the burger menu, sees the balance their of points on the screen without having to search for it in the application. The history of accruals is available by the popup. The user has their loyalty card in the middle of the screen. The card can be scanned by the gas station workers

Business Analysis

Business Analysis

Shell refueling application development for buying for buying fuel online. The user has the opportunity to pay for fuel, select a station on the map, a station column, gasoline grade, and the amount of fuel. The user can pay with a card or a fuel wallet

Shell Ukraine. Website and loyalty app - 8

Identify the Problems & Solutions

Problems

  • It is important for users to be able to quickly find a gas station with additional services (cafes, goods, parking spaces, toilet, pharmacy)
  • Friendly user interface, intuitive to use with familiar patterns is what users are always looking for.

Solutions

  • Map of the nearby gas stations
  • Order fuel online, make payment transactions in the application, save information about payments
  • Payment security with online support

Personas

Personas

Shell Ukraine. Website and loyalty app - 10

1

Persona 1

Works in a small company selling refrigeration equipment parts. He visits the gas station near his home, satisfied with the quality of gasoline, car services, and provided for servicing cars and cafe with delicious coffee and pastries.

Shell Ukraine. Website and loyalty app - 12

2

Persona 2

Has been working as a truck driver for 20 years. The truck can break down during the ride and requires technical support + night stops on the road are not safe and you have to sleep in the truck's cab.

Shell Ukraine. Website and loyalty app - 14

3

Persona 3

He bought a car two years ago and now does not use public transport, all movements are carried out only by his car. He travels abroad a couple of times a year, gets to the airport by car, where he leaves it in the parking lot.

Shell Ukraine. Website and loyalty app - 16

UX - Application Structure

UX - Application Structure

We started a mobile application development from the analysis of competitors, creating a new usability structure and user-friendly design with reinventing existing functions and adding the new ones.

Shell Ukraine. Website and loyalty app - 18

Visual Design

Visual Design

We have developed a design following iOS & Android guidelines to make application modern, stylish and user-friendly

Shell Ukraine. Website and loyalty app - 20

Project Features

Project Features

Based on the users' pain points, we have come up with the fetures listed below

Basic Functionality

Basic Functionality

The user sees their balance of points on the screen without having to search for it in the application. The history of accruals is available by the popup. The user can check the current fuel prices, the history of their purchases and details of each purchase

Shell Ukraine. Website and loyalty app - 26
Shell Ukraine. Website and loyalty app - 28

Overview

Overview

To make the app consistent with the overall style of the brand, we have developed a visual concept for the appearance of the used colors and their shades.

Colors

Coreteka designers used red and yellow as the main color of the application. These are the corporate colors of the Shell gas station chain.

Shell Ukraine. Website and loyalty app - 30

Typography we used

The design we used is a corporate font – Shell Futura

Shell Ukraine. Website and loyalty app - 32
Shell Ukraine. Website and loyalty app - 34

Development Solutions

Development Solutions & Technologies

Shell Ukraine. Website and loyalty app - 36

Analytics

SRS was created according to IEEE 830 practices (Institute of Electrical and Electronics Engineers).

Shell Ukraine. Website and loyalty app - 38 Shell Ukraine. Website and loyalty app - 40

UX Design

The goal of UX design is to improve customer satisfaction and loyalty through the utility, ease of use, and pleasure provided in the interaction with a product.

Shell Ukraine. Website and loyalty app - 42 Shell Ukraine. Website and loyalty app - 44

UI Design

Unique design of Shell fuel app was made with the aim to encourage visitors to come back.

Shell Ukraine. Website and loyalty app - 46

Language

Coreteka used Java for this app - a programming language that produces software for multiple platforms. Java runs on 3 billion devices worldwide, which makes it one of the most powerful languages for web development.

Shell Ukraine. Website and loyalty app - 48

Database

Coreteka specialists are concerned about the security of your data, that is why we always keep your information in a safe place.

Shell Ukraine. Website and loyalty app - 50

Networking

Coreteka supported the launch of the app on every stage and provided all necessary information for users.

Shell Ukraine. Website and loyalty app - 52

Result

Result

Implementation wasn't long due to intuitive understandable interface. Our customer got his desired product, as well as Coreteka received testimonial along with the next process to get optimized.

FAQ
What are the best fuel rewards programs?
What is the Shell loyalty app?
What distinguishes the Shell fuel rewards app from the other programs?
How to make a fuel rewards app similar to Shell?
How to find the right partner for fuel rewards application development?
Where to request fuel rewards app development services

Contact Us

    Take a glance at

    Our works

    Big Data Tool. Real-time suggestions

    [AWS]

    [Google Maps]

    [Java]

    [React JS]

    [Web]

    Service allows a customer company to make a forecast on the number of people in a given outlet and form a schedule […]

    Learn more

    Philip Morris Quality Control

    [AWS]

    [Java]

    [Kotlin]

    [React JS]

    [Web]

    This service allows to monitor and evaluate the results of work done by consultants, sales representatives, sellers in retail chains, and call […]

    Learn more
    our works