top of page

THE

SESSIONS

EXPERIENCE

BRIGHT LIVE
2021–2022

Sessions_Hero.png
OVERVIEW
Built on the Zoom SDK, we created a custom live virtual session to deliver the best participatory audience experience, as well as to give hosts intuitive control while moderating their own live sessions.
BACKGROUND
WHAT IS BRIGHT LIVE?

​Bright is an all-in-one platform for Creators, Influencers, and Teachers to host ticketed, live learning sessions with their fans.

WHAT ARE SESSIONS?

​The Sessions Experience is the interactive video conference platform that allows audience members to ask questions and allows hosts to invite multiple people to participate “on stage.”

THE PROBLEM TO SOLVE
USER PROBLEM

Hosts:


As a Creator hosting a Session on Bright, I want to be able to lead an interactive and engaging session without being distracted by controls or tripped up by technical difficulties.



Audiences:


As a paying attendee of a Bright Session, I want to have a unique, engaging, and intimate experience with a Creator I admire that feels worth my time and money.

BUSINESS NEED

As a new company, we want to launch with a product just slick enough to give our users a good experience but invest a minimal amount of build that allows us the resources to learn from running live sessions and iterate based on what we learn.

GOALS
  1. Skin the MVP with new branding to get it up and running to allow us to test and learn
     

  2. Develop a slick V1 to deliver both hosts and audience members with a quality experience, measured in qualitative interviews and post-session surveys

STARTING OUT
THE PROTOTYPE

When I joined, Bright was near complete on the MVP of their Sessions Experience, built on top of the Zoom SDK.

prototype.png
A SKELETON OF A BRAND

We were mid-way through branding with an outside agency. The Design department was not involved in this branding effort when I joined, and was only focused on the product. We were delivered a partially-complete branding system that wasn’t optimized for a digital product, and not ready for digital implementation, so swift changes needed to be made in order to skin the Experience. (See the Bright Rebrand project page)

brand skeleton.png
A QUICK RESKIN AND MINOR IMPROVEMENTS

With a very limited brand, the loss of our Design Director, and an extremely strict timeline (<2 months), we re-skinned the app and launched the MVP.

quick reskin.png

Improvements Added
 

  • Countdown to start session

  • Ability to clear stage

  • Encouraging empty states

  • Welcome to stage + unmute

Remaining Issues


 

  • Creator X and Participant X were still the same

  • Q&C with video attached was a new pattern, and not intuitive

  • Very little education

  • Muting issues

  • No ability to delete one’s own comment

  • No speaking indicator

  • No full screen

LOGISTICS
TEAM
  • 1 Design Lead

  • 1 Design IC

  • 1 PM

  • 1 User Researcher

  • 7 Engineers

TIMELINE
  • MVP Re-skin: <2 months


  • V1: ~5 months

OBSERVATION + RESEARCH
MVP OBSERVATIONS

We launched the MVP and began holding real, live Sessions with some of our early Creator partners, and Bright employees attended all Sessions to observe.

MVP LEARNINGS
  • Participants wanted to to submit questions and still communicate

  • Creators had a hard time identifying which questions to answer and who to engage with

  • Creators wanted quick feedback from the audience

  • People wanted to share out their session

  • There was a fair amount of surprise and confusion around being brought to stage

  • Some Creators accidentally started or ended their session

BRAINSTORMING

We held two brainstorms with the entire team: CEO, PM, Research, Designers, Engineers, and the Talent team. It was important to establish co-ownership and to make sure all expertise was represented and exchanged to the extent possible. We synthesized ideas according to votes and user needs and scoped out which features we should prioritize against company focus areas.

brainstorm.png
Brainstorm2.png

Prioritized features

  • Separate Questions & Comments

  • Allow Creators to chat and share links

  • Upvoting of questions

  • Show Creators and Audiences more faces at once

  • Add moderator messaging for Creators

  • Add time counter

  • Clarify the bring-to-stage flow for everyone

  • Clarify start/stop session for Creators

FEEDBACK

We got feedback from the Talent team that the Creator Experience might be too overwhelming, and because we wanted to keep experiences as similar as possible to lighten the Engineering lift, we decided to minimize differences between the two.

We opted for maintaining the ability to see up to two panels at once, and moved navigation to the right to allow for features we might add in the future, such as audience polls. We also wanted to allow users to close both the Questions and Chat panels to provide the option for a more focused and immersive in-session experience. 

FINAL DESIGNS
CREATOR EXPERIENCE
FINAL_creatorX.png
AUDIENCE EXPERIENCE
FINAL_audienceX1.png
FINAL_audienceX2.png
MOBILE
RESULTS
OUTCOMES

Though we’d decided to parallel the compromised design with the experimental prototype, the company decided that having an app built on Zoom was posing too high a risk to the company’s success.

Engineering refocused all efforts to building out a web-based experience (using the updated design at least) before considering the prototype.

LEARNINGS

Diving into execution mode can make it difficult to stay focused on the bigger picture and strategy. Schedule checkins with other leadership and frequent QA syncs.

There is always room for process improvements, especially at a remote company. Stay flexible and open and remember people comprehend at different speeds.

Make sure, aside from getting and documenting decisions from leadership, to always be clear in laying out what those decisions mean for the team as they’re being made.

HUNGRY FOR MORE?

This is an abbreviated telling of the larger case study. If you want all the gory details, shoot me a message and I’d be happy to show you more.

DESIGN ITERATION
CREATOR EXPERIENCE
CreatorSketch.png
AUDIENCE EXPERIENCE
ParticipantXsketches.png
bottom of page