TomTom Bandit Studio

March 2015

 

On April 2015, TomTom announced their latest innovation, the TomTom Bandit action camera. The camera has built-in motion sensors automatically identify and highlight epic moments from the user’s adventures. Users can access these clips and easily edit their stories to share..

 

I was part of the camera team working on the user interface and experience across the camera and the companion mobile and desktop applications. While the mobile app allows the user to quickly manage the videos and easily “shake to create” a story for sharing, the desktop app “TomTom Bandit Studio” is aimed to provide more advanced editing features.

 

TT_Bandit_MyStory-01

TT_Bandit-01

Working closely with engineers, researchers and 2 other designers, my job was to test the product, define the problems, create wireframes and prototypes of potential solutions, validate the solutions, and create the visual guidelines, component library and red line specifications.

 

 

Bandit Studio Prototype
VIDEOS: Original video library
PHOTOS: Photo library
HIGHTLIGHTS: Highlight clips tagged from original videos
MYSTORY: MyStory video editor

 

App navigation

Videos, Photos and Highlights tabs allow users to browse the files, categorise them and highlight their favourite ones.
TT_Bandit-02

 

TT_Bandit00_spec-002
TT_Bandit00_spec-003

TT_Bandit00_thumb-001-1

TT_Bandit00_thumb-02

Illustration Library

I have also created a series of illustrations with fun characters and fitting environment to help clarify and explain certain concepts to users.

 

TT_Bandit00_empty-01

MyStory Editor

I designed the screen where the user can add an overlay with the sensor data to the selected highlight clip and add a soundtrack to the video.

 

TT_Bandit_MyStory-overlay
TT_Bandit_MyStory-soundtrack

 

[ Design Specifications ] Layout and basic controls

TT_Bandit_MyStory-06

TT_Bandit_MyStory-07

TT_Bandit_MyStory-08