Rezo 1.0 Conference - UI/UX Case Study

Tolú Omorodion

Overview

Project Timeline: June 2024 - July 2024
My Role: User Experience & User Interface Design
Tool(s) Used: Figma

The Problem

The project’s stakeholders (a group of experienced music business professionals) required a streamlined, user-friendly registration website that would simplify attendee information collection, ticket options and date selection for their hybrid 2-day conference, centered on Streaming & Revenue Models, Intellectual Property, AI Adoption and other technological innovations in the music industry.

User Research

Synthesized data from the stakeholder interview revealed that the current experience was affected by the following pain points:
Complex and Lengthy Registration Forms: Existing registration forms are often long and confusing, leading to high drop-off rates and incomplete registrations. In addition, the current system does not allow for the input of specific attendee information, preventing tailored experiences and relevant communication.
Limited Ticket Options: Lack of flexible ticket options that cater to different attendee needs, results in reduced satisfaction and lower ticket sales.
Unclear Conference Schedules: Attendees face difficulties in selecting conference dates due to poorly presented schedules, leading to confusion and potential missed opportunities.
Poor User Experience: Existing event registration websites are often not intuitive, causing frustration and extended time-on-task, as users struggle to navigate the process.

Ideation

After framing the stakeholders’ pain points, a fusion of a Competitor Analysis of multiple event registration platforms and the Brainstorming technique, was utilized to derive a series of creative solutions. The ideas were eventually streamlined based on pre-existing stakeholder requirements and available resources, to the features below.
Key Features:
Ticket Options (Virtual Attendance, General Admission & VIP Experience) and corresponding information cards
Sign Up/Registration Page with CTAs for each conference date
A detailed Event Schedule on the Home & Registration pages
Attendee Information Form
Payment Gateway Page with multiple (3) payment options

User Flows

Sitemap

Information Architecture

UI Design

Typography System

Low Fidelity Design

Color Palette

Tonal Palettes

UI Components

High Fidelity Design

The Home Page’s key features include a Registration CTA an Event Schedule and a Ticket Information section.
The Home Page’s key features include a Registration CTA an Event Schedule and a Ticket Information section.
The date selection CTAs on the Sign Up page are entry points for users to buy desired tickets for each conference day.
The date selection CTAs on the Sign Up page are entry points for users to buy desired tickets for each conference day.
Tickets Page (Default State)
Tickets Page (Default State)
Tickets Page: Quantity Option (VIP Experience) selected
Tickets Page: Quantity Option (VIP Experience) selected
Tickets Page: Attendee Information form & Order Summary card (Active)
Tickets Page: Attendee Information form & Order Summary card (Active)
Payment Gateway Selection
Payment Gateway Selection
Order Success Confirmation, with primary & secondary CTAs
Order Success Confirmation, with primary & secondary CTAs

Registration Flow

Prototype connections for the main user flow
Prototype connections for the main user flow

Solution

The Rezo event registration website addresses the stakeholders’ pain points by offering a clear, concise registration process with easily accessible options for attendee information input, a variety of ticket choices, and straightforward conference date selection. This will enhance the overall user experience, increase registration completion rates, and ensure higher stakeholder satisfaction ahead of the event.
Like this project
0

Posted Mar 19, 2025

User Interface and User Experience Design focused on streamlining the registration process for a two-day music business event.

Weather Deets: On-Demand Weather Information
Weather Deets: On-Demand Weather Information
6-by-6: Free Hex Code Generator
6-by-6: Free Hex Code Generator