moments in movements

moments in movements

moments in movements

moments in movements

moments in movements

\

\

\

\

\

An animated history of early Jewish communities play out on a sprawling 50sqft map of Washington DC. Visitors highlight landmarks on the giant map to complete the picture.

An animated history of early Jewish communities
play out on a sprawling 50sqft map of Washington DC. Visitors highlight landmarks on the giant map to
complete the picture.

An animated history of early Jewish communities
play out on a sprawling 50sqft map of Washington DC. Visitors highlight landmarks on the giant map to
complete the picture.

An animated history of early Jewish communities play out on a sprawling 50sqft map of Washington DC. Visitors highlight landmarks on the giant map to complete the picture.

An animated history of early Jewish communities play out on a sprawling 50sqft map of Washington DC. Visitors highlight landmarks on the giant map to complete the picture.

On Jaunary 29, 2019, the first synagogue in Washington, DC rolled down the street on wheels to become the new home of the Lilian & Albert Small Capital Jewish Museum. One of the three interactive pieces to mark the opening, the 50sqft interactive map table fosters an understanding of what, where, and who "Jewish Washington" is — the story of the first community and how their culture adapted to and shaped Washington, DC.

On Jaunary 29, 2019, the first synagogue in Washington, DC rolled down the street on wheels to become the new home of the Lilian & Albert Small Capital Jewish Museum. One of the three interactive pieces to mark the opening, the 50sqft interactive map table fosters an understanding of what, where, and who "Jewish Washington" is — the story of the first community and how their culture adapted to and shaped Washington, DC.

On Jaunary 29, 2019, the first synagogue in Washington, DC rolled down the street on wheels to become the new home of the Lilian & Albert Small Capital Jewish Museum. One of the three interactive pieces to mark the opening, the 50sqft interactive map table fosters an understanding of what, where, and who "Jewish Washington" is — the story of the first community and how their culture adapted to and shaped Washington, DC.

On Jaunary 29, 2019, the first synagogue in Washington, DC rolled down the street on wheels to become the new home of the Lilian & Albert Small Capital Jewish Museum. One of the three interactive pieces to mark the opening, the 50sqft interactive map table fosters an understanding of what, where, and who "Jewish Washington" is — the story of the first community and how their culture adapted to and shaped Washington, DC.

On Jaunary 29, 2019, the first synagogue in Washington, DC rolled down the street on wheels to become the new home of the Lilian & Albert Small Capital Jewish Museum. One of the three interactive pieces to mark the opening, the 50sqft interactive map table fosters an understanding of what, where, and who "Jewish Washington" is —
the story of the first community and how their culture adapted to and shaped
Washington, DC.

my role

my role

my role

my role

my role

Experience Designer: UX Prototype,
Visual/Behavioral Guidelines, Hardware Specs
Tools: Adobe XD, Sketch
With: Potion Design

Experience Designer: UX Prototype,
Visual/Behavioral Guidelines, Hardware Specs
Tools: Adobe XD, Sketch
With: Potion Design

Experience Designer: UX Prototype,
Visual/Behavioral Guidelines, Hardware Specs
Tools: Adobe XD, Sketch
With: Potion Design

Experience Designer: UX Prototype,
Visual/Behavioral Guidelines, Hardware Specs
Tools: Adobe XD, Sketch
With: Potion Design

Experience Designer: UX Prototype, Visual/Behavioral Guidelines, 
Hardware Specs
Tools: Adobe XD, Sketch
With: Potion Design

interactive projection mapping

interactive projection mapping

interactive projection mapping

interactive projection mapping

interactive projection mapping

Linear media, capacitive touch
Timeline: 2019 TBD
Site: Washington, D.C.
Client: Lilian & Albert Small Capital Jewish Museum

Linear media, capacitive touch
Timeline: 2019 — TBD
Site: Washington, D.C.
Client: Lilian & Albert Small Capital Jewish Museum

Linear media, capacitive touch
Timeline: 2019 — TBD
Site: Washington, D.C.
Client: Lilian & Albert Small Capital Jewish Museum

Linear media, capacitive touch
Timeline: 2019 — TBD
Site: Washington, D.C.
Client: Lilian & Albert Small Capital Jewish Museum

Linear media, capacitive touch
Timeline: 2019 — TBD
Site: Washington, D.C.
Client: Lilian & Albert Small
Capital Jewish Museum

Adas_Israel_Synagogue_moving_550px_0
CJM_Map_Model_2274w

objectives

objectives

objectives

1

1

1

1

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

how

how

how

how

how

story first

story first

story first

story first

story first

Place stories at the center of the experience, while the interactive map is a tool for more robust delivery.

