top of page

ETC Virtual Fest

An interactive web based trailer that presents the hightlights of the events to generate excitment for the first time virtaully held gaming festival at the Entertainment Technology Center.

PikPng.com_scroll-down-icon-png_3332639.png
Untitled design.gif

Overview

ROLE: Interaction + Visual + Motion Design
TIMELINE: 2 Weeks in Nov 2020

TEAM: 2 3D Artists, 1 Developer

SOFTWARE: Figma, Photoshop, Illustrator, After Effects, Premiere Pro

CHALLENGE 

For the 2020 ETC Festival held virtually, I volunteered to design a trailer for the festival that would allow the new guests to witness the glory of the past in-person festivals and how the virtual event would look like.

I decided to design something more than just a video, something interactive that would give the guests a taste of ETC. 

OBJECTIVE

  • A fun interactive video teaser that progresses frame by frame as the guest keeps scrolling.

  • Showcase videos from past years in-person festivals. 

  • Generate excitement for this year's virtual festival. 

The experience was hosted on the ETC Festival Website in 2020 at http://festival.etc.cmu.edu/

CONCEPT

The teaser is an interactive video that introduces the experience of the festival. It represents a world made of pixels. The students are working from inside a computer(depicted through poster illustration) and creating a live festival experience for the guests(depicted through videos from past year festivals). The live video transforms into the present day where the guests are queued up in the form of pixel avatars to enter the festival. 

 

The website transitions from 2D art (festival poster style) with slight animations to live video and then to pixel art. It is like an interactive video where, on scrolling down the screen, the video progresses. 

CONTENT MAP

Frame 2 (3).png

STORYBOARD

Screenshot 2022-04-19 at 7.21.44 PM.png

MOODBOARD

Pastel Colors

Festival Environment (9).png
Festival Environment (10).png

3D high fidelity art + 2D pixel art

smallAssets (1).gif

VISUAL + MOTION DESIGN 

Landing Screen

Past year's festival overview

Introduction Screen

Transition to virtual festival

Transition to past year's footage

Virtual festival attractions 

Networking at virtual festival

Enter the festival

ICONOGRAPHY & MENU 

1-home.png
7-FAQ.png
3-projects.png
4-schedule.png
5-live stream.png
6-enter the festival.png
1-home.png
7-FAQ.png
3-projects.png
4-schedule.png
5-live stream.png
6-enter the festival.png
image (1).png
Screenshot 2020-11-22 at 6.04.37 AM.png

TYPOGRAPHY

E_3d_letter.png
T_3d_letter.png
c_3d_letter.png
Screenshot 2022-04-25 at 11.47.53 PM.png
Screenshot 2022-04-25 at 11.49.32 PM.png
Screenshot 2022-04-25 at 11.49.07 PM.png
Screenshot 2022-04-25 at 11.48.32 PM.png
bottom of page