“ How I've improved the User Experience for an EventOps platform by improving their Audience Intelligence system with better functional & Visual Design Experience “

“ How I've improved the User Experience for an EventOps platform by improving their Audience Intelligence system with better functional & Visual Design Experience “

“ How I've improved the User Experience for an EventOps platform by improving their Audience Intelligence system with better functional & Visual Design Experience “

🚨 Don't have time to read the whole Case Study ?

Click here to read in < 1 min ⏳

🚨 Don't have time to read the whole Case Study ?

Click here to read in < 1 min ⏳

🚨 Don't have time to read the whole Case Study ?

Click here to read in < 1 min ⏳

About EventHQ

About EventHQ

About EventHQ

Founded in 2023 , EventHQ is an EventOps and Intelligence platform purpose-built to support event marketing teams. The system streamlines information flow, automates engagement, and offers in-depth ROI analytics. It stands as an all-encompassing solution connecting revenue teams, marketing, and data in one place.


As being founded in 2023 , it's still in development process

Founded in 2023 , EventHQ is an EventOps and Intelligence platform purpose-built to support event marketing teams. The system streamlines information flow, automates engagement, and offers in-depth ROI analytics. It stands as an all-encompassing solution connecting revenue teams, marketing, and data in one place.


As being founded in 2023 , it's still in development process

Discover

Discover

Discover

🔴 Problem Statement

🔴 Problem Statement

🔴 Problem Statement

Designing a Screen for EventHQ


“ Imagine yourself as a designer at EventHQ. Your task is to create a screen layout in Figma that enhances the user experience for one of EventHQ's screens. Use your creativity and design skills to craft a visually appealing and functional screen that aligns with EventHQ's brand and user needs. “


Timeline : 2 Days [ ]

Designing a Screen for EventHQ


“ Imagine yourself as a designer at EventHQ. Your task is to create a screen layout in Figma that enhances the user experience for one of EventHQ's screens. Use your creativity and design skills to craft a visually appealing and functional screen that aligns with EventHQ's brand and user needs. “


Timeline : 2 Days [ ]

Designing a Screen for EventHQ


“ Imagine yourself as a designer at EventHQ. Your task is to create a screen layout in Figma that enhances the user experience for one of EventHQ's screens. Use your creativity and design skills to craft a visually appealing and functional screen that aligns with EventHQ's brand and user needs. “


Timeline : 2 Days [ ]

The Screens 💻

The Screens 💻

The Screens 💻

The Challenge I face 🗣️

The Challenge I face 🗣️

The Challenge I face 🗣️

As it is a Remote take-home challenge I wasn't able to ask questions or conduct the interview with Stakeholders & PM's in order to get insights into the actual problems


Btw Here's some questions that I would ask ( in case if you're curious 🤨 )

As it is a Remote take-home challenge I wasn't able to ask questions or conduct the interview with Stakeholders & PM's in order to get insights into the actual problems


Btw Here's some questions that I would ask ( in case if you're curious 🤨 )

As it is a Remote take-home challenge I wasn't able to ask questions or conduct the interview with Stakeholders & PM's in order to get insights into the actual problems


Btw Here's some questions that I would ask ( in case if you're curious 🤨 )

Therefore I had to take certain Assumptions at various steps in-order to complete this challenge within the Timeframe

Therefore I had to take certain Assumptions at various steps in-order to complete this challenge within the Timeframe

Therefore I had to take certain Assumptions at various steps in-order to complete this challenge within the Timeframe

introduction 👤

introduction 👤

introduction 👤

Having data of 1000's of individuals , EventHQ Audience Screen has an Intelligence system that helps in giving insights about their audience helps in Tracking the ICP, your prospects, clients and churn risk accounts and plan accordingly & Plan future events better with revenue, audience, and outcome forecasts.


It has a main Screen & an overlay that give information about the individual Audience when clicked

Having data of 1000's of individuals , EventHQ Audience Screen has an Intelligence system that helps in giving insights about their audience helps in Tracking the ICP, your prospects, clients and churn risk accounts and plan accordingly & Plan future events better with revenue, audience, and outcome forecasts.


It has a main Screen & an overlay that give information about the individual Audience when clicked

Having data of 1000's of individuals , EventHQ Audience Screen has an Intelligence system that helps in giving insights about their audience helps in Tracking the ICP, your prospects, clients and churn risk accounts and plan accordingly & Plan future events better with revenue, audience, and outcome forecasts.


