Re-designing the JioEvents Web App - UI/UX Case Study

Complete overhaul of a event management platform to improve usability, streamline workflows, and enhance overall user experience. The goal was to create a more intuitive and efficient platform for both Event organiser/Host and Attendee.

  1. About the project

During the COVID-19 pandemic, the organization developed a virtual meeting platform. As events increasingly moved online, it became evident that meetings and events had unique requirements. To address this, we created a tailored event-specific extension of the meeting platform, incorporating additional features and functionalities to better support the evolving needs of virtual events.

However, the events industry is expansive and constantly evolving, demanding more than just basic functionality. To stay ahead of industry trends and meet these growing demands, we reimagined the platform, making it more dynamic, feature-rich, and visually captivating, ensuring it provides a comprehensive solution for modern event needs.

  1. Problem Statement

How can we elevate the overall experience of planning, hosting, and attending virtual events to make them more seamless, engaging, and impactful?

This was accomplished through a complete product redesign that focused on addressing key needs such as improving user experience, boosting audience engagement, providing more monetization opportunities for organizers, and offering advanced reporting and analytics capabilities, among others.

  1. My Role

As a senior product designer I played a key role in planning and execution of this redesign project. I was actively involved in all stages of the execution and contributed significantly in Ux, UI, planning and research of the project.

My key responsibilities included the following:

Stakeholder Collaboration
I regularly collaborated with the stakeholders to align with the product and business goals. I ensured through all stages of this project that design, dev, PM and business were on the same page.

Design System Implementation
Ensured and inspected regularly that the product design system was implemented properly to maintain consistency and brand identity.

UI & Interaction Design
I design intuitive and visually appealing interfaces for the JioEvents platform across both mobile and web, ensuring a seamless and engaging user experience. By maintaining consistency with Jio's design system and brand guidelines. I create cohesive and recognizable designs that align with the company's identity. Additionally, I focus on optimizing layouts, buttons, and interactions to enhance usability and drive higher user engagement, making the platform more efficient and enjoyable for event organizers and attendees.

  1. Redesign Approach (Solution)

4.1 Understanding Event Industry
We tried to attend physical and virtual events to understand all target users’ journeys while creating, conducting and attending the events. We also did a secondary research to help us understand event industry and current trends in the industry. Competitor analysis gave the clear picture of the virtual events industry landscape. We studied and compared leading event platforms on basis of over 125 parameters to get a clear picture of event industry.

4.2 Understanding Products USP's
With stakeholder meetings, we asked what value does the existing product offers and adding to those USPs of the product how can we ensure that the foundation of the product will remain intact. We identified following USPs and that can be leveraged for enhancing the product experience further.

4.2 Understanding Products USP's

During stakeholder meetings, we took a deep dive into understanding the unique value the existing product provides. We focused on how to preserve the core strengths of the product while exploring opportunities to build upon its existing unique selling points (USPs). Our goal was to ensure that the product's foundation remains strong as we evolve it further. From these discussions, we were able to identify several key USPs that can be strategically leveraged to not only enhance the user experience but also drive innovation and add greater value to the product moving forward.

4.3 Understanding User's Pain Points
We conducted a quick user research to understand the pain-points of the existing users with the product. These users are the ones who have used the product once or more than once. We got the following insights after talking to our users.

4.3 Understanding User's Pain Points

We conducted rapid user research to gain insights into the pain points of existing users who have interacted with the product one or more times. Through these conversations, we uncovered several key insights that shed light on the challenges users face when engaging with the product.

Positive Feedback

  1. Trust in the brand.
    "We've used this platform multiple times, and we trust the brand."

  1. Simplicity of Product
    "Setting up and creating the event was effortless."

  1. High-Quality Streaming & Tech Reliability
    "The video and audio quality were excellent—no lag, no crashes, just a smooth experience. It was a professional setup that made it easy to focus on the content."

  1. Sponsor Benefits
    "The platform provided great visibility to our sponsors that made our sponsors trust in us more for upcoming events"

