Motion Array

Product Design, UI/UX Design, Secondary Research, User Interviews, Art Direction, Design Workshops

About Product

Motion Array is the all-in-one video & filmmakers platform. Part of their product offering is the Review System, a video collaboration tool. It allows customers to upload videos and get frame-accurate feedback from clients or stakeholders.

Customer Development & Strategy

Video collaboration is a pretty scattered process for most video professionals. It usually involves using many different tools and hundreds of emails and meetings to get feedback from various stakeholders. We aimed to drastically cut that time and simplify the process by offering a streamlined, frame-accurate tool for gathering feedback. That means that project members would click on the exact point in time on the video and leave their comments. The previous iteration of the platform lacked functionality that could effectively serve our users long term. The platform already had many users. Our strategy was to re-skin the existing interface and add some of the features customers have asked for, and start developing a new, modern, advanced version of the system. That way, users would not face any downtime.

First Product Iteration

In the first product iteration, we dissected the existing version and analyzed what our users wanted us to change and what else we need to improve. We found that we need to add more control over how comments are being added and displayed. Users also wanted threads in comments, version control, and they needed more control over who can comment and access projects. We made the platform dark, which might seem insignificant, but it was a step toward the new design giving users the feel of the video editing software environment they’re used to seeing. Another significant development was the move to responsive design, which allowed clients to send feedback from different devices like phones and even TV’s. This move significantly increased the flexibility for both clients and creators, and they could operate on the go and from their studios, not always needing a desktop computer.

Users spend a lot of money buying designed mockups and assets and hiring designers, or even worse, waste valuable time designing with robust tools that are too complex for their needs. That’s why we created hundreds of stunning, high-quality design templates and background images for them to use.

Player Redesign & Development

In the first product iteration, we dissected the existing version and analyzed what our users wanted us to change and what else we need to improve. We found that we need to add more control over how comments are being added and displayed. Users also wanted threads in comments, version control, and they needed more control over who can comment and access projects. We made the platform dark, which might seem insignificant, but it was a step toward the new design giving users the feel of the video editing software environment they’re used to seeing. Another significant development was the move to responsive design, which allowed clients to send feedback from different devices like phones and even TV’s. This move significantly increased the flexibility for both clients and creators, and they could operate on the go and from their studios, not always needing a desktop computer.

Sharing Options

Besides sharing full projects and videos and sharing editing permissions, we introduced a particular type of sharing. The looped section sharing allows creators to select parts of the video from the timeline and share those loops with the team or the client. That enables creators to share specific details, rather than sharing the full video and explaining what section needs attention.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system

image caption