The Solution

Case study video.


Early on in the project we explored how Google’s technology could be used to make life more useful in an outdoors context. I visualised the ideas through sketches and animations.

Concept Sketches

Early concept sketch.


Once we had decided to use 'Google Now' style ‘cards’ to display local information, I worked on a series of animation tests to explore how cards would move on and off the screen.

Animation tests.


I planned which cards we could use (e.g. Weather) and produced wireframes for all the templates. I based the designs on a combination of existing Google products, for example, Google Now and Google Maps.

We knew we would only be able to show each card for 5 seconds each, so I had to simplify to only show the key information. For each card I plotted every data-point needed so that the developers could then find the relevant api.


Wireframes for cards.


The cards would be displayed in a loop that would follow a pre-written ‘story’. I helped write these stories and formatted them in a spreadsheet for development. This included the logic as to which stories would be shown at what time of day and what day of the week.

As we couldn’t guarantee that data would be available for a particular card, I also collaborated with the developers to design the logic for how the cards ‘fallback’ to other options.

Concept Sketches

Spreadsheet documenting the card ‘loops’ and fallbacks.

Finished designs

Peter Jupp and Clara Tudela produced the visual designs for the installations.

Final visual designs for bus shelters.

Final animation

I designed the transitions for the intro, cards and end-frame in Flash. This was then used as a reference by the developers during the final build.

Final animation reference for Underground station projections.