Exaloop-StyleFrames1_Style1-Page1

Tech Animation Process 

I had the good fortune to work with two companies, Exaloop and Trilio, to create landing page videos that spoke to audiences who were in the market for specific cloud based solutions. Since the videos needed to appeal to those already familiar with the technology, I had to bring myself up to speed, rather than simplify the tech for wide audiences.

A huge thank you to both Exaloop and Trilio founders for their patience and taking my questions, ChatGPT for explaining concepts to me like I'm 5, and to my husband, who understands the language of computers.

 

Finding The Style

After becoming familiar enough with the programs to create a storyline, I got started working out how to visually communicate how the programs worked.

4-Style1-Page1

The first idea for Exaloop was to create a 2D timeline using existing icons and text to lead the viewer through the video.

8-Style2-Page1

The second idea was a simplified version to create a more fun aesthetic and avoid overly detailed tech icons. Since Exaloop deals with streamlining and speed, I thought using a metaphorical river would be a fun way to show how everything flowed.

Screenshot 2024-02-21 163232

Ultimately, we decided to move forward with an isometric perspecitve to give the video a more futuristic, tech forward feel and a more digital representation of the flow and speed.

StyleFrames1-panel3
Trilio-StyleFrames2-p4

For Trilio, we already knew that we wanted to utilize an isometric perspective, so we started playing with color palettes and shapes.

I learned that certain shapes frequently represent specific interfaces or users in the industry. This lead to the avoidance of spheres as a whole and cylinders in select areas.

I enjoyed utilizing Trilio's logo (the green arrow) as an element in the video.

Storyboarding

Exaloop's storyboard and style frames played well together and was a really fun format to visualize how the animation might play out as well as help us visualize the different elements and how they might be illustrated.

Exaloop-Style2-Revision

For Trilio, we leaned heavily on storyboarding in the early stages of the videos to ensure that I had fully grasped the concepts as well as ensuring that the message was coming across as needed.

01-Trilio-Storyboard-v2
07-Trilio-Storyboard-StyleFrames1

Putting It Altogether 

The videos came together quickly after all the prep work and turned out beautifully. I enjoyed learning about the technology for these projects and challenging myself to put very technical concepts into motion.

Do you want to begin your story?