ETC Festival Teaser

An interactive web teaser experience that gives a glimpse of the excitement filled ETC festival.

Self Initiated Project
to add more fun to the ETC Virtual Festival' 2020.

Timeline
2 weeks, Nov 2020
Remote

Team
Leslie Jing - Programmer
Anjali Shah - UI/UX & Visual Designer
Sofia Videva - 3D Artist & Animator
Sheenu You - 3D Artist & Animator
Lauren Zhang - 2D & 3D Art

Role
UI/UX Designer
Visual Designer

Responsibility
Concept Design
Visual Design
Interaction Design
Storyboarding
UI Design 
Motion Design 

Softwares
Figma
Adobe Photoshop
Adobe After Effects
Adobe Premiere
WordPress

Overview

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/

Project Video

VisualEditor_-_Icon_-_Menu.svg.png
PikPng.com_scroll-down-icon-png_3332639.png

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 (2).png

Content Map

Frame 2 (3).png

Storyboard

Screenshot 2022-04-19 at 7.21.44 PM.png

Look & Feel

Pastel Colors

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

3D high fidelity art + 2D pixel art

smallAssets (1).gif

Screen Design - Visuals & Motion  - 

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

Icon Design  

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 Design

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