Computer displaying game trailer video on YouTube.

00. game trailer video

motion graphics/video editing (academic project)

This is a short video with a strict 55-second time limit developed to introduce and present the online board game, The Uni Circle. The Uni Circle is a transformative game made collaboratively with three other group members for a 3rd-year class, IAT 312: Foundations of Game Design.

role

team

tools

timeline

01. storyboarding

The first iteration began with storyboarding. This process allowed the team to have an overview of precise planning and me, the video designer, to have a clear division of the different scenes in the project video. The following storyboard elaborates on the various animations, transitions, kinetic typography, and clips of game recordings.

Image of the phone. Image of the phone. Image of the phone. Image of the phone.

02. colour & style

The selection of colour and style was based on simplicity and clarity. As typography is presented to the audience indefinitely, readability was an essential factor that had to be focused on. The two modern sans serif fonts, Helvetica and Gotham was used. The purple (#6939A1) colour was chosen as the primary colour to communicate effectively to the audience by creating a tone that stands out, giving a robust composition.

Helvetica was used for the text messages on the iPhone Graphic.

Iphone vector with the user of helvetica font.

Gotham was used to show the kinetic typography.

Typography of gotham font.
Font and colour choices for the project.

03. animation

The animation process involved adding onto styling, timing, music and sound effects. The animation components were the main focus of this project video which was used to help introduce and storytell about the game to make it easier for the viewers to understand the content of our game.

Chat Boxes

Animated the typing bubble to provide a showcase a more realistic text messages that would appear in a real-life situation.

Kinetic Typography

Utilized the following kinetic typography techniques: sliding across, appearing in motion, and typing.

Computer Screen

A natural transition from kinetic typography to the recording of the online board game to reveal an online simulation.

05. reflection

One of the challenges I faced was the short time limit. Due to the strict time limit of 50 - 60 seconds, I found it challenging to introduce the game while briefly explaining the basic gameplay without overwhelming the audience with extensive information. However, I resolved this issue through clear brainstorming and storyboarding my ideas. Visually seeing the sketches allowed me to create a video design that appealed to the audience without breaking the design continuity.

06. final video