Component Library
Final Designs
Hubilo Broadcast Studio
ENHANCED ENGAGEMENT AND GREENROOM EXPERIENCE
EXECUTIVE SUMMARY
The primary focus of the Hubilo Broadcast Studio 3.0 is on facilitating interactions between speakers, hosts, and co-hosts, and providing a more engaging experience for the audience. The overarching objective is to establish a robust foundation for creating a cutting-edge tool that enables real-time engagement in virtual sessions.
MY ROLE
My role involved conducting comprehensive research to gain insights into the needs of users. Based on these insights, I developed user-centered designs that encourage maximum engagement. Subsequently, building and testing prototypes to refine the design further, while continuously seeking feedback from users to evaluate the usability and effectiveness of the final product.
TEAM
02 Designers, 1 Design Manager, 1 Product Manager, 10+ Engineers
Problem areas
Joining Experience
The earlier version of Hubilo Broadcast Studio did not have a well designed joining experience that allowed the user to check and setup their audio and video devices and verify their connection status and help with relevant support to ensure seamless experience.
🚀
Feature Awareness
Earlier version of product did not have a means of assisting the speaker/guest speaker/host and co-host in understanding the various features we offer hence not helping them in comprehending product offerings quickly and get them onboard onto our platform.
⭐️
Engagement
Creating a backstage experience where users could join and prepare before they actually join the live stream. It also did not offer a clear bucketing
of Engagement options i.e. Chats, polls, QnA, Videos, Branding, Group Portrait.
Project Timeline
DISCOVERY
1-2 Week
3-4 Week
5-6 Week
7-8 Week
9-10 Week
11-12 Week
DELIVERY
DESIGN
Research
Primary research & competetor analysis
Ideation
Ideating & brainstorming to address user needs
User Experience
Creating wireframes and implementing user centred solutions
User Interface
Creating final screens for all use cases using the new design system.
Prototyping
End to end working prototype for the feature
Testing
Solving bugs and blockers with continous feedback
Primary Research
Conducting primary research with speakers and hosts for gaining insights into their perspectives and experiences while using a product’s studio during a virtual session. The main motive of conducting these interviews was to gather firsthand information about their expectations, needs, and challenges when participating in virtual sessions.
75 %
candidates felt they did not get enough time to prepare before going live.
The general insight drawn out from the interview was that the studio did not match the expectations and needs o the hosts and speakers interms of manging, navigating and engagement
👀
15 %
candidates could navigate their way through the studio.
65 %
hosts faced challenges engagaing with session speakers & attendees.
As a part of our secondary research, we conducted a comparative analysis of the studios offered by various virtual event platforms. This process involved analyzing the features and functionalities of different platforms, including their user interface, layout, and toolset.
By comparing and contrasting the studios of different platforms, we were able to identify areas of improvement and potential problem areas that needed to be addressed. This analysis provided us with valuable insights into the latest trends and best practices in the industry, and helped us identify opportunities for innovation and differentiation.
Furthermore, this secondary research enabled us to develop solutions to address any potential problems or limitations in the current design of Hubilo Brodcast Studio, with the ultimate goal of enhancing the user experience and delivering a more engaging and user friendly Studio.
Secondary Research
Link to PRD
Solution
Ability to check and setup settings
In the latest edition of the Hubilo Broadcast Studio, users can now check and configure their audio and video devices, verify their connection status, and save their settings to prevent any issues during the session. This feature provides with greater control over their settings to ensure a seamless experience during the session.
Backstage/Greenroom Experience
The latest edition of the Hubilo Broadcast Studio offers a new feature that enables speakers to access the Backstage area before joining the live stream. This feature allows speakers to collaborate with other panelists, upload their relevant presentations and videos, and prepare for the session before going live. By providing this capability, the new version of the Hubilo Broadcast Studio enhances the overall experience for both speakers and viewers.
Take a tour functionality
The latest version of the Hubilo Broadcast Studio now includes a "Take a Tour" option that guides users through all the features and functionalities of the platform. This feature is designed to help users quickly understand the product offerings and easily onboard onto our platform. By providing this feature, the Hubilo Broadcast Studio aims to enhance the user experience and improve the ease of use for all users.
Other Design Possibilities
Offering light and dark theme as a part of branding options. With this new feature, hosts can choose to set up their studio in a color scheme that aligns with their brand colors and overall theme. The aim was to offer greater flexibility and personalization to our users.
Using a grid system and breakpoints to ensure a consistent and visually appealing layout across all devices and screen sizes. The grid system enabled us to align elements of the UI in a structured and organized manner, providing a clear visual hierarchy.
We needed to come up with a new way of designing that would be responsive across devices and device sizes
i.e
The sidepanel should seamlessly scale from size A to size B without breaking
Theming
Grid System & Breakpoints
Responsive Components
Wireframes
Final Designs
Conclusion
In conclusion, the redesign of Hubilo Broadcast Studio was aimed at enhancing adoption among the host, speaker, and attendee personas by delivering a seamless and immersive experience. Despite the challenges faced, we succeeded in creating a meaningful and effective solution by addressing the pertinent problem areas and prioritizing the needs and expectations of our users. These results serve as a testament to the impact of design on user engagement and underscore the significance of incorporating design principles in all aspects of business.
This project is currently live on Hubilo as a feature, other details are confidential, reach out for further information. ✉️
Earlier version of Hubilo Broadcast Studio
Redesigned version of Hubilo Broadcast Studio
Revolutionize your virtual events with the latest version of Hubilo Broadcast Studio! Introducing Backstage controls, Add/Manage co-host, Manage video uploads, Control Embedded Apps, Enable Group Portraits, and Host/Co-host branding controls, our platform provides unmatched functionality for immersive and engaging events. Engage your audience with real-time stream monitoring, Engagement Panel controls, and Custom Themes with accessibility checks. Upgrade your virtual events with Hubilo Broadcast Studio today!
Hubilo Broadcast Studio
ENHANCED ENGAGEMENT AND GREENROOM EXPERIENCE
EXECUTIVE SUMMARY
The primary focus of the Hubilo Broadcast Studio 3.0 is on facilitating interactions between speakers, hosts, and co-hosts, and providing a more engaging experience for the audience. The overarching objective is to establish a robust foundation for creating a cutting-edge tool that enables real-time engagement in virtual sessions.
MY ROLE
My role involved conducting comprehensive research to gain insights into the needs of users. Based on these insights, I developed user-centered designs that encourage maximum engagement. Subsequently, building and testing prototypes to refine the design further, while continuously seeking feedback from users to evaluate the usability and effectiveness of the final product.
TEAM
02 Designers, 1 Design Manager, 1 Product Manager, 10+ Engineers
Problem areas
Joining Experience
The earlier version of Hubilo Broadcast Studio did not have a well designed joining experience that allowed the user to check and setup their audio and video devices and verify their connection status and help with relevant support to ensure seamless experience.
Feature Awareness
Earlier version of product did not have a means of assisting the speaker/guest speaker/host and co-host in understanding the various features we offer hence not helping them in comprehending product offerings quickly and get them onboard onto our platform.
Engagement
The earlier version of Hubilo Broadcast Studio did not allow a backstage experience where users could join and prepare before they actually join the live stream. It also did not offer a clear bucketing of Engagement options i.e. Chats, polls, QnA, Videos, Branding, Group Portrait.
🚀
⭐️
Solution
Ability to check and setup settings
In the latest edition of the Hubilo Broadcast Studio, users can now check and configure their audio and video devices, verify their connection status, and save their settings to prevent any issues during the session. This feature provides with greater control over their settings to ensure a seamless experience during the session.
Backstage/Greenroom Experience
The latest edition of the Hubilo Broadcast Studio offers a new feature that enables speakers to access the Backstage area before joining the live stream. This feature allows speakers to collaborate with other panelists, upload their relevant presentations and videos, and prepare for the session before going live. By providing this capability, the new version of the Hubilo Broadcast Studio enhances the overall experience for both speakers and viewers.
Take a tour functionality
The latest version of the Hubilo Broadcast Studio now includes a "Take a Tour" option that guides users through all the features and functionalities of the platform. This feature is designed to help users quickly understand the product offerings and easily onboard onto our platform. By providing this feature, the Hubilo Broadcast Studio aims to enhance the user experience and improve the ease of use for all users.
Project Timeline
DISCOVERY
1-2 Week
3-4 Week
5-6 Week
7-8 Week
9-10 Week
11-12 Week
DELIVERY
DESIGN
Research
Primary research & competetor analysis
Ideation
Ideating & brainstorming to address user needs
User Experience
Creating wireframes and implementing user centred solutions
User Interface
Creating final screens for all use cases using the new design system.
Prototyping
End to end working prototype for the feature
Testing
Solving bugs and blockers with continous feedback
As a part of our secondary research, we conducted a comparative analysis of the studios offered by various virtual event platforms. This process involved analyzing the features and functionalities of different platforms, including their user interface, layout, and toolset.
By comparing and contrasting the studios of different platforms, we were able to identify areas of improvement and potential problem areas that needed to be addressed. This analysis provided us with valuable insights into the latest trends and best practices in the industry, and helped us identify opportunities for innovation and differentiation.
Furthermore, this secondary research enabled us to develop solutions to address any potential problems or limitations in the current design of Hubilo Brodcast Studio, with the ultimate goal of enhancing the user experience and delivering a more engaging and user friendly Studio.
🔗
Secondary Research
🔗
Link to PRD
Conducting primary research with speakers and hosts for gaining insights into their perspectives and experiences while using a product’s studio during a virtual session. The main motive of conducting these interviews was to gather firsthand information about their expectations, needs, and challenges when participating in virtual sessions.
Primary Research
75 %
candidates felt they did not get enough time to prepare before going live.
The general insight drawn out from the interview was that the studio did not match the expectations and needs o the hosts and speakers interms of manging, navigating and engagement
👀
15 %
candidates could navigate their way through the studio.
65 %
hosts faced challenges engagaing with session speakers & attendees.
Other Design Possibilities
Offering light and dark theme as a part of branding options. With this new feature, hosts can choose to set up their studio in a color scheme that aligns with their brand colors and overall theme. The aim was to offer greater flexibility and personalization to our users.
Using a grid system and breakpoints to ensure a consistent and visually appealing layout across all devices and screen sizes. The grid system enabled us to align elements of the UI in a structured and organized manner, providing a clear visual hierarchy.
We needed to come up with a new way of designing that would be responsive across devices and device sizes
i.e
The sidepanel should seamlessly scale from size A to size B without breaking
Theming
Grid System & Breakpoints
Responsive Components
Earlier version of Hubilo Broadcast Studio
Redesigned version of Hubilo Broadcast Studio
Revolutionize your virtual events with the latest version of Hubilo Broadcast Studio! Introducing Backstage controls, Add/Manage co-host, Manage video uploads, Control Embedded Apps, Enable Group Portraits, and Host/Co-host branding controls, our platform provides unmatched functionality for immersive and engaging events. Engage your audience with real-time stream monitoring, Engagement Panel controls, and Custom Themes with accessibility checks. Upgrade your virtual events with Hubilo Broadcast Studio today!
Conclusion
In conclusion, the redesign of Hubilo Broadcast Studio was aimed at enhancing adoption among the host, speaker, and attendee personas by delivering a seamless and immersive experience. Despite the challenges faced, we succeeded in creating a meaningful and effective solution by addressing the pertinent problem areas and prioritizing the needs and expectations of our users. These results serve as a testament to the impact of design on user engagement and underscore the significance of incorporating design principles in all aspects of business.
This project is currently live on Hubilo as a feature, other details are confidential, reach out for further information. ✉️
Wireframes
Component Library
Lets talk
aswastik046@gmail.com
Hubilo Broadcast Studio
ENHANCED ENGAGEMENT AND GREENROOM EXPERIENCE
EXECUTIVE SUMMARY
The primary focus of the Hubilo Broadcast Studio 3.0 is on facilitating interactions between speakers, hosts, and co-hosts, and providing a more engaging experience for the audience. The overarching objective is to establish a robust foundation for creating a cutting-edge tool that enables real-time engagement in virtual sessions.
MY ROLE
My role involved conducting comprehensive research to gain insights into the needs of users. Based on these insights, I developed user-centered designs that encourage maximum engagement. Subsequently, building and testing prototypes to refine the design further, while continuously seeking feedback from users to evaluate the usability and effectiveness of the final product.
TEAM
02 Designers, 1 Design Manager, 1 Product Manager, 10+ Engineers
Problem areas
The earlier version of Hubilo Broadcast Studio did not have a well designed joining experience that allowed the user to check and setup their audio and video devices and verify their connection status and help with relevant support to ensure seamless experience.
Joining Experience
Feature Awareness
🚀
Earlier version of product did not have a means of assisting the speaker/guest speaker/host and co-host in understanding the various features we offer hence not helping them in comprehending product offerings quickly and get them onboard onto our platform.
Engagement
⭐️
The earlier version of Hubilo Broadcast Studio did not allow a backstage experience where users could join and prepare before they actually join the live stream. It also did not offer a clear bucketing of Engagement options i.e. Chats, polls, QnA, Videos, Branding, Group Portrait.
Project Timeline
DISCOVERY
1-2 Week
3-4 Week
5-6 Week
7-8 Week
9-10 Week
11-12 Week
DELIVERY
DESIGN
Research
Primary research & competetor analysis
Ideation
Ideating & brainstorming to address user needs
User Experience
Creating wireframes and implementing user centred solutions
User Interface
Creating final screens for all use cases using the new design system.
Prototyping
End to end working prototype for the feature
Testing
Solving bugs and blockers with continous feedback
Primary Research
Conducting primary research with speakers and hosts for gaining insights into their perspectives and experiences while using a product’s studio during a virtual session. The main motive of conducting these interviews was to gather firsthand information about their expectations, needs, and challenges when participating in virtual sessions.
75 %
candidates felt they did not get enough time to prepare before going live.
The general insight drawn out from the interview was that the studio did not match the expectations and needs o the hosts and speakers interms of manging, navigating and engagement
👀
15 %
candidates could navigate their way through the studio.
65 %
hosts faced challenges engagaing with session speakers & attendees.
Secondary Research
As a part of our secondary research, we conducted a comparative analysis of the studios offered by various virtual event platforms. This process involved analyzing the features and functionalities of different platforms, including their user interface, layout, and toolset.
By comparing and contrasting the studios of different platforms, we were able to identify areas of improvement and potential problem areas that needed to be addressed. This analysis provided us with valuable insights into the latest trends and best practices in the industry, and helped us identify opportunities for innovation and differentiation.
Furthermore, this secondary research enabled us to develop solutions to address any potential problems or limitations in the current design of Hubilo Brodcast Studio, with the ultimate goal of enhancing the user experience and delivering a more engaging and user friendly Studio.
Link to PRD
🔗
Ability to check and setup settings
In the latest edition of the Hubilo Broadcast Studio, users can now check and configure their audio and video devices, verify their connection status, and save their settings to prevent any issues during the session. This feature provides with greater control over their settings to ensure a seamless experience during the session.
Take a tour functionality
Backstage/Greenroom Experience
The latest version of the Hubilo Broadcast Studio now includes a "Take a Tour" option that guides users through all the features and functionalities of the platform. This feature is designed to help users quickly understand the product offerings and easily onboard onto our platform. By providing this feature, the Hubilo Broadcast Studio aims to enhance the user experience and improve the ease of use for all users.
The latest edition of the Hubilo Broadcast Studio offers a new feature that enables speakers to access the Backstage area before joining the live stream. This feature allows speakers to collaborate with other panelists, upload their relevant presentations and videos, and prepare for the session before going live. By providing this capability, the new version of the Hubilo Broadcast Studio enhances the overall experience for both speakers and viewers.
Wireframes
Component Library
Earlier version of Hubilo Broadcast Studio
Redesigned version of Hubilo Broadcast Studio
Revolutionize your virtual events with the latest version of Hubilo Broadcast Studio! Introducing Backstage controls, Add/Manage co-host, Manage video uploads, Control Embedded Apps, Enable Group Portraits, and Host/Co-host branding controls, our platform provides unmatched functionality for immersive and engaging events. Engage your audience with real-time stream monitoring, Engagement Panel controls, and Custom Themes with accessibility checks. Upgrade your virtual events with Hubilo Broadcast Studio today!
Final Designs
Conclusion
In conclusion, the redesign of Hubilo Broadcast Studio was aimed at enhancing adoption among the host, speaker, and attendee personas by delivering a seamless and immersive experience. Despite the challenges faced, we succeeded in creating a meaningful and effective solution by addressing the pertinent problem areas and prioritizing the needs and expectations of our users. These results serve as a testament to the impact of design on user engagement and underscore the significance of incorporating design principles in all aspects of business.
This project is currently live on Hubilo as a feature, other details are confidential, reach out for further information. ✉️
S
.