theMakeApp Discuss a project
All projects

OVIS website · 2021

A station network website with prices on the first screen

We designed and built ovis.ua, the website of the OVIS station network, which has imported ORLEN Lietuva fuel for over twenty years. Prices, bonuses, services and the app, in the brand’s yellow and navy.

The ovis.ua home page, “We are open 24/7”, on a laptop
Client
OVIS
Platforms
Web
Year
2021

The project

The network’s face online

Challenge

Build a website where a driver finds fuel prices, the bonus programme’s terms, station services and the hotline within a minute, and a regular customer moves on to the OVIS app.

What we did

We designed the structure and UX/UI in the OVIS brand colours with illustrated section cards, made the mobile version and built the site on Nuxt. Home, the station map and list, the loyalty programme, services, news, partners, contacts.

Outcome

The site is live at ovis.ua, and its prices are updated with a valid-as-of date. We support the OVIS product together with the app.

Services
  • UX/UI design
  • Mobile version
  • Website development
  • Support

Fuel prices

Prices at a glance

Right below the first screen: eight tiles with the price of each fuel and the date they are valid for, next to a “Track in the app” button. On a phone it is the same grid in two columns.

The fuel prices block on a laptop
The mobile home pageFuel prices on mobile

Illustrations

OVIS yellow, navy and italic caps

The home page sections open with illustrated cards in the two brand colours: a road, a forest, a car. Headings are set in heavy italic caps like the OVIS logo, and the page ends with the words “Together to victory”.

Illustrated cards for the loyalty programme and the station mapThe “Together to victory” lettering on the home page

Loyalty programme

1 bonus = 1 hryvnia

The programme’s rules fit on one page in two tables: how many bonuses you earn on LPG, petrol, diesel and the car wash, and how much of a purchase they can cover. Below — how to get a card at a station or in the app.

The loyalty programme page
The loyalty programme on a phone

Mobile

Built for the thumb

A menu with a sign-in button, large section cards, services in a single column: on a phone the site is easy to use right at the pump.

The whole home page

From prices to “Together to victory”

Fuel prices, the app, the loyalty programme, the station map, services and amenities for drivers and passengers: coffee, Wi-Fi, a shop, rest rooms. Hover to scroll.

Website and app

The website leads to the app

The OVIS app banner with App Store and Google Play buttons sits on every page, and next to the prices there is a “Track in the app” button. We designed and built the app as well.

The OVIS app case →
The OVIS mobile app banner on the website
Ask us anything

Ready to work together?

Tell us a few words about your project or task — our manager will get back to you.