Constellation

Bulk import and ad automation

PRODUCT DESIGN - USER RESEARCH - PROTOTYPING

 

Overview

This project is under NDA. If you wish to learn more, kindly email me.

Constellation Agency has over 1,000 franchise clients utilizing the licensing of Alexia’s platform to generate thousands of ad units per day. There is an opportunity to improve the overall user experience and flow for the creation of ads through Alexia.

I researched and designed a solution to turn this manual process of creating ads one at a time to one that could create hundreds of ads within the single click of a button.

 
 

Problem

 

Creating ads is a manual process that requires copying and pasting information from Google Sheets into Alexia. The current process is time consuming and is prone to high error rates.

 
 

 

How might we increase efficiency and accuracy of the creation of ads through Alexia for both internal employees and clients of Constellation Agency?

 

 

Research

 
 
 

Before jumping into any design, research needs to be done. I needed to understand the users - what are they looking to accomplish, what are their pain points, what does their current workflow look like, how do the different types of user roles connect on this platform?

 
 

Users

 

Our users are internal employees who create ads for their clients and also the clients themselves who utilize Alexia to create ads on their own.

These users have deep industry knowledge but are not all tech savvy. They have different roles and perform different but inter-related tasks.

 
 
 

Understanding User Flows

 

The current process to create an ad is time consuming and involves having three separate programs open to gather ad details from. The user needs to copy and paste various pieces of information from spreadsheets and links to place into Alexia. They not only have to physically switch tabs, but also have to mentally switch tabs as well. This context switching is mentally exhausting and cognitively expensive.

 
 
flow.png
 
 
 

Competitive Analysis

 
 
competitor analysis.png
 

To better understand how other competitors handle some of the features I wanted to include in my design, I conducted a competitive analysis.

I sat down with members of our Search Engine Marketing team who used these tools in their daily workflow. This was a great way to understand how they used these tools, what the pain points are, and what features they liked and why.

This helped me boil down what the main priorities were for the design.

 
 

Goal & Focus

 
goals.png
 
 

Design

 
 

After doing discovery on how importing spreadsheets and the creation of ads worked, I began with a rough outline of creating a general layout of where different features would be placed.

 
 
Layouts.png
 
 

Several different layouts were discussed with the product managers and engineers to determine the feasibility and viability. The feedback helped me iterate several times and consider other factors I may have missed. For example, I ended up changing the layout completely (above) to incorporate consistency and similar design elements on connecting screens further into the ad creation and load process.

I worked with the Ant Design System to create high-fidelity designs but also had to create custom components that the design system could not provide. Collaborating with engineers allowed me to work out how error states and notifications would function within the design.

 
importpage.png
error.png
 
 

Validate

Test

 
 

Key Takeaways

  1. Takeaway 1

  2. Takeaway 2

 
Previous
Previous

Trinity Place Shelter | Responsive Web Redesign