Cortex

Cortex is a powerful SaaS tool that harnesses AI to help marketers and creatives build a strong online presence on platforms including: Facebook, Instagram, Twitter, TikTok, YouTube, Pinterest, & LinkedIn. It expands their knowledge on what visuals impact audience engagement and overall performance of content. 

It allows creative teams to get a view into what is trending. It cleanly compiles data across their entered profiles and platforms, to let them know what to keep doing, what to change, and how to really grab their audiences attention.


 
 
 

Cortex

Cortex is a powerful SaaS tool that harnesses AI to help marketers and creatives build a strong online presence on platforms including: Facebook, Instagram, Twitter, TikTok, YouTube, Pinterest, & LinkedIn. It expands their knowledge on what visuals impact audience engagement and overall performance of content. 

It allows creative teams to get a view into what is trending. It cleanly compiles data across their entered profiles and platforms, to let them know what to keep doing, what to change, and how to really grab their audiences attention.

 

My roles & responsibilities

I was recruited as the sole designer on their team to create their software from scratch. Using their basic concept, I created a functional Minimum Viable Product (MVP) of their entire software, and eventually, worked towards a refining it into a scalable product.

I had many roles as their sole designer, but my primary responsibility was the UI & UX design. I focused mainly on creating clean and easy to understand interfaces & user experiences by using stakeholder and user feedback.

  • • High & low fidelity mock-ups:

    • Before the software was live I worked closely with the team and early customers to ideate low fidelity versions of the basic software to meet their various needs.

    • Once feedback was given from the team and early customers I created a fully comprehensive & usable high fidelity mockup of the software from the ground up using Figma.

      • This allowed the development team to speed up productivity on building out the MVP.

      • These mockups also allowed the sales team an opportunity to demo the software to potential investors and customers before the MVP was live.

    • Style guide:

    • I compiled and created a style guide with a library of UI elements, color schemes, visual guides, and components to be used in later designs.

    • This helped myself and the developers keep a consistent look and feel across the software.

    • Optimization:

      • Once the software was live (MVP) I optimized and updated the interfaces using existing components and styles from the previously created style guide using feedback from user tests.

        • I used both low and high fidelity mock-ups with potential ideas along with the live software to get feedback from users depending on the current project.

      • During scaling we continued to use feedback to make changes to the interfaces and solidify ease of understanding and user flows.

        • Converted the existing desktop interfaces to be used on tablet and mobile devices.

    UX Documentation:

    • For developers and other team members to understand new or changed features.

    • These documents included:

      • Wireframes and prototypes 

      • The developers could use these to understand user flows and designs to implement changes into the live software.

      • An explanation of design systems and style guides that were used for these features, such as: standardized guide to fonts, colors, button styles, navigation, etc.

      • Why these new features/additions matter and how they help Cortex and customers.

      • Light HTML & CSS when needed.

    • This process also allowed key team members the ability to give extra feedback on new features before developers started working on them.

    • Write tasks and questions for user tests.

    • Set-up and conduct user tests with both existing customers and cold users on userinterviews.com and Zoom.

      • After the tests I reviewed them with the team, did research, then implement changes throughout the software within Figma.

  • Data Visualization:

    • I took the raw data and basic graphs the AI compiled and worked through different ways it could be shown to customers in a way that would make sense to a wide range of people.

    UI Development:

    • Light coding, HTML & CSS changes during the QA process to help the development team with productivity and understanding designs.

    Graphic Design:

    • Email design for onboarding, alerts, and post recommendations.

    • Multiple information guides ranging from PDFs for potential investors to visual guides for customers.


Introduction

Have you ever made a social post where you didn’t know exactly what would make the biggest impact on your audience?
Many of Cortex’s customers came to us to help them narrow down their creative decisions. Their creative teams faced many decisions throughout their campaigns. These ranged from a photo’s contents, the colors used, the wording and emojis used in their captions, and branding impact. Often times they will have a dozen or more photos for one post, to choose from. We analyzed their content, their competitor’s content, and various industry contents to let them know what was trending and catching their audiences eye.

 

The Problems

  • Users did not understand or know how to utilize the information cortex was providing.

  • Churn rate was increasing, and our growth was slowing down… Formerly paying customers were not coming back to the software.

 

User’s Goal

