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/