Women Make
Published in

Women Make

Building a Web-Based Motion Graphics Editor

What would a modern motion graphics editor look like?

The Minimum Viable Product

A small preview of the rough MVP that I shared on Twitter.

Designing a Better Motion Graphics Tool

The UI of Adobe After Effects can be quite overwhelming to a new user.

Sketching and Wireframing

Some of the layout and components ideas I had in the brainstorming phase.
The result of iterating over different layouts and styles.

The Final Product

The finished interface for the editor, true to the product’s principles.
In order not to overwhelm the user, the timeline is extremely simple and intuitive.
One of the key features of the editor is the scenes functionality, which speeds up the workflow.
The panels and toolbars within the editor follow a consistent style, and work in modules.

Okay, but where’s the tool?

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alyssa X

Designer, developer, & entrepreneur — founder of Sonuum. Best woman maker of 2018 (Maker Mag) & Maker of The Year nominee (Product Hunt) alyssax.com