Use Cortex’s AI to analyze various social pages to get a better understanding of what posts, visuals, and captions are trending in their industry. Then use that trend data to make changes to their work to increase their audience’s engagement on their social posts.

 

Research

I reached out to a number of existing and cold users asking if they had time and an interest in giving feedback on our product.
I conducted these interviews over Zoom. There were a total of 9 participants that offered their time, each interview lasted anywhere from 30-60 minutes.
The participants were from the companies 111Skin, Artragous, BlueBird, Hearst, IBM, Kao, Paychex, Targus, and Utah office of Tourism.

Goal:

  • Gain an understanding of how we could improve our overall user experience, or to add missing features that were crucial to the users comprehension of our data.

Challenges faced:

  • Many of our existing customers were located outside of our local timezone.

    • Solution: Schedule user interviews outside of our regular hours (9am-5pm EST) to accommodate our user’s global timezones.

  • Small to no budget to give money as incentives to users for user interviews.

    • Solution 1: Give product perks to existing users - Free of charge reports, custom PDF presentations for their own use.

    • Solution 2: Accept the interviewees that would take a smaller range of compensation for cold users. This meant our interviewees were from a broader range of professions and positions.

The customers had questions and observations such as:

  • “ Once I have the report, I don’t know what to do with the information in it.”

  • “This is too heavy, I don’t want to dig through all of this to find what I need for my work.”

  • “I feel like I’m wasting my time trying to figure out what this data is trying to tell me.”

  • “It says that this green has a better engagement rate than this blue, what can I do with this information?”

 

These interviews let me know that the current presentation of our data was not meeting the customer’s needs.
The data given was confusing and left the customer with more questions than answers…

  • Often times users would not go any deeper than the top level to get their information. All of the information they were looking for was a few layers deeper into the software.

    • If the user did find the information they were looking for, it was not formatted in a way that made it easy to understand.

 

Empathy Map

Patterns found:

  • 6 out of 9 participants found that there was a learning curve to using Cortex and understanding the data.

  • 5 out of 9 participants needed assistance finding data within a report.

  • 7 out of 9 participants said that they wanted more audience details for reports.

Overall findings:

  • Participants were confused by some of the data, they were annoyed with the lack of explanatory info and context throughout the software.

  • Participants looked for easier ways to get to or understand data. They looked for search bars, tooltips, sort and filter options, and various navigation options we were lacking.

  • Participants wanted to know how to use this data in the report.

 

Needs

User’s needs

  • A clear breakdown of the info in a simple easy to understand manner.

  • A way to use the info given to positively impact their audience engagement.

 

Cortex’s needs

  • Reduce churn rate, increasing customer retention.

  • Increase contract acquisition and renewal.


Ideation

What would help solve our problem of users not understanding or knowing what to do with the information given?

Walking users through new reports would help give them a solid understanding of the information given and Cortex can give them first hand use cases for their information.

Requirements:

  • Cortex employee to put together a walkthrough with customized information based in info from each report.

  • New flows each time that change based on every custom report.

  • Admin flows for creating a walkthrough with custom info.

  • User flows.

  • Cost: large time and resources to implement & upkeep. Will need to be updated on a daily basis or weekly.

 

A tutorial will give new and existing users a top level understanding of how to use Cortex and how to understand their information.

Requirements:

  • Create a walkthrough of the software at the most basic level with a walkthrough of each top level section of the reports.

  • This would need to be updated every time the software changes.

  • Cost: Large time and resources to implement and upkeep. Will need to be updated regularly.

 

Adding tooltips, descriptions, search, sort, & filters will allow the user to get a better understanding of the data points and information. The user can also find their desired info quicker by using search, sort, & filters.

Requirements:

  • Comb the software, log all data points that are missing info

  • Write all tooltips, implement

  • Cost: Minimal time and resources to implement & upkeep.

 

Suggestions on how to use the information given will help the user understand how they can utilize the given info to improve their creative work.

Requirements:

  • Identify all potential swaps.

  • A Cortex employee would need to create every suggestion.

  • New page structure and navigation option for suggestions.

  • Notification of new suggestions.

  • User flows.

  • Admin flows for creating suggestions.

  • Cost: Large time and resources to implement, minimal to upkeep. It will run itself with minimal human effort once it is implemented and wont need to be updated regularly.

 
 

