My Role
As the lead designer for this project, I was tasked with designing the flow for uploading media and overview of campaigns for our new internal media portal platform that would host the advertiser media that runs on the carts. I collaborated with the product manager and sales team for research insights and testing, the software team for design limitations as well as design feedback, and the graphic designer for design guidelines.
I spoke with product manager and our sales team about features they needed to see in the design of this interface, and goals that the interface should help them accomplish, since this site would be an internal-facing tool primarily used by them.
According to the research gathered from the users, there were several essential components that needed to be included in the design of the media uploading flow. These elements provide the advertisers varied options for playing their selected media and also enable the media to be catalogued correctly on the hosting platform.
In order to understand the process of how an advertiser’s media goes from being uploaded to being played on a Digicart, I created a diagram that illustrated the information required for the several steps an advertiser must go through with their media before they are able to play this new round of ads, termed a campaign, on the carts.
I designed three different iterations, making changes according to user feedback from our product manager and internal team. Main changes made due to feedback:
Reduced amount of pages needed for adding an ad campaign.
Condensed form information.
Added in map for selecting target stores for ads to be played in.
While designing the standard flow for uploading media, I also wanted to account for edge cases where the wrong size of media might be uploaded, or if a user forgot to upload any media at all before trying to submit the campaign. Although these screens did not make it into the final design I handed off, in the future I would like to finalize these so that they can be incorporated into the next iteration of our live site.
When the user finishes adding their new campaign, it will be queued up and displayed on the campaign overview page. There are several steps in the queuing process that the campaign passes through before getting played. We wanted users to be able to quickly look at the overview and be able to figure out which step their campaign was on, so we decided to associate each stage of the process with a certain color.
When selecting locations to play the ad campaign, the amount of stores available to pick from would vary by region, state, and zip code. Laying it out in a text format when trying to pinpoint specific regions by zipcode would lead to potentially long lists that would take a while to scroll through if the user is not sure of the exact specifications of the area they desire their video to be played in.
Having a visual of a map next to the search results would add an additional way for the user to see what areas the user has selected in a more visually appealing layout.
This page would be accessible to the internal members of Aisleworx Media uploading the media of companies interested in running campaigns on the carts or desiring to check on the status of their campaigns. They would input their company user information to access the site.
Once the user logs in, all the campaigns that have been added will be shown, as well as which stage each of them are in. The user will be able to organize the chart view according to the start and end dates in ascending or descending order, and the customer name, campaign name, banners, or locations alphabetically. The user is then able to add a new campaign by clicking on the blue button on the upper right side of the screen.
Once the user clicks on the blue button on the right side of the screen, this page will appear and display uploading media options as well as details to fill out about the campaign, and options for where the campaign will be played geographically.
As the user uploads media, there will be different animations and signs that indicate to the user what stage of uploading their videos are in.
The user is able to check to see if the media uploaded is looks correct by playing the videos back.
Selecting the locations where the campaign will play can be done through dropdown menus for the selection of specific regions and states and store brands.
For further detailed selection of specific areas where the campaigns can be played, the user can search by city or zip code and pull up a list of results as well as corresponding areas on a map for the user to select for media play time.
Once campaign details are finalized, the user can confirm the creation of the new campaign and return to the overview page to view the campaign’s status in the table. New campaigns will begin with the status “in quote” and continue to progress until they are playing. Once they expire, a user can choose to archive them or reactivate them.
In the future, I’d like to further refine the location selection layout to provide a more detailed map and list that will help the user select their desired locations as efficiently as possible. Additionally, I’d like to explore creating different views of the overview and campaign pages for different classes of users because the site might be available to external users in the future as the customer base expands, since the current setup requires internal employees to facilitate the campaign uploading process for external parties.
During this project, I communicated a lot with our software developers to understand design limitations and platform requirements. Knowing beforehand what was possible and what was not helped inform my design choices and made my ideation process more efficient.
Unfortunately, as of June 2024, while this site was being built out by the developer team, our company unexpectedly shut down and work was stopped on this project.
