Jumbotron

Video Theatre Page, focused on Motion Graphics
and Web Animations Projects

Click the tabs for more information

Motion Graphic Promotional Video - with Kinetic Type

ABOUT THE PROJECT

To create the digital content to serve as a visual display on very large monitors in store, for Fox Nature Outfitters. This builds customer interest to try the Interactive Catalogue set up as well as an informative and instructional tool, to aid customers in it’s use.

OBJECTIVE

To create captivating footage and compile other video and stock assets to create promotional videos, with the provided text. To portray this information in an eye- catching and interesting way to generate customer interest, and to help customers emmerse themselves in the experience of Fox Nature Outfitters.

THE PROCESS

After researching to gain knowledge of what the brand is about and what they should portray. I engaged in hiking activities to get a better feel of the company. Only then I began to take videos and images and compile teacher provided stock assets for use. I sketched out the kinetic type and came up with a story board of it’s use and motion. After refining the ideas in illustrator and editing images in photoshop, I animated everything in Aftereffects to produce this final outcome.

ROLES

Motion Graphic Designer
Photographer
Videographer
Stock Asset Compiler

TOOLS

Illustrator
Photoshop
After Effects
Sketching

Motion Graphic Instructional and Promotional Video Display

ABOUT THE PROJECT

This project futher solidifies the Fox Nature Outfitters company brand by establishing them as not only the top option for Winter outdoor aparel and gear, but also as an industry leader in utilising cutting edge technology to engage customers. In this case, an interactive in-store catalogue.

OBJECTIVE

The objective of this motion graphic video is to capture the attention of the target audience as well as to instruct them on how to use Nature Fox Outfitters Interactive Catalogue.

THE PROCESS

Sketching out the intial idea and storyboarding the motion of the text was the first step. The colour scheme and repeating elements was alos previously established in other work for this brand. Phototography, batch photo processing and camera raw photo editing was also involved in this project. After all of the assets was sufficiently compiled and edited. After Effects was used to animate it and produce motion.

ROLES

Motion Graphic Designer
Photographer

TOOLS

Illustrator
Photoshop
After Effects
Sketching

Web Animated Works with html and css

ABOUT THE PROJECT

The Piece “A Charmed Hallow’s Eve” is a promotional extension of the illustration for the cover page of a children’s story book which storyline is set in a small town on Halloween’s night.
The main story of the book circles a young teenage witch who decides to have a party at her creepy house on Halloween, But the night goes terribly wrong as she struggles to contain the actual ghosts and ghouls that also reside in her home.
The book needs a website to enhance online sales. A landing page is therefore needed. To attract young buyers, a CSS Animation of SVG assets for the extended illustration of “A Charmed Hallow’s has been produced.

A Charmed Hallow's Eve

OBJECTIVE

to portray The house and the teenage witch flying in on the broomstick as the main focus of the illustration. This portion encompasses the actual book cover and is the same place where most of the story is set and main character of the story. The other elements of the party goers walking towards the house will be illustrated using puppet sticks as it symbolises their naivety of the situation. The stars above will also be moved using the same puppet sticks in order to correspond with the theme. In an effort to make the scene more magical while circular lights will also be animated. The wings of the bats and glowing eyes as well as lights going on and off in the house will also help bring the illustration to life.

THE PROCESS

Creating intial sketches. Working out a written animation sequence and then refining and drawing in illustrator as to create an svg for animation. Lastly using brackets the animation sequence was coded aith html and css.

ROLES

Illustrator
Content Creator
Web Animator
Html and css Coder

TOOLS

Illustrator
Backets Text Editor
Sketching