It has a main Screen & an overlay that give information about the individual Audience when clicked

Who the hell are the users 👥 ?

Who the hell are the users 👥 ?

Who the hell are the users 👥 ?

From the Statement I could potentially assume that the users are the Event Organizers [ Individuals or teams ] responsible for planning, managing, and organizing events using EventHQ , to enhance event planning and execution & give their Clients [ who want to conduct these events ] a much better experience with potential for leads

From the Statement I could potentially assume that the users are the Event Organizers [ Individuals or teams ] responsible for planning, managing, and organizing events using EventHQ , to enhance event planning and execution & give their Clients [ who want to conduct these events ] a much better experience with potential for leads

From the Statement I could potentially assume that the users are the Event Organizers [ Individuals or teams ] responsible for planning, managing, and organizing events using EventHQ , to enhance event planning and execution & give their Clients [ who want to conduct these events ] a much better experience with potential for leads

Define

Define

Define

It's Time To Critique 🗣️

It's Time To Critique 🗣️

It's Time To Critique 🗣️

I've gone ahead & started Analysing the Screens & I've identified a number of significant problems . So I've decided to go ahead & solve them individually Screen by Screen & Component by Components

I've gone ahead & started Analysing the Screens & I've identified a number of significant problems . So I've decided to go ahead & solve them individually Screen by Screen & Component by Components

I've gone ahead & started Analysing the Screens & I've identified a number of significant problems . So I've decided to go ahead & solve them individually Screen by Screen & Component by Components

Ideate - Design - Iterate

Ideate - Design - Iterate

Ideate - Design - Iterate

The Audience Screen [ Main Screen ]

The Audience Screen [ Main Screen ]

The Audience Screen [ Main Screen ]

The Goal of this screen is to showcase the data of the entire audience of all the events to manage & track in-order to keep an eye on the potential employees

The Goal of this screen is to showcase the data of the entire audience of all the events to manage & track in-order to keep an eye on the potential employees

The Goal of this screen is to showcase the data of the entire audience of all the events to manage & track in-order to keep an eye on the potential employees

🔴 Overall Analysis [ the problem ]

🔴 Overall Analysis [ the problem ]

🔴 Overall Analysis [ the problem ]

1. It doesn't have an option to sorting & filtering system for the Audience based on state of events [ Completed , Ongoing etc. ]


2. The Components lack a clear information hierarchy and didn't highlight the key data points


3. The layout & Visual Design of the overall screen is messed up


4. There isn't any option to look into all of the audience list individually based on events ( I'm assuming it to have it in the Event tab as it would be easier to look into 1000s of Audience based on Individual event itself )

1. It doesn't have an option to sorting & filtering system for the Audience based on state of events [ Completed , Ongoing etc. ]


2. The Components lack a clear information hierarchy and didn't highlight the key data points


3. The layout & Visual Design of the overall screen is messed up


4. There isn't any option to look into all of the audience list individually based on events ( I'm assuming it to have it in the Event tab as it would be easier to look into 1000s of Audience based on Individual event itself )

1. It doesn't have an option to sorting & filtering system for the Audience based on state of events [ Completed , Ongoing etc. ]


2. The Components lack a clear information hierarchy and didn't highlight the key data points


3. The layout & Visual Design of the overall screen is messed up


4. There isn't any option to look into all of the audience list individually based on events ( I'm assuming it to have it in the Event tab as it would be easier to look into 1000s of Audience based on Individual event itself )

Now let's dive deep into each element of the Screen 🧐

Now let's dive deep into each element of the Screen 🧐

Now let's dive deep into each element of the Screen 🧐

  1. Sorting & filtering system

  1. Sorting & filtering system

Ensuring that users are quickly able to find what they're looking for with help of Sorting & filtering options


By adding filters options like All , Completed & Ongoing Events , helps Users in identifying the potential audience based on the events in advanced itself & to plan their event & strategy in advance


By making the filters available in primary view , Users can quickly filter the audience based on events hence improving Discoverability

Ensuring that users are quickly able to find what they're looking for with help of Sorting & filtering options


By adding filters options like All , Completed & Ongoing Events , helps Users in identifying the potential audience based on the events in advanced itself & to plan their event & strategy in advance


By making the filters available in primary view , Users can quickly filter the audience based on events hence improving Discoverability