Pain Points

  1. Limited Customisation options
    "The branding options were very restrictive. we couldn't fully align the event experience with our brand."

  1. Limited Customisation options
    "The branding options were very restrictive. we couldn't fully align the event experience with our brand."

  1. Low engagement during live events
    "Despite having great speakers, engagement tools like Q&A and polls weren’t used much, making sessions feel one-sided."

  1. No networking option
    "As an attendee, I was looking for connecting with people with similar interests in this event but there was no way to do so."

  1. Poor reports and analytics
    "Post-event analytics were too basic—we couldn’t get detailed insights on attendee behavior or engagement."

  1. Scheduling multiple sessions was difficult
    "Sessions with pre-recorded content wasn’t easily integrated into the schedule, making hybrid events difficult to manage."

  1. Event felt dull
    "Despite of having fully energetic speakers and highly engaging event content, overall virtual event felt very dull due to old styled look and feel. It felt ike attending an online meeting"

  1. Ticketing Challenges
    "The platform’s ticketing options were limited, making it hard to create multiple pricing tiers or discount codes."

4.4 Building from Insights
Insights gathered from above helped us ideate, evaluate and execute the designs. This ensured the informed design decisions while reshaping the product.

Redefining User Persona's

Focus areas for redesign

From above insights and expected needs of all user personas, we identified the areas to focus while redesigning the product. Although following are the areas to be focused while redesigning, entire UI redesign with new design system and enhanced overall experience was a prime focus of this project.

Organiser/Host

Customisation

Customisation

Customisation

Easy, simplified customisation options in event page, inside event, post-event

Effortless event creation

Effortless event creation

Effortless event creation

Quick and hassle-free event creation

Reports and Analytics

Reports and Analytics

Reports and Analytics

Comprehensive reports and analytics with success matrix

Dashboard

Dashboard

Dashboard

Intuitive and simple dashboard to manage all event related activities, track events and explore events

Intuitive UI

Intuitive UI

Intuitive UI

Simple UI and better categorisation of actions for event creation, planning and hosting

Simplicity of Product

"The platform provided great visibility to our sponsors that made our sponsors trust in us more for upcoming events"

Speaker/Panelist

Simple Joining

Simple Joining

Simple Joining

Hassle-free event joining and navigation

Communications

Communications

Communications

Easy communications with host, other panelists and attendees

Feedback

Feedback

Feedback

Prompt feedback from attendees in form of reactions, written comments or questions

Attendee

Engagement

Engagement

Engagement

Overall engaging experience throughout the event from discovering of event to attending and post event

Better Networking

Better way to networking with people in event than just chats or comments

Easy Navigation

Easy navigation throughout the event, same as physical event

Events Discovery

Way to explore all events on platform, show interest, follow organiser and attend interested events

Appealing UI

UI should hook attendees to join event, stay in event and take active participation

Interactivity

Making the experience interactive to keep attendees hooked to the event

  1. Old but not gold!

  1. Re-Designed UI

  1. Evaluation

We evaluated the redesign of the product by two methods:

Qualitative Evaluation
We conducted evaluation sessions with our existing customers to collect their feedback on the redesigned product. This process involved user interviews to gain qualitative insights and A/B testing to compare the performance of the new and old designs, ensuring a data-driven assessment of the redesign's effectiveness.

Quantitative Evaluation
We gathered and analysed key performance indicators (KPIs) from both the old and redesigned product to assess the impact of the changes. This included metrics such as the number of customers onboarded, user retention rate, user ratings, Customer Satisfaction (CSAT) score, and other critical performance measures to evaluate overall improvement.

  1. Conclusion

The evaluation of the redesigned product produced highly positive and satisfactory outcomes, confirming the success of the redesign and its significant impact on key product performance indicators. The improvements were reflected in enhanced user engagement, better usability, and increased conversion rates. Additionally, user feedback played a crucial role in identifying areas that required further refinement. Any critical issues or concerns raised during the evaluation were carefully analysed and addressed to ensure a seamless user experience. Following these refinements, the new design was fully implemented, reinforcing the product’s overall effectiveness and alignment with business objectives.

I hope you find this case study helpful and interesting. Thank you for reading! 🙂