Project Overview

Designers were experiencing a frustrating and tedious process when it came to previewing designs and requesting/implementing feedback. Traditionally, a non-rasterized preview of creatives were shared and feedback was composed in long email chains that became difficult to follow.

We learned several of our clients have shared a similar process which seemed to be consistent industry wide. One of our company philosophies was to improve the industry's poor precesses when possible. Naturally, the concepts were added to our road map and broken down into two feature projects.

First we implemented a “True Preview” which would rasterize content thus providing an exact preview of the creatives as they would appear in the wild. Second, we explored ways to introduce a communication tool for creative teams that could be accessed throughout the product where needed most. 

My Role

As the sole UX designer I was responsible for the concepts and design for both Preview and Commenting. 

Preview Page: Solutions were limited due of backend restrictions. After designing a few concepts I whittled them down to the most affective solution and presented to the feature team. Because the solution proved to  be beneficial to users and our business it was concluded that a new backend service be rewritten to accommodate the most optimal user experience. 

Communication Tool: Several great challenges came with this project. Feature placement and user stories were the two main focuses. Commenting in the editor and preview page would greatly help when it came to client’s providing feedback to designers. Additionally, a mobile app for users on the go would eliminate the wait time for responses. Another great challenge was designing a consistent solution across the editor, preview page and mobile app.

Daniel the Designer

"Our preview approval process is a mess!"

Key Characteristics 

• Preview work as it would appear in the wild
• Share work for approval
• Receive feedback and implement chages

User Story

• As a designer Daniel needs to preview his work as it would appear in the wild to confirm assets look as expected and layout matches strict guidelines.
• Daniel would like all feedback and communication to exist within his workspace rather than long confusing email chains.
•  Finally, he needs clear and concise feedback on his designs. Notes via email can sometimes be confusing, its not always clear which assets the client is referring to.    

Goals

• Create a workflow for sending and receiving feedback
• Create a preview that is an accurate representation fo the a live ad
• When feedback is provided help make it clear which part of the design is being referred to

Frustrations

• When feedback is provided it comes from multiple people in long email chains. Requests are not always clear, confirmation is often required. 
• When designs are complete there is no way of knowing how it will look in the wild

Charllote The Creative Director

"How can I provide clear feedback to my designers while on the go?"

Key Characteristics

• Provide feedback to designers
• Suggest creative edits 
• Approve designs

User Story

• As a creative director Charlotte must provide feedback to her designers. She often does this via email but also includes stakeholders to provide feedback. This causes the email chains to become very long and often times off topic. 
• Providing feedback in a timely manner is also a problem. She is always commuting to client meetings and rarely in front of her computer where she can properly preview ads and provide feedback. This creates a bottle neck as designers become blocked until feedback is provided. 

Goals

• Provide feedback to designers in a more timely manner.
• Provide direct feedback without any confusion 

Frustrations

• Feedback for designers is often confusing and hidden in long emails. 
• Because Charlotte is always on the go designers are blocked until she can get to a computer where she can preview creatives and provide feedback