Facebook · Moments

Blog
My roleLead Developer
Date releaseJuly 16, 2015
ClientFacebook
AgencyB-REEL
Websitehttps://singuerinc-b-reel.gitlab.io/com.facebook.moments/
Techhtml5 · css3 · js

I was working at B-REEL when Facebook asked us to create a landing page for their new mobile application called "Moments".

I had a great time creating this fully responsive single-page site.

The page is quite simple, if you click on the "Watch the video" button you will see a cool video transition animation made with a mix of CSS and Javascript. By scrolling the page displays a fancy parallax effect.

About the video transition:

It was a great challenge to me to make the transition works across all kind of devices. In fact, some time after the release, I was surprised when Codrops creates a tutorial based on such effect.