top of page

Analytics &
Element Breakdown

Part of a virtual event management product by Allseated

During a virtual event, admins are able to receive a wide range of analytics. They can also focus on specific elements, such as the stage, booths, banners etc. 

During the event, focusing on the activity in specific elements allows the admin to collect data about participant needs all along their journey and see their level of engagement.

The goal is to measure the usefulness and effectiveness of elements, in order to learn from the metrics how to optimise future events

Introduction to Studio 

Studio is a management platform that enables users to create their own customized virtual space in a few minutes, such as conferences, webinars, social, themed events, galleries and meetups.

The platform guides the user from the early steps of making the event to measuring exposure and engagement from the analytics session.


The virtual event ultimately takes place in Exvo, an immersive, fully-branded, metaverse platform.

Sub Template Selection.png

My role

Product designer- UX/UI, User Research,

Data Visualization

People I worked with

Yael Rosenberg- Senior product designer

Roni Gabai- Head of design

Dor Hershkovitch- VP design

Olivia Fine- Product manager

Ziv Abramovitch, Tsachiel Choen, David Botzer, Paul Lipovanu- Fronted developers

About the Analytics section

The Analytics section is a tracking tool for event admins during the event and afterwards on different levels- from macro to the micro.


The information can analyze the success of the event in different regards-

  • networking between participants and collaborators

  • participation in the elements and engagements


The user can customize the data by picking a specific date range and also to create a report.

Analytics section

About the Elements tab

The 'Elements' tab allows the event admin to see a full breakdown of each element category: Stage, Booth, Banner and Free Zone.


The admin wants to explore and see as much powerful data as possible for each element within the event.

The goal is to measure the usefulness and effectiveness of elements, in order to learn from the metrics how to optimise future events 

Elements tab- List and cards view

Element types


Allows participants to watch video and audio, chat, react and raise hands (Q&A). Admins can gather all event participants by moving them into different locations, inviting speakers to the stage, setting a

timer for them and moving them into breakout rooms.


There are two modes- public mode (where participants can join automatically) and private mode (participants must have permission). Some booths have managers. In the booth, participants and managers can have multiple conversations. 

Free zone 

A conversational area that allows moving freely in limited space at the same time, and has a control display -such as share screen, video and audio.


Attracting potential customers for a business's

products or services by opening a link

in an Iframe/ new tab.


Event admins in the Studio. It depends on the requirements of the event whether it needs a single admin or multiple. In most cases,

event administrators come from the company that is organizing

the event.


We faced a challenge due to the Analytics session showing a very general and undetailed picture. It was necessary to give users a view into the data that included wider information for tracking engagement and usefulness. 


checks-bold (1).png
checks-bold (1).png
checks-bold (1).png

Give a full picture that breaks down a specific element into detail - to the participant’s list level and their duration.


To have an internal breakdown that could give an indication of the element’s activity during the event.

The challenge of creating a UX and UI hierarchy for element breakdowns showing more specialized information than the Analytics page. 

Understanding hierarchy process

Element's breakdown section hierarchy

UX Research

The work was system-wide but, first of all, required us to understand how to organise information into different sections. During the process, we asked a variety of questions, while characterizing the product, and bringing the product manager’s attention to the lack of information on PRD user needs.

WhatsApp Image 2023-02-15 at 03.42.22.jpeg
WhatsApp Image 2023-02-15 at 03.42.21.jpeg
WhatsApp Image 2023-02-15 at 03.41.58.jpeg
WhatsApp Image 2023-02-15 at 03.41.58.jpeg
WhatsApp Image 2023-02-15 at 03.41.58.jpeg
WhatsApp Image 2023-02-15 at 03.42.21.jpeg

Low fidelity wireframes

High fidelity wireframes

Screenshot 2022-10-24 at 15.54 1.png

Data visualization research

During the process , we dealt with characterizing and building new models and components for the system,

which led to a process of tests and checks.


We researched and studied different behaviours of data visualization, analytics reports, complex tables, date and time pickers, timelines and side panels.


To see similar cases, we looked at Google Analytics, Wix,

and other complex systems. 

image 1854.png
Screen Shot 2022-10-04 at 10.16 1.png
image 1.png



Versatile Summary

Different elements require different summary layouts. 

Each element has its own permission and abilities from the user side. 

We asked ourselves- 

How will the breakdown’s layout look in transition between different elements, such as one without exhibitors or clicks?


checks-bold (1).png

Every type of element breakdown needs to be characterised on its own

checks-bold (1).png

A whole summary layout that will support the changes for each element

checks-bold (1).png

To inform the user about the difference between the elements they see.

The sub-menu contains element details and static tabs that could turn on/off depending on the relevant element. The timeline and the other panels also change according to the element .

Identifying Elements 

We reached the conclusion that different elements also demand versatile visual language that can be uniform, eye-catching and can be used widely throughout the system. 

Subsequently, the same tags were implemented into different modals such as cards, row tables, side panel and sub-menu.


Timeline Graph

Through the timeline in the summary tab,

we provide the option to control the graph by clicking on different parameters in the legend- to see the full image or to separate it into a single piece of data.


Status Bar

It was necessary to think of a solution that would accompany all Analytics screens, with its content changing according to the current section,

in order to offer users short and summarised data within a large system of information.

Located at the bottom of the screen

Relevant information

'Last updated' section which provides certainty of data

Status bar (1).png

Side Panel

Along the breakdown section, we have tables that lead to external information such as the Exhibitors meeting tab.


We were faced with a scenario of group meetings that contain up to 17 participants and needed to show their information outside the table (in order to avoid external scrolling).

The side panel detailed their meeting information: personal information, date, start time and duration. It also has features to search and export the list.

Clicking on the right arrow will open the side panel 


Customize analytics
by date range

The user has the option to choose the time period and date range in which he wishes to view the analytics for its elements. Marking specific dates on the date picker indicates active participation in the event.


Default options include input fields and dropdowns with absolute and relative date pickers.

Using the date range input, the user can:


Input dates using either a keyboard (Inline) or by using the calendars.


Only use a keyboard to input time.


Select a relative time range (e.g. last 3 hours), which will change the date picker input to that specific range after hitting the 'Apply' button.


current date.png

Current day

Date range.png

Absolute time range

Relative time.png

Relative time range

The Impact 

The breakdown section becomes a necessary and important part of the Analytics section, which represents one of the most important monitoring tools of the virtual event.

The section represents a significant marketing tool for the product and allows a preview for potential customers

Shows the power of the product in the virtual event market and its ability to monitor critical parameters when an event is established on a virtual experience

Allows the user to draw conclusions based on cross-sections for future events

bottom of page