Nutanix-header2

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.

Build

Run

Cloud

Virtualization

Visualization

Simple Technology Management

Network

Virtualization

Power

Storage

Digital Transformation

Protection

Cloud

Analytics & Machine Learning

Mission

Search

Freedom

Efficiency

Efficiency

Distaster Recovery

One Clic

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/