Avicii Documentary Website - Home transition

Happy Thursday everyone, hoping you're having a great week!

So excited for this week releasing this big project I did for Avicii! I'm going to share more shots of it here the coming week but be sure to check out the full case! The case video there with all animations really sums it all up!

Here's an animation piece of a big favorite moment of mine. The scroll transition from the start page to the trailer where it would start playing automatically and stop whenever you proceed further down the page.

Funny enough, this is a reverse engineered solution of what Apple did for their iPhone X landing page. You can read more in depth here on how this was done by my friend who developed the site in this project.

BACKGROUND This is a production case of design, development and motion of the official documentary website, created for Avicii’s upcoming film. Avicii: True Stories, a compelling new documentary film by Levan Tsikurishvili, will be premiering on October 26 in selected cinemas worldwide.

FULL CASE See full project, case video and background http://wellgraf.com/work/avicii

FEEDBACK & THOUGHTS I would love to hear what you think, let me hear it in the comments! Also, are you a EDM/Avicii fan as well?

Stay tuned and follow for further updates! @wellgraf

Download work files, resources & more

Follow me for the latest on Instagram | Youtube | Website

avicii-web_intro_1600x1200_wellgraf.mp4
6 MB
Download
Pontus Wellgraf
Product Design Lead Pushing boundaries with design & motion

More by Pontus Wellgraf

View profile