bbtvviso 2.0
about
BBTV (TSX: BBTV) is a media-tech company that helps content creators become more successful. They are a leader in creator monetization, helping creators increase viewership of their content while also helping them make more money. They are specialized in video content.
VISO is BBTV’s proprietary suite of managed and SaaS products that power a wide range of their services, from content management to content protection and collaborations.
VISO is BBTV’s proprietary suite of managed and SaaS products that power a wide range of their services, from content management to content protection and collaborations.
PROBLEM
The previous version of the system faced two major issues that negatively impacted the user experience.
Firstly, the homepage served as a mere launcher, providing shortcuts to functionalities, but users had to click multiple times to access simple features, such as reviewing their revenue report for the last month.
Secondly, VISO lacked a mobile version, making it challenging for users to access the system through their smartphones. Based on our data, 23% of users attempted to use the system on their phones, but the desktop version made it difficult for them to use, resulting in a high bounce rate.
Given that we were currently developing a new BBTV Design System with updated branding guidelines, we took this opportunity to reimagine the VISO experience. Our first step was to redesign the Dashboard to enhance the partner's experience and provide access to essential information at a glance.
Firstly, the homepage served as a mere launcher, providing shortcuts to functionalities, but users had to click multiple times to access simple features, such as reviewing their revenue report for the last month.
Secondly, VISO lacked a mobile version, making it challenging for users to access the system through their smartphones. Based on our data, 23% of users attempted to use the system on their phones, but the desktop version made it difficult for them to use, resulting in a high bounce rate.
Given that we were currently developing a new BBTV Design System with updated branding guidelines, we took this opportunity to reimagine the VISO experience. Our first step was to redesign the Dashboard to enhance the partner's experience and provide access to essential information at a glance.
research
To initiate the process, we decided to map out the customer journey in order to understand all the experience gaps inside the company and, on our side (R&D), understand what we can do inside VISO to improve those experiences.
To map the entire experience, we needed to have the vision from all BBTV internal sectors involved and some Partners.
To achieve that, we made several workshops in-person and online with several BBTV stakeholders from different areas (Legal, Sales, Talent management, Growth, Marketing, and Brand Deals) and some VIP and non-VIP Partners.
With the journey map defined, we could understand that we need to improve two main areas inside VISO to increase the adoption, being the first one on the homepage, creating a dashboard with the most important information for the partners and improving the onboarding process as well.
To map the entire experience, we needed to have the vision from all BBTV internal sectors involved and some Partners.
To achieve that, we made several workshops in-person and online with several BBTV stakeholders from different areas (Legal, Sales, Talent management, Growth, Marketing, and Brand Deals) and some VIP and non-VIP Partners.
With the journey map defined, we could understand that we need to improve two main areas inside VISO to increase the adoption, being the first one on the homepage, creating a dashboard with the most important information for the partners and improving the onboarding process as well.
Step #1
menu design
Since I was working at same time defining a new Design System for BBTV, designing the company's main tool was very important to decide global components for the entire system and I started working with menu definition. Was tested some menu ideas and finally we decided to change the menu for a vertical one and since the VISO tool is used in several countries we needed to test if it work in all languages.
Step#2
dashboard components
With the menu defined, I started to think about the dashboard itself and all components. To understand which tools were needed to show as priority on the new dashboard, was collect user data from analytics software (MixPanel) to understand which tools are most used by the partners, around 10 interviews with different user levels (Non-vip and VIP creators and some managers) and lastly two workshops with internal BBTV stakeholders who has direct contact with partners (Sales, Talent management and Channel Growth).
With priority components decided and requirements received from the project manager, I started to test and iterate using wireframes to achieve the best way to compose the informations needed.
With priority components decided and requirements received from the project manager, I started to test and iterate using wireframes to achieve the best way to compose the informations needed.
Step#3
final design
After defining the components, using the design system that was being created in parallel, defining the priority of the components and positioning by priority, the composition of the dashboard was created, with color variation for light/dark.
Other screens
Following the dashboard design, I continued with the new VISO redesign, using the already defined assets from the new Design Systems and rethinking areas of big impact in the old tool like the User Settings, account Settings and System Settings.
What's next?
Come March of 2023, due to volatility of the market, my work came to a halt, and some of the R&D team was effectively laid off through a reduction in workforce, me included. However, most of the new VISO was effectively built, and the development team already started to implement.