Ideas we moved forward with and why

 
  • Recommendations give the users ideas on how to change their content to increase engagement.

    • Giving the user ideas on how to use the info would increase the login rate, keeping users coming back for more.

    • This helps the user gain a better understanding of the info.

 
  • Tooltips help users gain an understanding of what they’re looking at.

    • This helps reduce confusion while the user is reading the info.

  • Sort, filter, & search functions allows users to find the information they are looking for faster.

    • These reduce the time it takes for users to find what they are looking for.

    - Tooltips were added at a later date, this is not included here.


Recommendations

Recommendations are suggestions given to the user to swap image contents, colors, aspect ratio, and/or caption keywords and emojis to increase audience engagement on their posts. This gives the user a clear way to utilize the information in Cortex’s reports, this information is backed up by factual data from the analyzed social pages.

User view of Recommendations

Admin view of Recommendations

  • Create new recommendations

  • Edit existing recommendations

  • Delete existing recommendations

Requirements for creating recommendations:

  1. Define recommendations: Image contents, colors, aspect ratio, and caption keywords/emojis the users can change within their posts to increase their audience engagement.

  2. Create the user flows & look and feel of the recommendations:

    1. The user view.

    2. Emails sent to the user when new recommendations are created.

    3. The Cortex employee’s (Admin) view.

      1. Create the step by step process for Cortex employees to make recommendations.

 

Creating the look & feel of recommendations

A few example sketches.

The Final look and feel for each section within a report.

 

The recommendation creation flow for Cortex employees

1. Choose a recommendation type.

2. Choose the recommended insight to change. This is an insight with a lower engagement.

3. Choose the recommended insight that the previous one will change to. This is an insight with a higher engagement.

4. Write a one sentence message to go along with the recommendation.

 

Notifying the user of new recommendations

Once a new recommendation is created the user be notified of it by email, to entice them to log back into the software.

I created an email template to be used to notify the user of a new recommendation and give them a glimpse at one of the created recommendations. Prompting them back into the software to see the rest of the recommendations.


Impacts of the new designs

  1. Cortex saw an increase in customer retention and onboarding of new customers.

    1. These new customers had less questions about the data, and how they could implement it into their workflows.

    2. With insight into how to use the data to positively influence their audience engagement already paying customers were more willing to renew contracts.

  2. Monthly active users grew 20% after changes were implemented.

  3. Recommendations on how users can change their posts increased user satisfaction with the software. We saw more users regularly coming back into the software to see these recommendations.

  4. Our new designs increased the conversion rate of free to paid customers by 5%.

 

What I learned

  1. I had a somewhat hard time working with the development team due to the time zone difference and information being in different locations (Figma, Slack, Email, Asana, Google Docs).

    1. The solutions I learned to implement were:

      1. To occasionally be available after my regular working hours to setup meetings with Dev. to go over any questions/clarifications needed for their work.

      2. I suggested we start having all of our information for projects in one place, Asana would have a brief summary of the project with a Google Doc. attached, the details would be listed there. This included a link to the Figma files, UX documentation, UI changes, style guides, etc.

  2. I learned to get insight from a variety of people on the team while working on my designs instead of afterwards. This allowed me to get constructive criticism and pivot my designs when needed before getting too far into it.

  3. This was the first time I led the UX research of such a large project. I learned to be confident in my skills and get more comfortable asking why multiple times to get to the bottom of what the user really needs/wants out of the software.

  4. I learned to be confident in my work, that it can positively impact the users overall experience with the software.

 

Going Forward

Ultimately Cortex failed to secure funding and the company shut down in early 2023. If Cortex had been successful this is what I would have done if given the time…

Work closer with other teams (Dev., Executives, Sales):

  • Much of my work was done independently with feedback from other teams towards the end of the design process, I would get other teams involved in the process earlier on.

    • The Developers would be able to give insights on some constraints within my designs early in the process. I could change things earlier on, saving time for both myself and the Dev. team.

    • Both the Executives and the Sales team will have first hand knowledge into how the users feel about the software, and how we could potentially change things t help ease any pain points.

Revisiting designs after some time to see if they still met the user’s & Cortex’s needs:

  • I would revisit these designs to make sure they were continuing to meeting the user’s & Cortex’s needs.

    • If these changes no longer meet the required needs, I would restart the process of doing user research and refining it further.

Work towards a fully functional mobile app:

  • I think the software would have gotten more use and traction if we had put resources into creating a mobile app from the start. It was a work in progress, but it was not the priority.