Place stories at the center of the experience, while the interactive map is a tool for more robust delivery.

Place stories at the center of the experience, while the interactive map is a tool for more robust delivery.

Place stories at the center of the experience, while the interactive map is a tool for more robust delivery.

Place stories at the center of the experience, while the interactive map is a tool for more robust delivery.

segmented flow

segmented flow

segmented flow

segmented flow

segmented flow

Design a high-level, impact-driven experience.

Design a high-level, impact-driven experience.

Design a high-level, impact-driven experience.

Design a high-level, impact-driven experience.

2

2

2

work around a tight budget.

work around a tight budget.

work around a tight budget.

work around a tight budget.

work around a tight budget.

how

how

how

how

how

simple strokes, complex painting

simple strokes, complex painting

simple strokes, complex painting

simple strokes, complex painting

simple strokes, complex painting

Create an experience in which simple interactions come together to exhibit the larger narrative.

Create an experience in which simple interactions come together to exhibit the larger narrative.

Create an experience in which simple interactions come together to exhibit the larger narrative.

Create an experience in which simple interactions come together to exhibit the larger narrative.

implementation

implementation

implementation

implement

1

1

create a self-guided interactive experience
on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

create a self-guided interactive experience on a shared canvas.

story first

story first

story first

story first

story first

Upon entering the concept phase we learned that the content around which the interactive was conceptualized did not quite fit into a map-centered experience. Listening closer, we realized that the client's desire for an interactive map stemmed not from the significance of the locational data, but from a desire for a relevant and engaging visual tool that could be used consistently across multiple stories.

Upon entering the concept phase we learned that the content around which the interactive was conceptualized did not quite fit into a map-centered experience. Listening closer, we realized that the client's desire for an interactive map stemmed not from the significance of the locational data, but from a desire for a relevant and engaging visual tool that could be used consistently across multiple stories.

Upon entering the concept phase we learned that the content around which the interactive was conceptualized did not quite fit into a map-centered experience. Listening closer, we realized that the client's desire for an interactive map stemmed not from the significance of the locational data, but from a desire for a relevant and engaging visual tool that could be used consistently across multiple stories.

Upon entering the concept phase we learned that the content around which the interactive was conceptualized did not quite fit into a map-centered experience. Listening closer, we realized that the client's desire for an interactive map stemmed not from the significance of the locational data, but from a desire for a relevant and engaging visual tool that could be used consistently across multiple stories.

Upon entering the concept phase we learned that the content around which the interactive was conceptualized did not quite fit into a map-centered experience. Listening closer, we realized that the client's desire for an interactive map stemmed not from the significance of the locational data, but from a desire for a relevant and engaging visual tool that could be used consistently across multiple stories.

Accordingly, we shifted our mindset from a data/information-focused platform to constructing a story-driven experience. Landmarks and geographic patterns would be enveloped within a broader narrative — specific, relatable events that plant the bigger picture into familiar grounds.

Accordingly, we shifted our mindset from a data/information-focused platform to constructing a story-driven experience. Landmarks and geographic patterns would be enveloped within a broader narrative — specific, relatable events that plant the bigger picture into familiar grounds.

Accordingly, we shifted our mindset from a data/information-focused platform to constructing a story-driven experience. Landmarks and geographic patterns would be enveloped within a broader narrative — specific, relatable events that plant the bigger picture into familiar grounds.

Accordingly, we shifted our mindset from a data/information-focused platform to constructing a story-driven experience. Landmarks and geographic patterns would be enveloped within a broader narrative — specific, relatable events that plant the bigger picture into familiar grounds.

segmented flow

segmented flow

segmented flow

segmented flow

A shared experience geared towards a broad audience meant "averaging" the depth of involvement — or the pace of the flow. To achieve this balance we devised a linear, segmented experience comprised of chapters, in which a brief movie clip sets the context, followed by a set period of free exploration that embeds a more in-depth understanding. This was an approach that leveraged the massive, 50sqft projection surface to convey a complex experience in a simple yet impactful way.

A shared experience geared towards a broad audience meant "averaging" the depth of involvement — or the pace of the flow. To achieve this balance we devised a linear, segmented experience comprised of chapters, in which a brief movie clip sets the context, followed by a set period of free exploration that embeds a more in-depth understanding. This was an approach that leveraged the massive, 50sqft projection surface to convey a complex experience in a simple yet impactful way.

A shared experience geared towards a broad audience meant "averaging" the depth of involvement — or the pace of the flow. To achieve this balance we devised a linear, segmented experience comprised of chapters, in which a brief movie clip sets the context, followed by a set period of free exploration that embeds a more in-depth understanding. This was an approach that leveraged the massive, 50sqft projection surface to convey a complex experience in a simple yet impactful way.

