Case study 01 Energy · Biofuels

Get Biofuel

A campaign site that turns a story about cleaner fuel into directions to the nearest pump.

Client
Get Biofuel
Industry
Energy · Biofuels
Services
Web Design, Front-end, Station finder
Year
2024
Get Biofuel desktop homepage: campaign video with the Push Unleaded 88 headline, a benefits bar and the fuel comparison below

01 / The challenge

The problem

Unleaded 88 (E15) is blended with renewable ethanol, burns cleaner and usually costs less. Most drivers had never heard of it, and the ones who had didn't know where to find it.

The campaign had a memorable film. What it needed was a destination that could carry that attention all the way to a real station.

02 / The thinking

What we discovered

A

Awareness wasn't the only barrier. Availability was.

Convincing someone to try E15 is wasted if the next question (where?) has no answer.

B

The film carries the emotion. The site has to carry the utility.

Two jobs, in a clear order: earn the curiosity, then make acting on it effortless.

C

The decision happens on a phone, often near the pump.

Mobile wasn't a smaller version of desktop. It was the primary moment of use.

03 / The response

The experience we designed

One page, two acts. The story opens with the film and three reasons to switch. The utility follows immediately: a map of nearby stations and a trip planner, one scroll away and always reachable from the header.

Get Biofuel on mobile: the campaign film, header actions and the first benefit
IStory first. Film, three reasons to switch and a single persistent action: find Unleaded 88.
Get Biofuel station finder on mobile: map with station pins, fuel filters and a list of nearby stations
IIUtility second. Station finder with E15 / E85 filters, a nearby list with one-tap directions and a trip planner.

04 / The build

From design to reality

Station finder

Google Maps integration with fuel-type filters, geolocation and a results list that stays usable with one thumb.

Trip planner

Route-based search so drivers can plan refuelling stops along a journey, not only near where they stand.

Responsive film

A video hero that adapts its framing between desktop and mobile without losing the headline.

Share

Social sharing built into the header so the campaign can travel beyond paid media.

05 / The result

What changed

The campaign gained a single destination where curiosity and action live on the same page, from "what is E15?" to directions in a few taps.

Measured impact

+42%
Station finder sessions
2:48
Avg. time on site
71%
Mobile traffic share
96
Lighthouse performance

Have a similar challenge?

← Back to selected work Let's talk →