Ensuring that users are quickly able to find what they're looking for with help of Sorting & filtering options


By adding filters options like All , Completed & Ongoing Events , helps Users in identifying the potential audience based on the events in advanced itself & to plan their event & strategy in advance


By making the filters available in primary view , Users can quickly filter the audience based on events hence improving Discoverability

Now let's dive into individual Components 📐

Now let's dive into individual Components 📐

Now let's dive into individual Components 📐

  1. The Infographics Cards

  1. The Infographics Cards

  1. The Infographics Cards

This section has got two Infographics Cards namely Event Attendance Breakdown & Audience Distribution

This section has got two Infographics Cards namely Event Attendance Breakdown & Audience Distribution

This section has got two Infographics Cards namely Event Attendance Breakdown & Audience Distribution

Event Attendance Breakdown Card

Event Attendance Breakdown Card

Event Attendance Breakdown Card

Room for Improvements :


1. Instead Type of Event Attended by the audience as this would be more directly understandable

2. Improving the Visual Design of the card with no of Iterations

Room for Improvements :


1. Instead Type of Event Attended by the audience as this would be more directly understandable

2. Improving the Visual Design of the card with no of Iterations

Room for Improvements :


1. Instead Type of Event Attended by the audience as this would be more directly understandable

2. Improving the Visual Design of the card with no of Iterations

Audience Distribution Card

Audience Distribution Card

Audience Distribution Card

the goal of this card is to display the information about the potential audience based on events so there's no need to showcase other non-potential audiences like customers , contacts separately etc .


The Problems 🔴

1. Firstly I wasn't able to understand what's the difference between opportunities & leads ?
I assumed them to be the potential audience ( i.e ICP & BP )

2. Secondly , what do these customers and contacts really mean ?
I assumed them to be one of the other non potential audiences from the event

the goal of this card is to display the information about the potential audience based on events so there's no need to showcase other non-potential audiences like customers , contacts separately etc .


The Problems 🔴

1. Firstly I wasn't able to understand what's the difference between opportunities & leads ?
I assumed them to be the potential audience ( i.e ICP & BP )

2. Secondly , what do these customers and contacts really mean ?
I assumed them to be one of the other non potential audiences from the event

the goal of this card is to display the information about the potential audience based on events so there's no need to showcase other non-potential audiences like customers , contacts separately etc .


The Problems 🔴

1. Firstly I wasn't able to understand what's the difference between opportunities & leads ?
I assumed them to be the potential audience ( i.e ICP & BP )

2. Secondly , what do these customers and contacts really mean ?
I assumed them to be one of the other non potential audiences from the event

Solution 💡

Solution 💡

Designed a card after the number Of Iterations that clearly shows the data about the Potential audience from the events with a better Visual Design


[ i.e It Clearly shows the data of their Potential Audience { ICPs , BPs etc. } ]

Designed a card after the number Of Iterations that clearly shows the data about the Potential audience from the events with a better Visual Design


[ i.e It Clearly shows the data of their Potential Audience { ICPs , BPs etc. } ]

Designed a card after the number Of Iterations that clearly shows the data about the Potential audience from the events with a better Visual Design


[ i.e It Clearly shows the data of their Potential Audience { ICPs , BPs etc. } ]

  1. Revenue Breakdown of Companies

  1. Revenue Breakdown of Companies

The Goal of this component is to showcase the data about the company's revenue whom employees have attended the events


The Problem


The current Design doesn't have a clear visual balance & even the information hierarchy is broken as It doesn't clearly indicate about companies profile right on in the component itself

The Goal of this component is to showcase the data about the company's revenue whom employees have attended the events


The Problem


The current Design doesn't have a clear visual balance & even the information hierarchy is broken as It doesn't clearly indicate about companies profile right on in the component itself

The Goal of this component is to showcase the data about the company's revenue whom employees have attended the events


🔴 The Problem


The current Design doesn't have a clear visual balance & even the information hierarchy is broken as It doesn't clearly indicate about companies profile right on in the component itself

Improved Solution

Improved Solution

Improved Solution

The improved Solution has a better Visual Design giving users a much better experience


Another improvement is those company profiles on every graph , giving users a quick glance at potential companies of which the employees have attended the event

The improved Solution has a better Visual Design giving users a much better experience


Another improvement is those company profiles on every graph , giving users a quick glance at potential companies of which the employees have attended the event

