Codemood Project
Designing a user interface for insights/data needs of a brand
Background
The Challenge
The biggest challenge for this project was to merge two groups – Creators and Brands. Each group has different needs and this requires dividing the user interface for those. Creating a funnel at the beginning when the user logs into the application to match specific outputs at the end – was a logical roadmap to this project.
Details
The Codemood project ( internal name ) is an answer to testing, monitoring, and iterate a deeper perspective of the insights/data of brands and helps strategic planners/marketers to better understand the audience and monetize it. When we want to highlight the questions that the application can output answer, we could cover this by those:
Why our current creative isn’t working? What does my audience want from the brands in my category? When should the campaign go live? Who are the best influencers / potential spokespeople to leverage in my next campaign? What type of messaging, colors, branding, any information is the one that moves the audience to take action? What is the best medium, format, and channel for my content?
Interactive prototypes: https://thomas121882.invisionapp.com/overview/MoodProject-ckebnzgz20pn8015r67mibib5/screens
Solution
The major solution of designing the user interface was creating a simple funnel by guiding the user through simple answers and create a clear boolean operation into constructing a query. The core solution is cover by building a query form that is a match to user needs ( or brand needs ). Creating a complicated query is gone by a nightmare, but we match simple input form with suggestion and adding more query by adding a row with new boolean operation and conditions.
Also adding so many inputs, select box or tags was complicated the interface – to avoid too much data we dived this to 2-steps progress screens. First screen users create complex boolean operation through form, at the second screen user add inputs like keywords, sources, emotions, etc. We wanted that user to go gently through the most complicated part of the application.
Designing outputs
A lot of work was concentrated on designing outputs for this application. In this application, the output is different, and determinate by funnel at the beginning by the user. We have a moodboard for the Brand, for the Creators, for analytics reason, or create a 1-minute movie script using artificial intelligence and data from the sources like Facebook, Twitter, Youtube, etc
Creating a masonry gallery with tags and type of content was the best choice to clear show outputs for the Brand and for the Creators ( Storytellers ). On the other side, the option for generating a movie script is to show in-line plain text with speaking text by actors.
Also worth paying attention to the analytical aspect of the application. Users of the application want to get answers to questions like this: What does my audience want from the brands in my category? For those, there is a tab with data aggregate with social media to helps answer any question that matches the brand. Begging of simple data about the audience ( Mentions, Sentiments, Demographic, etc ), ending analyze what emotions are correlated with specific brands and compared to related brands ( competitors ).
Results
The best way to creating a good solution for this project was to understand the core functionality of the application and find the process what user want to achieve by using this online product. We put a lot of work to create a simple process to creating operations through forms and show output that users can use for key campaign decisions it was big challenges as well as merge two groups of user applications – Creators and Brands.
The designing interface of this application contains also top and left navigation to help organize and export key data. Custom tiny icons, black/white scheme color, and great typography are a cause that the user focuses on the content, not the interface.
Summary of this project
SCREENS
TRACK TIME
