Pinart
Back to work

Selected Work · № 01 · 2024

Petrol Pay.

It started with a logo. It ended with a family of cards that glow in your pocket — and a portal where you order them in three clicks.

Role Branding · Card · Web
Year 2023 — 2024
For Petrol d.d.
Petrol Pay — horizontal card presentation

02 · The Brief

A new payment brand
for Slovenia's largest fuel retailer.

Petrol Pay is the payment + loyalty card scheme Petrol is rolling out as its own financial product — from the personal Loyalty card to Klub and Business tiers.

The task: build a visual identity that breathes with the parent brand but stands on its own. Logo, palette, typography, six card proposals — one of which went into production — and an ordering portal with SVG animations and a short intro video.

Role
Branding
Card design
UX & UI
Year
2023 — 2024
For
Petrol d.d.in partnership with Mastercard
Status
Selected card
in productionportal — phased rollout

03 · Identity

A mark that reads from a pump
and from a phone.

04 · The Family

Three cards.
One quiet language.

Six proposals, one pick — Gold for everyone driving their own way. Klub for the loyal. Business for those driving for work.

Petrol Klub Pay — gold loyalty card
Klub Pay
Loyalty · Gold
Petrol Klub — silver loyalty card
Klub
Loyalty · Silver
Petrol Business — black corporate card
Business
Corporate · Monogram
6
Proposals
Card concepts developed, from minimal to iridescent. One was picked.
213
Pages CGP
Pages of the complete brand guidelines for the mark and its use.
40+
Portal screens
UX and UI screens for the PKPK portal — ordering, registration, support.

05 · The Exploration

Before the pick: a wider exploration.

The client picked the vertical direction, but along the way these variants were born too — from wave holograms to digital pixels and illustrative scenes. Each tells a slightly different story.

Concept — black Business card with wave hologram
Business · Waves
Concept — black Klub card with geometric maze hologram
Klub · Maze
Concept — black Business card with pixel hologram + P monogram
Business · Pixel
Concept — gold Klub Pay horizontal with windmills and EV
Klub Pay · Horizon

06 · Brand in use

From concept to tangible application.

Shown here is the primary direction of the illustration with windmills and an electric car. Just before launch the partner logo was swapped to Visa, but I'm showing the primary version because it felt aesthetically stronger and best captures the brand's character.

Real product · in hand
Petrol — t-shirt with windmills + EV illustration
T-shirt · Petrol team
Petrol — stationery and brand collateral
Stationery · Brand collateral

07 · The Portal

PKPK three clicks to a card.

Responsive web portal for ordering a Petrol Pay card. SVG animations, a short intro video, intuitive flow from welcome to confirmation.

Petrol Pay portal — desktop mockup
Next case

mBills.

View case study →