Home / Cases / WOG. Website and loyalty app

Website and loyalty app
WOG

Project Main Goals

Project Main Goals

Developing a new mobile application for the WOG fuel stations. The network has 150,000 visitors daily throughout Ukraine, so the new site and application had to be easy to use and contain all the most important information.

[Android]

[Fancybox iOS]

[jQuery]

[Modernizr]

[PHP]

[Swift]

Team members: [ 7 ]

Months: [ 4 ]

WOG. Website and loyalty app - 4
WOG. Website and loyalty app - 6

Project Overview

As any marketing tools, the website serves to attract new customers and keep the reputation on a proper level, and the loyalty app serves to increase LTV and average purchase.

Business Analysis

Business Analysis

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

WOG. Website and loyalty app - 8

Identify the Problem & Solutions

Problems

  • Customer isn't well enough informed about current special offers of WOG and can look for a station fo competitors.

Solutions

  • Adapt current set of offers to individual amrketing content that might be completed with notifications in case if customer haven't reacted in a short period of time.
  • Each user has his unique ID
  • Content for each offer can be edited real-time via managing interface

Person

Person

WOG. Website and loyalty app - 10

Customer

In the application, customer can monitor his car fuel consumption, find a nearest WOG gas station, and use his loyalty card.

WOG. Website and loyalty app - 12

Manager

Manager or Administrator can monitor users activity, update information about gas stations and fuel prices, provide customer support.

WOG. Website and loyalty app - 14

Visual Design

Visual Design

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

WOG. Website and loyalty app - 16
WOG. Website and loyalty app - 18

Overview

Overview

In “WOG” design we used a three colored gradient. We choose red and orange as a main colors because they would associate with active lifestyle, positive vibes and speed.

Bright Gradients

To make application suit the general style of the brand we developed a visual conception of the appearance of the used gradients.

WOG. Website and loyalty app - 20

Typography we used

Source Sans Pro, Adobe’s first open source typeface family. It is a sans serif typeface intended to work well in user interfaces.

WOG. Website and loyalty app - 22

Send us your question or share an idea with us

Let us know
how we can help you

    Take a glance at

    Our works

    Unify

    [Ajax]

    [Cdnjs]

    [J2EE]

    [Java]

    [jQuery]

    [Kotlin]

    [PHP]

    [Swift]

    UNIFY is a mobile app for drivers & companies, which allows users to find a carrier for cargo in real-time.

    Learn more

    YChamp – fitness app

    [Apple Health]

    [AWS]

    [Google Fit]

    [Java]

    [Kotlin]

    [MySQL]

    [PHP]

    [Swift]

    Activity tracking program that selects ideal opponents in sports competitions by considering and comparing their capabilities.

    Learn more
    our works