Home > User Experience > Exclusive App for Webinars — UI UX Case Study

Exclusive App for Webinars — UI UX Case Study

Exclusive App for Webinars — UI UX Case Study


Duration of the project: 14 days

The problem statement was for me to come up with an idea which puts live streaming to good use. After brainstorming with different ideas, I concluded that an app exclusive for webinars would be the right approach to this design challenge.

What is Virtual Scene?

Given the current COVID-19 situation, we are seeing an exponential increase in the number of webinars conducted across the globe. These webinars have removed the geographical barriers for participants and anyone can tune in to a webinar from anywhere. People usually look for webinars in various events and ticketing website or get to know about them through various social media platforms. They would register for the webinar and would get a link to a different video communication app.

No app exists in the current market which combines events and ticketing services with that of live video communication. That’s where Virtual Scene comes into the picture, it bridges the gap and eliminates the necessity of two different apps. Virtual Scene is a platform for users to register and attend any webinar, all in a single app. It provides a live chat facility during the webinar and has a dedicated discussion forum separately for each webinar where people can exchange their thoughts and discuss them.

Competitive Analysis

As I had mentioned before, there isn’t any app in the current market which would function the same as Virtual Scene. So I decided to study various already existent event ticketing apps and platforms as well as apps which use live video as a medium in them. In the process, I tried to understand why certain things were done in a certain way in those apps.

For ticketing apps, I chose to study Event Brite and BookMyShow. Whereas for live streaming, I decided to look at YouTube Live, Instagram live, Google Meet and Zoom ( Zoom and Google Meet don’t just function as 1-n broadcasting mediums but also as video conferencing apps)

Below are some of the screenshots I had taken while using those apps and collected from UISources, Mobbins and Play Store.

Event Brite currently is doing a great job being an event ticketing app right now but users have to wait for a mail from the organizer with the live stream which might tend to go unnoticed in their inboxes.

User Review for Event Brite on PlayStore

The users sometimes did not know how to enter an event or webinar. This was one of the pain points that people had mentioned in their PlayStore reviews.

Remainder SMS for BookMyShow’s Virtual show

Recently, BookMyShow had also started selling tickets for virtual shows. It followed a procedure similar to Event Brite. After registering for a show, the user would be sent an Instagram link (if it is a free show ) or a Zoom link ( in case of a paid show ) through SMS as well as an email.

Confirmation mail for BookMyShow’s virtual concert

YouTube and Meet, designed and developed by the same company, had a similar approach to live video player with live comments below the video player. Whereas, I found Instagram Lives relatively informal and thus unsuitable for webinars.

None of these live streaming apps or ticketing apps had a discussion forum for users to discuss the event or let users ask questions about the same. This was something I could use to my advantage and provide as a feature of Virtual Scene.

These are the ways that would be taken by the user to complete particular tasks or navigate through the app. I have divided them according to the tasks. By creating the user flows, I got to know the number of screens I would be required to design and what are features I would be including in the final app design and what are to be skipped.

These are the major flows of the app.

The login would be preceded by onboarding screens.
User can switch to sign up from login right after onboarding.

For the scope of this particular project, I haven’t considered payment and premium user flow. I hope to work on those parts of the project soon.

Some of the wireframes I created before moving to design them on Figma

Logo



Source link