University of British Columbia
Motion Graphics Design
Summary
The Centre for Collaborative Research on Hoarding is a multidisciplinary research group based in the University of British Columbia's (UBC) Department of Psychology.
The Centre just launched their new risk assessment tool for hoarding, the HEATH, which is available for free along with training materials (including motion graphic training videos) on their website.
Timeline
August – November 2024
Role
Motion Graphics Designer
Tech Stack
Adobe Illustrator
Adobe After Effects
Concept
Concept
As a part of the Centre's launch of the "Home Environment Assessment Tool for Hoarding" (AKA the HEATH), six motion graphics videos were developed to aid housing professionals in using the assessment tool. Three main design processes were integrated in the development of these videos:
- Accessibility: Critical to ensure inclusivity to diverse video viewers (e.g., property managers, fire prevention officers, those with lived experience). Features include the use of high-contrast colours and closed captioning.
- Brand Consistency: Ensures a unified presence that aligns with viewer expectations of the Centre's brand. Professionals that lean about the HEATH through in-person training sessions will recognize and trust the content based on visual identity (e.g., colour palette)
- Production Consistency: Allows for a sense of continuity between all six training videos. Features include standardized intro and outro cards and motion timing.
Characters
Characters
Hoarding disorder is a mental health issue that can affect individuals of different ages, genders, and ethnicity. Shaped silhouettes represent humans in these videos and are designed to be ambiguous in order to avoid representing stereotypes in hoarding disorder. These figures are able to convey clear thoughts and intentions through behaviours and movement. Differing brand colours are used to differentiate between housing professionals (purple) and residents (blue).
Transitions
Transitions
Creating smooth transitions in a motion graphics video is crucial to the development of a fluid storyline. It helps the viewer to visually connect different scenes, thoughts, or concepts as a cohesive whole.
Deep consideration was given to the type of transition (e.g., full-frame, object morphing, dynamic zoom) used to help signal different storypoints to the viewer. By creating a clear beginning, middle, and end to the storyline, these videos guide the viewer through the videos in an engaging manner.
The Final Videos
Check out all six of the HEATH instructional videos below!
