P5100069.JPG

The Code of the Cloisters

Personal Work.

Product Design/Game/AR/Education/Museum

Developer tools: Unity/ARKit/Placenote

Designer tools: Sketch/InVision/After Effects

Overview/

The Code of the Cloisters is physical immersive experience happens in the MET Cloisters Museum that provides visitors a next level experience to explore the museum and the exhibits in an immersive way, aiming at bridging the gaps between human, history, and art.

Imagine you are Dr. Robert Langdon from the Da Vinci Code, and having a new adventure in an epic medieval museum in New York City —— Not in VR, but the real world.

Problem Shooting/

Every time people went to a museum, we would soon be fascinated by all the fantastic art pieces and be like “OMG they are so stunning!”

why2.png

However, we are just ordinary visitors without professional knowledge to understand the background stories of the exhibits. People would soon get bored and confused.

why3.png

When we turn to audio guide, they are always so tedious and not user-friendly at all.

User Interview/

I interviewed 10 friends about their feelings about the audio guide in museums.

 

“Will you read the labels or use the audio guide in museums?

If so, how do you feel about that experience? “ 

interview.png
book.png

Inspiration/

Can we create an immersive experience in a real museum, that allows visitors to learn art history knowledge while taking adventures?

Just like what Robert Langdon always did.

After reading The Da Vinci Code by Dan Brown,

I realized that I followed Dr. Robeart Langdon going through different museums and learned different art history knowledge without feeling bored.

robert.png

Site Choice/

The MET Cloisters, located at the northwestern point of Manhattan, is a branch of The MET Museums specializes in European medieval architecture, sculpture and decorative arts.

Artworks are shown in the architectural settings of French monasteries and abbeys.

It contains a large collection of medieval artworks. Some highlight exhibits are the most famous and spectacular but enigmatic survivors of the late Middle Ages.

Site Research/

Experience Design/

flow1.png

Storytelling/

I chose a special series of exhibits — — which is the most famous series in this museum, the Unicorn Tapestries as the main target to create the narrative.

 

This series of 7 tapestries tell a story of a group of the medieval nobleman went hunting, they found a unicorn, they killed it, and brought it back to the castle. But finally, the unicorn was resurrected and lived a peaceful life.

Elements/

I chose this fancy medieval comic book not only because of the story, but also the complicated historical background, knowledge of medieval decoration and the metaphor of religion, which are hard to explain in a traditional way.

elements.png

Anne the Queen

Duke La Rouchefoucauld

Jesus Christ

Embroidry

Symbolism

gameDesign.png

Game Design/

The project is a combination of digital and physical experiences.

 

It is contributed by three parts:

 

  • The MET Cloisters Museum

  • The puzzle game book that would guide the visitors --“The Book”

  • The mobile AR App works as a tool to discover different clues -- "The Eye"

How it works/

how1.png

The mobile AR App would provide visitors a new way to see. people will find the puzzles in the exhibits/physical environment.

how2.png

And find the answers in the book through the help of the AR App.

"The Book" as a treasure map to guide the visitors, was pretended to be a manuscript introducing the Aristocratic Life in Medieval France once owned by the family of La Rochefoucauld. 

This book was manuscript and decorated in medieval style.

books.png
dogGuide.png

For “ The Hound”, As the story of the tapestries shows that the hunters were led by hounds, I created a virtual hound that would lead the treasure hunters to go to the correct spots to find the puzzles.

route.png

"The Hound" is a part of the mobile AR App. This is basically an indoor path guide. This indoor guide would let the virtual hound to walk in a preset way, to lead the visitors to go to the correct spot.

To achieve this, I build the 3d model of the met Cloisters in Maya, a 3d modeling tool.

maps.png

Then I implement it into unity, use map box sdk, placenote sdk along with ARKit, to got the result.

tools.png

MapBox SDK

Placenote

ARKit 2.0

Unity 3D

Experience Flow/

gameflow.png

Visual Design/

Inspiration/

The main logo for the AR APP “The Eye” came from the eye of Providence, which is an eye of god that can see everything. And I also got the color and the shape from the medieval wax seal and the old Met museum logo. As it’s a metaphor of a new way to see the medieval exhibits in a MET Museum.

logos.png

Visual Guide/

Each color came from an element of the tapestries.

visualGuide.jpg
elementInspiration.png

Hi-Fidelity Design /

UI1.jpg

Mockup/

prototype2.png
Mockup.png

Demo Video/

Special Thanks

Would not be able to make this project happen without these supportive talented:

 

Nancy Wu

Senior Managing Educator of the MET Cloisters

Egle Zygas

Senior Publicist of the MET Cloisters

Jessica Jarvinen

Program Associate of the MET Cloisters

cloistersIcon.png

Let's hang!

Designed and implemented by Eva.

2020. 03. All rights reserved.

Or you can explore my