COntactAboutportfoliointro
Others

Threshold - An Interactive Storytelling

Threshold is a short interactive film that reveals the darkness of humanity and ethical problem happens in the medical field. Players are able to make decisions for the main character - Jake and each choice will lead to the individual storyline. This project is the first collaborative project between Emily Carr University of Art and Design and Centre for Digital Media.
Client:
Centre for Digital Media (school project)
Release Date:
August 2019
My Role:
Executive Producer, Production Designer, Product Manager, Front-End Assistant
See Project Demo
About the Team
Team picture

The whole team contains production team (focus on planning, shooting, and rough editing) and post-production team (focus on prodcution design, Front-end dev, and VFX)

- Crew List/Role

JOHNSON(SHIWEI) SONG executive producer, NICOLE YOUNG director and writer, JACK CHEN assistant director, JAVAN HEIDE. TYUS BRO. LIZ SINGER. LAMONT JAMES BROWN. BILLY HENDERSON. MARK WILLIAMS FADEL. JEFF COOPER. DARIA MELNIK. MARK FRASER cast, KENNEDY SLOANE announcer, KENNY WELSH director of photography, WILLY WONG cinematographer, LESLEY LIU. KENNY WELSH. TYUS BRO. BILLY HENDERSON sound operators, WILLY WONG camera operator, LESLEY LIU. VINCENT LIU. LARAINE BIE set decorators, JOHNSON SONG production design, NICOLE YOUNG editor ANDRE WANG vfx, STEVE ZHANG front-end developer.

About the Story

Desperate for money, Jake (main character) participates in a mysterious experiment at a pharmaceutical company. However, as the story goes, Jake becomes more selfish and cruel. The users get to make choices for him towards the plot. Every choice will lead to different endings. Meanwhile, the single choice mechanism will trigger users’ curiosity and try all possibilities. This kind of film is more personal when someone is in control of the story which makes the storytelling process more unique and playable.

- Decision Chart

Process

- Site Design (Graphic Posters)

Poster Design for Office Location

In order to make sure the shooting space is more like the office location on our moodboard, we made up posters that demonstrate the style of medical and tech companies. By using dummy texts and biochemical/medical elements, the shooting background has been redesigned to be a pharmaceutical company.

- Interaction and Front-End

Front-End Interaction Implementation

We use typical HTML, CSS, JavaScript and JQuery library to implement the framework, styles, and interactions. However, the way of forcing the video player jump to certain area after making decision is a bit tricky. We ended up with aligning every clips (both "Yes" and "No" paths) into one big timeline, also we added additional black screens between each clip just for the sake of smooth transition. By forcing the video player to jump to specific time, we basically implemented the functions of "section and jump" with minimal lag.

‍

- Interaction and Decision

‍

A screenshot of decision
Official Trailer

**Appologize for the low-resolution video due to the video screen ratio. The fully functional interactive site only works locally, publish version is in-progress, I will publish once it's done.

Portfolio

More Case Studies

View Case Study
Notification for Digital Asset Management (WIP)
UI/UX
View Case Study
Branded Portals - Upload Setup Experience
UI/UX
View Case Study
E-Commerce Product (Customer Oriented)
UI/UX
About Me

I am an interdisciplinary designer who is keen on seeking for innovative and user-centred ways of building cutting-edge digital products. 

Navigations
IntroPortfolioCareerAboutContact
Contacts
I’m based in Vancouver
songshiwei921004@gmail.com
+1 778 960-9885
Send Message
Follow
Copyright © 2019 Shiwei(Johnson) Song. All rights reserved.