Medal of Honor:
Above AND Beyond Site

OCULUS & RESPAWN ENTERTAINMENT

PROJECT DETAILS

Medal of Honor is a franchise with a cinematic legacy. Their new VR title, Medal of Honor: Above & Beyond, needed a launch site that lived up to its name. Jam3 built a fly-through experience exploring the WWII French Resistance in a painted world, calling back to the tactile roots of Medal of Honor.

ROLE

UI Motion Design

MY ROLE & OBJECTIVE

I worked with a team in bringing interactive elements into motion, highlighting the design’s tactility and texture. The motion is inspired from rummaging through old documents, with plenty of details that channeled a skeumorphic aesthetic.

TEAM (Jam3)

Dense details without over-animating

To emphasize our skeumorphic approach, small but abundant details like photos developing or bleeding fingerprints were key. However, we needed to decide which effects to prioritize to keep us from investing all of our development time into animations that can risk being over-animated. A mix of less-flashy text entrances and CSS effects allowed us to call to tactility without being overwhelming.

Mixing skeumorphism into modern web

Button states and page transitions received the same considerations as design elements, balancing between a literal representation of elements and a user’s familiarity with digital hover-state standards. For example, our main page transition treated elements like sheets of paper being moved, but we kept the animation sharp and snappy like a typical page swipe transition.

@

Closed for work but open to chat, especially with:
Small and local businesses, creatives and communities that are anti-racist, pro-LGBTQ+, feminist, and BIPOC-operated, organizations doing social good, students of any age with questions about anything (if I don't have your answer, I'll help you find it), and especially nerds (that extremely niche obsession of yours counts too).

© Jess Tat 2021

Site built with Semplice. Fonts used: Jean-Luc & Space Mono.

Back to top Arrow