The largest cybersecurity festival for professionals is being transformed into an open festival for a broader audience. The festival is divided into two parts: one closed section for professionals, and another free and open to the general public.
What we have?
The main goal is to separate the two audiences within a single event. The website aimed at the professional audience has an established design. It needs to be transformed while avoiding any problems for development.
Steps:
Let’s take a look at some changes
What has been done:
I rebuilt the program filters
I added a table view of the program
I added the ability to add talks to favorites
I laid the groundwork for future development of a personal account for speakers and participants
For Professionals
I made all the pages for the general audience in the light theme
I created alternative navigation options and ran A/B tests with them
I organized all activities into cards
For Families
After the end of the festival, we conducted a user satisfaction survey
User satisfaction survey
More detailed information about the program
The ability to create their own schedule
To highlight talks and build their own agenda
To leave feedback for speakers
More tools for working with the program
Professionals
Simpler navigation
Less unnecessary information
A schedule of activities
Families
They want:
They want:
size: Desktop
Page: Agenda / listing
Main page
Briefly describes the event and then directs to individual pages
Main page For open part
This page contains all the free activities that don’t require any preparation
Main page For PRO
This page contains all the activities for the PRO audience
size: Desktop
Page: Agenda / listing
MAP
Shows all the objects at the festival. Implemented in two versions: for PRO and for the Entertainment section. In the Entertainment section, PRO objects are not available. The map switches to a list format.
Internal page of the object
Describes the object, includes its schedule and other activities if there are any
size: Desktop
Page: Agenda / listing
Agenda
The program has numerous settings. Based on in-depth interviews, we found that users are willing to learn how to use the program and want to customize it according to their interests. The program can be tailored by date, theme, and location
size: Desktop
Page: Agenda / light theme
Agenda
The entertainment section has only one stage, so its program is implemented in a simplified form, but built using flexible components
size: Desktop
Page: Agenda / card
size: mobile
Page: Agenda / Filters
Agenda Mobile
In the mobile version, the filters open in full-screen mode
size: Desktop
Page: Agenda / Table
Agenda
Since the festival has more than 10 stages and many talks happening at the same time, the program includes a feature to switch from a list view to a table view. This makes it easy to see which talks are taking place simultaneously
size: Desktop/mobile
Page: Talk / Internal Page
Talk. Internal Page
Each talk has its own internal page with more detailed information
size: Desktop/mobile
Page: Tickets
In the end, what’s the outcome?
With the new design, it became easier to adapt the website to the annually changing brand style. User satisfaction with the program increased by 8%.