We used GSAP to build a beautiful navigation system for Bear Meets Eagle On Fire's new portfolio site.

We created this stunning refreshed site for creative design and advertising studio, Bear Meets Eagle On Fire.

Constructed with our tried and tested combination of Gatsby, React, and Prismic, this build is a future-proof calling card that allows the client to show off their latest projects as soon as they are off the rack.

The site leans on GSAP’s scroll and pinning animations (and some maths behind the scenes) to create an immersive sliding doors-like effect as you click, perfect for delving deeper into the layers of BMEOF’s considered and characterful archive.

This effect gives the user the impression of the site being on a single page, while crucially allowing BMEOF the ability to share specific links to projects, each of which comes with its own inner image / video gallery.

Beyond the page transitions, the site is stacked with playful elements throughout like draggable floating stickers, custom cursors, and sliding lightbox carousels.