The improved Solution has a better Visual Design giving users a much better experience


Another improvement is those company profiles on every graph , giving users a quick glance at potential companies of which the employees have attended the event

I’ve did something more 😎

I’ve did something more 😎

I’ve did something more 😎

Another notable Improvement is that I've added a separate section that indicates the top 3 companies of which employees have / had / will attend the event

Another notable Improvement is that I've added a separate section that indicates the top 3 companies of which employees have / had / will attend the event

Another notable Improvement is that I've added a separate section that indicates the top 3 companies of which employees have / had / will attend the event

The Dashboard Component

The Dashboard Component

The Dashboard Component

The first thing I got in mind 🧠 when I looked at this is Dashboard Component is what is it showing , whom he's showing , is this showing all the Audience who've attended event or just ICPs & BPs & etc.?

, From the design I'm assuming the Goal of this component is to showcase all the ICPs & BPs that could the Potential leads from different companies on the events


The Problem :


One other problem I've realised is it could generate some which doesn't have any order or parameter to sort these ICPs & BPs

The first thing I got in mind 🧠 when I looked at this is Dashboard Component is what is it showing , whom he's showing , is this showing all the Audience who've attended event or just ICPs & BPs & etc.?

, From the design I'm assuming the Goal of this component is to showcase all the ICPs & BPs that could the Potential leads from different companies on the events


The Problem :


One other problem I've realised is it could generate some which doesn't have any order or parameter to sort these ICPs & BPs

The first thing I got in mind 🧠 when I looked at this is Dashboard Component is what is it showing , whom he's showing , is this showing all the Audience who've attended event or just ICPs & BPs & etc.?

, From the design I'm assuming the Goal of this component is to showcase all the ICPs & BPs that could the Potential leads from different companies on the events


The Problem :


One other problem I've realised is it could generate some which doesn't have any order or parameter to sort these ICPs & BPs

Improved Solution

Improved Solution

Improved Solution

For this we need some parameters to sort , After having a keen look I've decided to sort them [ ICPs & BPs ] based on Company & Companies Revenue


It helps to have a keen eye into their potential audience 👀

For this we need some parameters to sort , After having a keen look I've decided to sort them [ ICPs & BPs ] based on Company & Companies Revenue


It helps to have a keen eye into their potential audience 👀

For this we need some parameters to sort , After having a keen look I've decided to sort them [ ICPs & BPs ] based on Company & Companies Revenue


It helps to have a keen eye into their potential audience 👀

The About Audience Screen [ Overlay ]

The About Audience Screen [ Overlay ]

The About Audience Screen [ Overlay ]

The Goal of this screen is to showcase the in-depth data of Individual Potential Audience who might be the ICP or BP of the top company's

The Goal of this screen is to showcase the in-depth data of Individual Potential Audience who might be the ICP or BP of the top company's

The Goal of this screen is to showcase the in-depth data of Individual Potential Audience who might be the ICP or BP of the top company's

Improved Solution

Improved Solution

Improved Solution

For this I've Ideated two different design directions one is Side Overlay & Centre Overlay ( Modal Type )

For this I've Ideated two different design directions one is Side Overlay & Centre Overlay ( Modal Type )

For this I've Ideated two different design directions one is Side Overlay & Centre Overlay ( Modal Type )

The Final Design

The Final Design

The Final Design

For the final one i thought of going with Modal type Overlay as it's more common Design Patterns for these kind of web apps

For the final one i thought of going with Modal type Overlay as it's more common Design Patterns for these kind of web apps

For the final one i thought of going with Modal type Overlay as it's more common Design Patterns for these kind of web apps

The Side Bar

The Side Bar

The Side Bar

Also for the final surprise , just to go that extra mile I've Re-designed their SideBar with the current Visual Design Direction to surpass beyond their expectations

Also for the final surprise , just to go that extra mile I've Re-designed their SideBar with the current Visual Design Direction to surpass beyond their expectations

Also for the final surprise , just to go that extra mile I've Re-designed their SideBar with the current Visual Design Direction to surpass beyond their expectations

The Final Look

The Final Look

The Final Look

You have reached the end 🛑 !

You have reached the end 🛑 !

You have reached the end 🛑 !

You can find me on Twitter and Linkedin if you have any further questions .

You can find me on Twitter and Linkedin if you have any further questions .

You can find me on Twitter and Linkedin if you have any further questions .