Showcasing the new season of theatre

Showcasing the new season of theatre

Inspired by the previous PoCs using XY-Fi, the team decided to create interactive portraits using a double-sided projection, visible from both inside and outside of the theatre foyer.

Inspired by the previous PoCs using XY-Fi, the team decided to create interactive portraits using a double-sided projection, visible from both inside and outside of the theatre foyer.

Video concepts

Video concepts

I worked closely with another designer to begin conceptualising what the experience for Griffin theatre should be. We explored a range of visual possibilities for the experience, with the goal of achieving an eerie, yet cinematic look and feel.

We filmed ourselves speaking off mock scripts, which were then put together in an animated prototype to refine the interaction and demonstrate the different states of the portrait, from resting, to hover, to selection.

I worked closely with another designer to begin conceptualising what the experience for Griffin theatre should be. We explored a range of visual possibilities for the experience, with the goal of achieving an eerie, yet cinematic look and feel.

We filmed ourselves speaking off mock scripts, which were then put together in an animated prototype to refine the interaction and demonstrate the different states of the portrait, from resting, to hover, to selection.

Experimenting with a blur effect for the resting state of the video

Experimenting with a blur effect for the resting state of the video

Production

Production

We developed a brief for Grumpy Sailor to produce the videos according to our art direction and specifications for the digital experience. This involved filming the resting state (actor looks silently at the camera) and selection states (actor begins speaking about their play).

We developed a brief for Grumpy Sailor to produce the videos according to our art direction and specifications for the digital experience. This involved filming the resting state (actor looks silently at the camera) and selection states (actor begins speaking about their play).

Designing the interface

Designing the interface

From previous prototypes, we elected to go with a slingshot interaction. As the user pulls down the button, their finger is put into a stress position. From this position, the user is inclined to release the button to make a selection. The colour change from grey to yellow indicating the correct interaction and aiding learnability. I was responsible for the visual design of the interface and the onboarding instructions.

The experience was launched on the opening night of the 2017 season at Griffin Theatre. Whilst waiting in the foyer, theatre go-ers interacted with the interactive portraits, listenening to the playwrights speak about the plays within the upcoming season.

From previous prototypes, we elected to go with a slingshot interaction. As the user pulls down the button, their finger is put into a stress position. From this position, the user is inclined to release the button to make a selection. The colour change from grey to yellow indicating the correct interaction and aiding learnability. I was responsible for the visual design of the interface and the onboarding instructions.

The experience was launched on the opening night of the 2017 season at Griffin Theatre. Whilst waiting in the foyer, theatre go-ers interacted with the interactive portraits, listenening to the playwrights speak about the plays within the upcoming season.