Bringing together burn survivors, loved ones, and healthcare professionals for a virtual event.

Virtual Event Platform

Phoenix-Society-WBC-Saturday-2018-130.jpg

Client

Phoenix Society, a leading national nonprofit organization dedicated to empowering people affected by burn injuries.

 

Challenge

Design a virtual event platform that supports user registration, multiple dynamic agendas, live streams, and support groups.

 
Mask Group.jpg

Understanding the types of users we were designing for helped us nail down the intricacies of the registration UX.

We identified 3 user types with unique goals: individuals need to register for themselves only, families need to register for themselves and others, and people working at burn organizations need to register on behalf of others without registering themselves.

Account creation is the first step to registering if the user is not already logged in. Information obtained during that process is auto-filled into the details of the first event attendee because, in the majority of instances, the user will in fact be attending the event. If the user is not attending, they can simply remove themselves and continue to add attendees using the “Add Attendee” button.

Comp 1_1 (1).gif

One of the obstacles we encountered was the amount of information required of each attendee. When adding multiple attendees, the number of inputs visible on the screen became overwhelming. 

 

Our solution was to collapse the details of the previous attendee each time the “add attendee” button is clicked to reduce cognitive overload. The inputs are also visually grouped using vertical lines to clarify which details are relevant to which attendee. 


If an attendee was registered by another person, they would then receive an email notifying them that that their ticket was paid for and prompting them to create an account to access registration information and event content.

Ticket.png
Create Account.png
First Attendee.png
Secon Attendee.png

The agenda needed to be visible both before and during the conference—calling attention to live events and clearly indicating which content was accessible when. Since the Phoenix Society is a national organization, the agenda also needed to adjust dynamically based on the user’s time zone.


The agenda featured a high-level CTA calling out live events, followed by a tabbed agenda organized by day, and an accordion-style event list, giving high level details and clear opportunities to join events and view formerly streamed content.

 
agenda-during-min.gif

Events included both livestreams and support groups—both of which needed to be accessible across a variety of platforms.

 
video.gif
 
support-group.gif

An account page had to be designed to store user details and registration statuses.

Personal details gathered in the registration process now can be reused and auto-filled when registering for future events.

Users can also review their previous event registrations and if applicable, view the registration status of user’s they’ve invited.

account.gif

Overall, the event was a success and the virtual platform helped register almost 700 attendees and raise $30,000+ for the nonprofit.

 
 
 

Design
Andi Rozell

Project Lead
James Mikrut

Development
Jarrod Flesch

Development
Jacob Fletcher

PM
Sean Zubrickas