Canon: giving stories a new form

Canon: giving stories a new form
Services provided
Specialities involved
- UX & UI Design
- WebGL
- Virtual Reality
- WebVR API
- Three.js
- GreenSock
Services provided
Specialities involved
- UX & UI Design
- WebGL
- Virtual Reality
- WebVR API
- Three.js
- GreenSock
At the heart of a photo is a story
Exploring the story
With the story broken into smaller parts and enriched with other related content, we were left with our biggest challenge; how to use all three dimensions of VR to the fullest, whilst consuming content that is mostly two-dimensional?
Each part of the story was represented by a ‘cloud’ of photos and other related content, placed around a user in a three-dimensional space, allowing them to look around and explore the content freely. The navigation between different parts of the story was designed to be linear — back and forth — and based on the flow of time.
So, without further ado, here is a 2d recording of the working prototype:
Out in the wild
The prototype was presented at Photokina 2016 - the largest international trade fair for the world of photography. The feedback during the fair (and afterwards), has been very positive and inspiring; both the concept and its realisation were met with curiosity and excitement among the Photokina community and navigating through a story proved to be intuitive.
In a nutshell, the prototype got people talking. Canon’s efforts to branch out into a new domain were met with excitement and raised the question “Where will it go from here?”. Well, we guess that only the future will tell!
As for the team, it was a great experience designing a real product for VR that definitively left us with a taste for more .
Featured work

The Economist
Migrating The Economist platform
The Economist
Migrating The Economist platform
We created a mobile-first, content-led, better reading experience for global digital users, improving the site architecture while delivering a more flexible solution.

Learnerbly
Learnerbly: Accelerating professional growth
Learnerbly
Learnerbly: Accelerating professional growth
Professional training can be challenging. People who desire to progress in their profession - learners - may require help clarifying their learning needs, finding and validating quality of training resources and securing funding from the employer.

Central Working
Central Working: Changing how you work
Central Working
Central Working: Changing how you work
We dug deep into Central Working’s core values to rebrand and redesign their digital and printed marketing materials in a way that personified the company character.