Motion design has leveled up. Raw Ego now also designs interactive 2D or 3D animated modules that fit every website. Be it as a standalone experience or linked to a database animating live information. The perfect way to show your product, journey or concept with more depth in an even more captivating way.
This new service has been made possible by WebGL, a technology present in every browser. Visual programming bridges have made it possible to unlock traditional animation techniques common in 2d and 3d programs to be used interactively. The end product is just a Javascript file so everywhere you can use Javascript you can use these fun modules.
This example was made for Ree Projects luxury bags to promote model Helene. In absence of real showrooms in Corona time we created this virtual showroom. Originally made for a promotional video and 3d modeled by Raw Ego from the actual patterns. Once the assets are there it's easy to translate to an interactive version. Orbit around the bag to get a better look of it and select the swatches to see the color options for the bag.
Continuing the ''so many more uses of your assets''. Here we see a Saeco coffee machine originally used to create 3d illustrations for promotional print work. We can freely orbit around but also select predefined camera positions to show interesting parts. Three different animation can be played and play with the obligatory change of color.
PATHE GO!GAMING UNLOCK PAGE
GO!GAMING is a new way to game with your friends at Pathé cinema's at several locations in the Netherlands.
To introduce GO!GAMING to the world, a little website was created for the necessary info for the public and stakeholders. Fine of course but not very gamey. That is why we created this unlock page that also introduces their logo. You got to intuitively move the cursor to lock the logo in its proper shape.
Another example of user input and how it can be manipulated to create 3D motion design. The input can be live like here but also originate from other places like a database, a simple excel file or retrieved from another website.
Here is a little typographic experiment. The font is being cut up and traced in real-time while you can still change the words, height and number of lines.
This example uses external sets of parameters to drive the graph. You can change the different 'years', the shape of the bars and 'zoom in' to show less months. Just a little thingy to make boring graphics more entertaining.
Create artwork on your site that is always up to date and can be changed without the intervention of a designer or programmer.
Whenever I get the chance I will use myself as a guinea pig. Looks I am checking out the site here. You can use your mouse and take over control! It further shows that these techniques are not only usable in 3D but work marvelously in 2D too. It's even possible to use after effects animations in these compositions.
