Before we began, a study was done of all the applications that lived within Adobe's parent umbrella. Different UIs, code bases, interaction patterns, and visual aesthetic are all visible below.
Realizing a project of this size was difficult to tackle all at once, we took an approach in which we identified and pulled out the major areas of the UI in key applications, and took at how to simplify the experience in each of these areas. The samples below shows explorations into reimagining Premiere's timeline functionality and visuals.
EXPLORATION 1
EXPLORATION 2
EXPLORATION 3
EXPLORATION 4 - Dockable panels exploration (for all applications)
As we refined the style, our team applied the style and patterns developed in the modules to many of the Adobe applications in a full scale study on the new framework. It was important to see whether the modules held up when utilized in the myriad of different environments. The study showed that the streamlined design aesthetic, modular approach, and 'just in time' UI were exactly what was needed to unite our family of apps.
