Three deadliest disasters in history,
virtually recreated and restored,
a digital extension to Perfect Storms series

​–
Art Direction / Design​ / UI • UX
​

Project Reel from Secret Location on Vimeo

–
​​​ONE LINER BRIEF
Create a digital extension to a six-part documentary series, Perfect Storms, to offer the viewer hands-on learning experience online
–
​THE IDEA
Interactive website that allows viewers to recreate disasters from the documentary using the photorealistic CG, narration, and simple interactions. 
Picture
A deadly firestorm in Tokyo, 1923
​–
THE PLAN
​The website features three chosen disasters in a task-based interactive documentary format, and the viewer must response (complete or skip) to each task to progress to the next chapter.
–
Tasks are designed to enhance the understanding of how these massive disasters occurred and and what are the implications on the culture and society at that time.
–
In addition to the interactive documentary, create a tool that the viewer can send out a virtual fire-tornado using Google Maps API. 
​–
THE EXPERIENCE

Part 1.
ILOPANGO 

​536 AD, a super volcano erupts in El Salvador with destructive consequences for everything in its immediate path and more far reaching effects. 

ILOPANGO TASKS
​Cause an eruption • Change the climate • Spread the plague
Part 2.
GALVESTON

Galveston, Texas, 1900, a category four hurricane devastates this island city and forces it on a darker path.  

GALVESTON TASKS
Storm formation • Direct the wind • Adjust sea level
Part 3.
TOKYO

In the deadliest disaster in Japanese history, an earthquake, typhoon, firestorm and rare dragon twist level 1923 Tokyo. 

TOKYO TASKS
Cause an earthquake • Create an dragon twister • Spread fire whirls 
Part 4.
YOUR STORM TODAY

Send a virtual fire tornado to any address you choose. Enter a street address, and watch the custom trailer made just for you. Watch it carefully and don’t miss any ‘altered’ elements, such as words and Google street view images, reflecting the address you’ve just entered. 
Creative Elements
Photorealistic GC • Simple and easy interactions • Clear infographics   
​
Tech Highlights
  • Coordinate the narrative, animations, visual effects and interactive components seamlessly
  • Auto-generated custom trailer utilizing Google Maps API
​​–
​THE OUTCOME
  • Viewers spent, on average, well over four minutes on Perfect Storms Interactive and the site has an extremely low bounce rate.
​​–
​THE LINKS
​​–
​ANY AWARDS?
  • Best in Digital & Cross-Platform, Non-Fiction – Banff World Media Awards 2014
  • Best Digital Production – Impact Media Awards 2014
  • Broadcast Engagement, Bronze – AToMiC Awards 2014
  • Digital Programe: Non-Fiction Nominee* - International Digital Emmy Awards 2014
  • FWA Site of the Day Winner – June 2013
​​–
​AGENCY / Secret Location
​CLIENTS / History Channel, Entertainment One, Shaw
​​–
​PROJECT GALLERY
* Some images are sourced from:  Secret Location Project Reel 
​​–
RELATED DOCUMENTS  (Password required to review)
Interaction Flow  |  PDF (1Mb)
Grayboard (Tokyo)  |  PDF (2.6Mb)
More Info Flow  |  PDF (204Kb)

© COPYRIGHT 2017 ASHLEY CHOI