Project Maestro

WHY

A touch mobile app where creatives can animate their work and express ideas through motion.

Motion became an expectation in creative outputs. Yet it is still resource and time consuming to create with existing legacy desktop softwares.

As the lead product designer, I worked with the Seattle engineering team to create a spatial interface for creatives to capture motion freely whilst maintaining creative control.

HOW

Product Direction
Motion Design
Interaction & UI Design

WHEN

Beta


Pitch Concept Reel

When I first joined Adobe, I created this concept reel to pitch to executives and the After Effect's team. 

The main focus was to explore a broad set of ideas that may work well in a touch driven animation tool. For example,

  • Simulating physics-based animations

  • Attaching programmatic behaviours

  • Tracking 3D camera

This lead to a quick one-month prototyping exercise with a (part time) senior engineer from the video team.

 

Sneak @ Adobe MAX 2015

I presented the initial exploration of a touch animation tool at Adobe MAX 2015 in front of 7,000+ audience.

We learnt a lot about some of the technical challenges and were excited about new possibilities. 

 


Maestro Take 2

PARAMETER CONTROL

Enabling creatives to adjust scale sensitivity with a spatial
interface and snap to value with tactile feedback

 

Group Layers

Create a spatially layout for creatives to traverse their
layer tree by swiping left and right. This permeated to
other layer interactions

 

Behaviours

Enable users to blend programmatic movements with
the free recorded motion via a tactile drag interface

 

Integration with Premiere Clip

Conceptualising how Maestro fits into the Creative Sync
mobile apps. Premiere Clip can leverage Maestro as a
custom titling engine.

 

Visual Specs

I pair all my motion comps with visual specs to extrapolate
the UI details at all stages. This is continuously refined. 

 

Sample OutputS

Gifs created from Maestro (after 4 months development) based on
real life examples. Below also includes a company wide demo recording.

verizon.gif