All case studies

OneFootball Club

A platform for people who love football.

Development
Pixel Harmony
Design
Noir
Focus
Website development & integrations
OneFootball Club interface panels assembling into angled columns, including FanPass, FanScore, identity and wallet features.
A closer look at OneFootball Club’s website and interface details. Design by Noir. Silent visual showcase. The project is described in the text below.

Built with Noir.

We’ve worked with Noir on a number of projects. For OneFootball Club, they created the designs and we built the whole website at club.onefootball.com.

Football fans, games and rewards gave us plenty to play with. This was a chance to have some fun with animation and build a site that shares the product’s sense of play.

Connecting fans across a 3D globe.

The homepage globe was one of the parts we were most excited about. We could map real user locations onto a 3D globe and show them connecting with each other around the world.

Getting it to look right took a few iterations. Once we were happy with it, we brought it over to the $OFC token page too, this time in night mode.

The homepage globe with user avatars mapped to locations and lines connecting them.
Real user locations on the homepage globe.
The globe reused in night mode on the OFC token page.
The globe reused in night mode on the $OFC page.

Getting into the game.

Then there was the scroll-jacked sequence. As you scroll, it takes you through earning XP, growing your FanScore and collecting $OFC rewards.

We had a lot of fun building this bit. It gave us room to make things pop as the story moves from one stage to the next, with the game element of the product taking centre stage.

The OFC rewards stage of the scroll sequence, with its phone interface and rewards illustration.
The $OFC rewards stage.

Keeping it playful.

That playful feel carries on through the rest of the site. There are lots of smaller animations along the way, and those were fun to work on too.

With the Heads characters joining the line-up, there’s plenty of personality to work with. The animation keeps things light and brings that side of OneFootball Club into the website.

All seven animated football characters together beneath the Heads page headline.
The full Heads line-up.