Shell & Ardova
Year
2025
Duration
1 Week
Service
UI/UX Design
Tools
Figma
The approach
Not everyone knows the difference between fully synthetic and synthetic technology oils, let alone which one their engine needs. The idea was to make that decision a little less complicated.
The content and page structure were centred around what visitors actually came looking for:
Understand the benefits: Highlight what Shell Helix offers, from engine protection to fuel efficiency.
Explore the range: Present the different motor oil options with their key features and specifications.
Take action: Make buying online or finding a nearby service station easy.
The design
I focused on a clean, engaging layout that gave the Shell Helix products room to shine while keeping information easy to scan using bullets.
Strong product visuals, clear typography and well-placed calls to action helped guide visitors through the page without unnecessary distractions.
From the introductory hero section to the product listings and purchase options, every section had a job to do: help visitors understand, choose and buy.
Need a landing page that gets people from curious to converted?
Let's make it happen.
Challenge
Choosing the right engine oil can get confusing, especially with different formulations and specifications. The challenge was to simplify product discovery and help motorists make informed choices without overwhelming them.
Solution
A focused, conversion-driven landing page that makes exploring Shell Helix products easier, highlights their benefits and gives visitors clear routes to purchase or find an authorised distributor.