Mayhem Activities | Case study

Navigation

Introducting a lot of options into a tiny space can be daunting for both, the user and the experience. Hence we decided to pack up the secondary navigation into the one button, making it available only when it really needs to be, when user decides.

Dynamic smoke

Beware, some scenes are a little dusty!

Parallax effect

We know you all have seen some sort of parallax effect on a website in one way or another. BUT this time, we tried to spice things up a little by cross-animating the multiple depths layers.

Preloader

Let there be light!

Creating little details like these makes us really happy and client smile :)

Animations

Being the first point of contact between the user and the website, the preloader deserves just as much attention as the rest of the site.

Layered content

We paid special attention to the layering process of the preloader in order to seamlessly blend the static and dynamic elements.

THE INTRO

Ever since the very start of the experience, the site is rather dynamic.

WELCOME TO MAYHEM

We spent quite some time perfecting the main landing page. It offers a compelling way for a user to choose where they go next while maintaining the brand image consistently.

GOING 4x4, OFF-ROAD PAGE

We really wanted to give the user a sense of what it is like to be on the road with one of these beauties. Therefore a lot of effort was put into developing custom scene elements like the moving particle smoke etc.

QUADBIKING PAGE

Fancy a muddy experience? We endeavoured to create exactly that - lively, wet scene puts you into a driving seats of one of the quads!

ZORBING PAGE

Odd activity when you hop into a semi-translucent ball and then thwy push you off the hill - our zorbing page is just like that!