A shared experience geared towards a broad audience meant "averaging" the depth of involvement — or the pace of the flow. To achieve this balance we devised a linear, segmented experience comprised of chapters, in which a brief movie clip sets the context, followed by a set period of free exploration that embeds a more in-depth understanding. This was an approach that leveraged the massive, 50sqft projection surface to convey a complex experience in a simple yet impactful way.

While the chapters were sequenced chronologically, each could also stand alone as a fulfilling experience. The structure allowed a flexible cadence that accommodated various levels of interest.

While the chapters were sequenced chronologically, each could also stand alone as a fulfilling experience. The structure allowed a flexible cadence that accommodated various levels of interest.

While the chapters were sequenced chronologically, each could also stand alone as a fulfilling experience. The structure allowed a flexible cadence that accommodated various levels of interest.

While the chapters were sequenced chronologically, each could also stand alone as a fulfilling experience. The structure allowed a flexible cadence that accommodated various levels of interest.

20200129_CJM_StyleGuide-39
20200129_CJM_StyleGuide-41

The movie segment on the left and the timed interactive map segment on the right. We set apart the visual style of the two to more clearly indicate a transition.

The movie segment on the left and the timed interactive map segment on the right. We set apart the visual style of the two to more clearly indicate a transition.

cjm-map-userflow

User flow. #1 is the video segment, and #2 and #3 are the interactive segment. Transition between the two is automatic after a set duration of time, which is indicated by a timer on each individual user area.

User flow. #1 is the video segment, and #2 and #3 are the interactive segment. Transition between the two is automatic after a set duration of time, which is indicated by a timer on each individual user area.

2

2

work around a tight budget.

work around a tight budget.

work around a tight budget.

work around a tight budget.

simple strokes,
complex painting

simple strokes,
complex painting

simple strokes,
complex painting

simple strokes,
complex painting

simple strokes,
complex painting

Meanwhile, a larger canvas also had implications on optical and physical reach, and a larger budget to achieve a high-resolution projection. Furthermore, the context of a multi-user experience limited utilization of the theatrical canvas.

Meanwhile, a larger canvas also had implications on optical and physical reach, and a larger budget to achieve a high-resolution projection. Furthermore, the context of a multi-user experience limited utilization of the theatrical canvas.

Meanwhile, a larger canvas also had implications on optical and physical reach, and a larger budget to achieve a high-resolution projection. Furthermore, the context of a multi-user experience limited utilization of the theatrical canvas.

Meanwhile, a larger canvas also had implications on optical and physical reach, and a larger budget to achieve a high-resolution projection. Furthermore, the context of a multi-user experience limited utilization of the theatrical canvas.

Working around a tight budget, we strategized the simplest possible individual experiences that collectively depict a rich narrative. Using just three capacitive touch buttons per individual, we decoupled information from illustration and displayed them on individual user areas and the shared center, respectively. Users poke around in their stations to learn about various landmarks, while distinctly colored markers reflect their activity on the central map projection.

Working around a tight budget, we strategized the simplest possible individual experiences that collectively depict a rich narrative. Using just three capacitive touch buttons per individual, we decoupled information from illustration and displayed them on individual user areas and the shared center, respectively. Users poke around in their stations to learn about various landmarks, while distinctly colored markers reflect their activity on the central map projection.

Working around a tight budget, we strategized the simplest possible individual experiences that collectively depict a rich narrative. Using just three capacitive touch buttons per individual, we decoupled information from illustration and displayed them on individual user areas and the shared center, respectively. Users poke around in their stations to learn about various landmarks, while distinctly colored markers reflect their activity on the central map projection.

Working around a tight budget, we strategized the simplest possible individual experiences that collectively depict a rich narrative. Using just three capacitive touch buttons per individual, we decoupled information from illustration and displayed them on individual user areas and the shared center, respectively. Users poke around in their stations to learn about various landmarks, while distinctly colored markers reflect their activity on the central map projection.

cjm-map-prototype1a
cjm-map-prototype1b

Prototype of an individual user station. The map image in the top half of the screen is only representational of the connection with the shared center area.

Prototype of an individual user station. The map image in the top half of the screen is only representational of the connection with the shared center area.

20200129_CJM_StyleGuide-20
20200129_CJM_StyleGuide-22
20200129_CJM_StyleGuide-19

Sketches of map markers and the color palette — each of the six individual stations use a different color for its UI.

Sketches of map markers and the color palette — each of the six individual stations use a different color for its UI.