app design.

An interactive app for the Museum of the Moving Image for first time visitors.

role.
duration.
tools.
UX/UI Designer_ Interaction Designer_ Motion Designer
4 - 5 months
Figma_ Adobe Illustrator_ Adobe After Effects
01 / 18
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.

The goal is to create 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.

02 / 18
03 / 18
momi 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
04 / 18
wireframes.
05 / 18
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.

06 / 18
07 / 18
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.

08 / 18
09 / 18
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.

10 / 18
11 / 18
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.

12 / 18
13 / 18
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
!@#$%^&*()
14 / 18
primary.
#231E1E
secondary.
#FFFFFF
rajah.
#F5AC58
verdigris.
#59BEB1
liberty.
#4362AD
dark pastel red.
#BF361C
15 / 18
icons and button.
16 / 18
cards and components.
17 / 18
mobile grid 6 columns / 30 margin / 16 gutter.
18 / 18
app design.

An interactive app for the Museum of the Moving Image for first time visitors.

role.
UX/UI Designer_ Interaction Designer_ Motion Designer
duration.
4 - 5 Months
tools.
Figma_ Adobe Illustrator_ Adobe After Effects
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.

The goal is to create 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.

momi site map.
wireframes.
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.

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
!@#$%^&*()
primary.
#231E1E
secondary.
#FFFFFF
rajah.
#F5AC58
verdigris.
#59BEB1
liberty.
#4362AD
dark pastel red.
#BF361C
icons and buttons.
cards and components.
mobile grid 6 columns / 30 margin / 16 gutter.