project overview

Made by Grizzly hired me to work the motion design on the new website for their client: Nutanix.

One of the principal motion elements for this project was the animation for a main graphic of the homepage. This graphic needed to show three cores of the company (Cloud, Infrastructure & Virtualization) and the relation between them by building them up using the same grid & dots:

project overview

Made by Grizzly hired me to work the motion design on the new website for their client: Nutanix.

One of the principal motion elements for this project was the animation for a main graphic of the homepage. This graphic needed to show three cores of the company: (Cloud, Infrastructure & Virtualization) and the relation between them by building them up using the same grid & dots:

Another task for this project was to animate multiple icons that were used to visually represent concepts & characteristics of their services & products across the whole website.

Another task for this project was to animate multiple icons that were used to visually represent concepts & characteristics of their services & products across the whole website.

And last but not least, I was asked to prototype and animate the header and scroll interaction of a secondary page: invisibility.

The main challenge for this part of the project (and the other ones as well), was that all the elements should be animated by transforming only properties supported by SVG animation, because later on, everything would be exported as SVG and integrated on the website to significally decrease it's loading times.

So, it was a very new and interesting way to output my work, work with the developer and find the best way to make that all worked together as we, the team leaders and the client expected.

Here you can see everything live & working:
https://www.nutanix.com/en

Design & direction by Made by Grizzly:
https://madebygrizzly.com/

And last but not least, i was asked to prototype and animate the header and scroll interaction of a secondary page: invisibility.

The main challenge for this part of the project (and the other ones as well), was that all the elements should be animated by transforming only properties supported by SVG animation, because later on, everything would be exported as SVG and integrated on the website to significally decrease it's loading times.

So, it was a very new and interesting way to output my work, work with the developer and find the best way to make that all worked together as we, the team leaders and the client expected.

Here you can see everything live:
https://www.nutanix.com/en

Design & direction by: 
https://madebygrizzly.com/

let's talk about how animation can take your project to the next level.

let's talk about how animation can take your project to the next level.

dribbble       behance      instagram

dribbble        behance        instagram