MUSEUM OF THE
MOVING IMAGE
APP

App Design Icon
APP DESIGN

OVERVIEW

Museum of the Moving Image advances the understanding, enjoyment, and appreciation of the art, history, technique, and technology of film, television, and digital media by presenting exhibitions, education programs, significant moving-image works, and interpretive programs, and collecting and preserving moving-image related artifacts.

CHALLENGE

The way-finding within  the museum tends to be confusing  and difficult for museum goers to navigate. Lack of interactions and engagement with certain areas of the museum make the experience less interesting.

OBJECTIVE

Bring the museum to life by incorporating engaging features into an app that will allow visitors to interact with the exhibits and enhance their experience. Also provide ease of navigation and accessibility for first-time museum goers.

DURATION

4-5 Months

TOOLS

Figma / Adobe Illustrator / Adobe After Effects

ROLE

UX/UI Designer / Motion Designer

SOLUTION

An interactive app catered towards first-time visitors as well as frequent guests that will provide simpler way-finding around the exhibits, a more accessible experience for those who are disabled, and introduce new and engaging AR features that will allow users to interact with the exhibits.

MUSEUM OF 
THE MOVING 
IMAGE APP

App Design Icon
APP DESIGN

OVERVIEW

Museum of the Moving Image advances the understanding, enjoyment, and appreciation of the art, history, technique, and technology of film, television, and digital media by presenting exhibitions, education programs, significant moving-image works, and interpretive programs, and collecting and preserving moving-image related artifacts.

CHALLENGE

The way-finding within  the museum tends to be confusing  and difficult for museum goers to navigate. Lack of interactions and engagement with certain areas of the museum make the experience less interesting.

OBJECTIVE

Bring the museum to life by incorporating engaging features into an app that will allow visitors to interact with the exhibits and enhance their experience. Also provide ease of navigation and accessibility for first-time museum goers.

DURATION

4-5 Months

TOOLS

Figma / Adobe Illustrator / Adobe After Effects

ROLE

UX/UI Designer / Motion Designer

SOLUTION

An interactive app catered towards first-time visitors as well as frequent guests that will provide simpler way-finding around the exhibits, a more accessible experience for those who are disabled, and introduce new and engaging AR features that will allow users to interact with the exhibits.

SITE MAP

SITE MAP

Museum of the Moving Image
Screenings/Events
Event Info
Interactive Map
Floor Exhibits
Floor Map
Exhibit Info
Self-Guided Tour
Exhibits
Exhibit Map
Audio/Text Adjustment
Camera Lens/Info
AR Arcade
Game Select
Game Information
Play Game

WIREFRAMES

WIREFRAMES

MUSEUM OF THE 
MOVING IMAGE APP

INTERACTIVE MAP

The interactive map allows users to view floor maps of each level within the MoMI. Tapping on a section of the floor reveals video previews of each piece in an exhibit. Specially marked icons indicate stairs , elevators, restrooms, and closed exhibit locations.

SELF-GUIDED TOUR

With the Self-Guided Tour, users will be able to tour the museum with the aid of a real time tracking map of the exhibit. For accessibility, users can listen to audio tracks if they are hearing impaired or read off closed captions with adjustable text size.

CAMERA

Using the camera, users can scan any exhibit piece and get information about it in an instant. If any film camera is scanned, the lens of the camera can be applied to any photos in the form of filters. Users can take pictures and videos using these filters.

AR ARCADE

To bring the arcade experience to life, users can choose from a wide selection of arcade games and play using Augmented Reality. Using the camera, arcade games can be played with the use of controls depending on each game.

MUSEUM OF THE MOVING IMAGE APP

INTERACTIVE MAP

The interactive map allows users to view floor maps of each level within the MoMI. Tapping on a section of the floor reveals video previews of each piece in an exhibit. Specially marked icons indicate stairs , elevators, restrooms, and closed exhibit locations.

SELF-GUIDED TOUR

With the Self-Guided Tour, users will be able to tour the museum with the aid of a real time tracking map of the exhibit. For accessibility, users can listen to audio tracks if they are hearing impaired or read off closed captions with adjustable text size.

CAMERA

Using the camera, users can scan any exhibit piece and get information about it in an instant. If any film camera is scanned, the lens of the camera can be applied to any photos in the form of filters. Users can take pictures and videos using these filters.

AR ARCADE

To bring the arcade experience to life, users can choose from a wide selection of arcade games and play using Augmented Reality. Using the camera, arcade games can be played with the use of controls depending on each game.

CASE STUDY VIDEO

DESIGN SYSTEM

Aa

TYPEFACE / NEUE HAAS GROTESK DISPLAY PRO

45 Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
55 Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
65 Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()
95 Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
!@#$%^&*()

COLOR

PRIMARY AND SECONDARY
Primary
#231E1E
Secondary
#FFFFFF
ACCENTS
Rajah
#F5AC58
Verdigris
#59BEB1
Liberty
#4362AD
Dark Pastel Red
#BF361C

ICONS

ICONS

BUTTON

PLAY BUTTON / 146 x 52 px

CARDS AND COMPONENTS

Event Card
Horizontal Card
Floor Card
Box Card
MoMI Logo Full
MoMI Logo Condensed
Bottom Navbar
Floor Map

GRID

MOBILE GRID
6 Columns / 30 Margin / 16 Gutter