Timeline 2 years
Team size 3-8 designers
Deliverables mobile app, tablet app, OTT

My contributions
Cross-disciplinary stakeholder management

Design direction and oversight
Design process education and definition
Digital product design
Development spec, support and communication
Leadership presentations
Mentorship of designers and interns
Motion design direction, oversight and development
Presentation coordination and support
Project management
Requirements generation and scope definition
SOW negotiations and new project development
Testing and research
Workshop facilitation

Timeline 18+ months
Team size 3-7 designers
Deliverables responsive web, mobile app, tablet app, OTT

My contributions
Cross-disciplinary stakeholder management
Design direction and oversight
Design process education and definition
Digital product design
Development spec, support and communication
Leadership presentations
Mentorship of designers and interns
Motion design direction, oversight and development
Presentation coordination and support
Project management
Requirements generation and scope definition
SOW negotiations and new project development
Testing and research
Workshop facilitation

Timeline 18+ months
Team size 3-7 designers
Deliverables responsive web, mobile app, tablet app, OTT

My contributions
Cross-disciplinary stakeholder management
Design direction and oversight
Design process education and definition
Digital product design
Development spec, support and communication
Leadership presentations
Mentorship of designers and interns
Motion design direction, oversight and development
Presentation coordination and support
Project management
Requirements generation and scope definition
SOW negotiations and new project development
Testing and research
Workshop facilitation

Timeline 18+ months
Team size 3-7 designers
Deliverables responsive web, mobile app, tablet app, OTT

My contributions
Cross-disciplinary stakeholder management
Design direction and oversight
Design process education and definition
Digital product design
Development spec, support and communication
Leadership presentations
Mentorship of designers and interns
Motion design direction, oversight and development
Presentation coordination and support
Project management
Requirements generation and scope definition
SOW negotiations and new project development
Testing and research
Workshop facilitation

Timeline 18+ months
Team size 3-7 designers
Deliverables responsive web, mobile app, tablet app, OTT

My contributions
Cross-disciplinary stakeholder management
Design direction and oversight
Design process education and definition
Digital product design
Development spec, support and communication
Leadership presentations
Mentorship of designers and interns
Motion design direction, oversight and development
Presentation coordination and support
Project management
Requirements generation and scope definition
SOW negotiations and new project development
Testing and research
Workshop facilitation

NBA

The NBA International product group recognized that their app was in desperate need of updating. New business objectives meant an increased focus on the League Pass offering, as well as a need to improve user retention, increase engagement and optimize the product for their international audience. NBA fans are located in 215 countries around the world and need their content translated into 15 languages. 

The business requirement was clear: user and design needs must lead technology.

NBA

The NBA International product group recognized that their app was in desperate need of updating. New business objectives meant an increased focus on the League Pass offering, as well as a need to improve user retention, increase engagement and optimize the product for their international audience. NBA fans are located in 168 countries around the world and need their content translated into more than 15 languages. 

The business requirement was clear: user and design needs must lead technology.

NBA

The NBA International product group recognized that their app was in desperate need of updating. New business objectives meant an increased focus on the League Pass offering, as well as a need to improve user retention, increase engagement and optimize the product for their international audience. NBA fans are located in 168 countries around the world and need their content translated into more than 15 languages. 

The business requirement was clear: user and design needs must lead technology.

NBA

The NBA International product group recognized that their app was in desperate need of updating. New business objectives meant an increased focus on the League Pass offering, as well as a need to improve user retention, increase engagement and optimize the product for their international audience. NBA fans are located in 168 countries around the world and need their content translated into more than 15 languages. 

The business requirement was clear: user and design needs must lead technology.

NBA

The NBA International product group recognized that their app was in desperate need of updating. New business objectives meant an increased focus on the League Pass offering, as well as a need to improve user retention, increase engagement and optimize the product for their international audience. NBA fans are located in 168 countries around the world and need their content translated into more than 15 languages. 

The business requirement was clear: user and design needs must lead technology.

The Approach

The Approach

The Approach

The Approach

The Approach

Our team started small. We worked with 4 key product and design members on the international side to begin work on two key items over the course of 7 weeks: a push on the product’s brand language, and development of a personalized Home section in the mobile app. After a 2 day tip-off at their NJ offices meeting a variety of internal groups, we got to work. Our small team of 3 designers crafted visual design style tiles and explored UX concepts in low-fidelity. We pushed our work into high-fidelity and a couple weeks later tested our concepts at the NBA offices with a variety of individuals.

Using Framer, our team created a number of high-fidelity prototypes testing out micro-interactions and overall behavior. Conversations with the Editorial team allowed us to factor in CMS considerations and limitations to refine our designs before handoff. With a completed set of designs, we communicated with third party developers before handoff, documented our work and followed up with QA and design support.

Our team started small. We worked with 4 key members on the international side to begin work on two key items over the course of 7 weeks: a push on the product’s brand language, and development of a personalized Home section in the mobile app. After a 2 day tip-off at their NJ offices meeting a variety of internal groups, we got to work. Our small team of 3 designers crafted visual design style tiles and explored UX concepts in low-fidelity. We pushed our work into high-fidelity and a couple weeks later tested our concepts at the NBA offices with a variety of individuals.

Using Framer, our team created a number of high-fidelity prototypes testing out micro-interactions and overall behavior. Conversations with the Editorial team allowed us to factor in CMS considerations and limitations to refine our designs before handoff. With a completed set of designs, we communicated with third party developers before handoff, documented our work and followed up with QA and design support.

Our team started small. We worked with 4 key members on the international side to begin work on two key items over the course of 7 weeks: a push on the product’s brand language, and development of a personalized Home section in the mobile app. After a 2 day tip-off at their NJ offices meeting a variety of internal groups, we got to work. Our small team of 3 designers crafted visual design style tiles and explored UX concepts in low-fidelity. We pushed our work into high-fidelity and a couple weeks later tested our concepts at the NBA offices with a variety of individuals.

Using Framer, our team created a number of high-fidelity prototypes testing out micro-interactions and overall behavior. Conversations with the Editorial team allowed us to factor in CMS considerations and limitations to refine our designs before handoff. With a completed set of designs, we communicated with third party developers before handoff, documented our work and followed up with QA and design support.

Our team started small. We worked with 4 key members on the international side to begin work on two key items over the course of 7 weeks: a push on the product’s brand language, and development of a personalized Home section in the mobile app. After a 2 day tip-off at their NJ offices meeting a variety of internal groups, we got to work. Our small team of 3 designers crafted visual design style tiles and explored UX concepts in low-fidelity. We pushed our work into high-fidelity and a couple weeks later tested our concepts at the NBA offices with a variety of individuals.

Using Framer, our team created a number of high-fidelity prototypes testing out micro-interactions and overall behavior. Conversations with the Editorial team allowed us to factor in CMS considerations and limitations to refine our designs before handoff. With a completed set of designs, we communicated with third party developers before handoff, documented our work and followed up with QA and design support.

Our team started small. We worked with 4 key members on the international side to begin work on two key items over the course of 7 weeks: a push on the product’s brand language, and development of a personalized Home section in the mobile app. After a 2 day tip-off at their NJ offices meeting a variety of internal groups, we got to work. Our small team of 3 designers crafted visual design style tiles and explored UX concepts in low-fidelity. We pushed our work into high-fidelity and a couple weeks later tested our concepts at the NBA offices with a variety of individuals.

Using Framer, our team created a number of high-fidelity prototypes testing out micro-interactions and overall behavior. Conversations with the Editorial team allowed us to factor in CMS considerations and limitations to refine our designs before handoff. With a completed set of designs, we communicated with third party developers before handoff, documented our work and followed up with QA and design support.

 

 

Following our design system creation and Home project, our team continued on to look at how to improve other parts of the international product. Over the course of the next year, our team grew by 2 designers to end up at 5 overall. We also turned our attention to working not only on the mobile app, but then to multiple other platforms as well. Our team redesigned every section of the mobile app on iOS and Android, reimagined the game watching experience across platforms, overhauled OTT apps and began extending our thinking and design system to responsive web.

Following our design system creation and Home project, our team continued on to look at how to improve other parts of the international product. Over the course of the next year, our team grew by 2 designers to end up at 5 overall. We also turned our attention to working not only on the mobile app, but then all other platforms as well. Our team redesigned every section of the app on mobile and tablet, reimagined the game watching experience across all platforms, overhauled the tvOS app and began extending our thinking and design system to responsive web.

Following our design system creation and Home project, our team continued on to look at how to improve other parts of the international product. Over the course of the next year, our team grew by 2 designers to end up at 5 overall. We also turned our attention to working not only on the mobile app, but then all other platforms as well. Our team redesigned every section of the app on mobile and tablet, reimagined the game watching experience across all platforms, overhauled the tvOS app and began extending our thinking and design system to responsive web.

Following our design system creation and Home project, our team continued on to look at how to improve other parts of the international product. Over the course of the next year, our team grew by 2 designers to end up at 5 overall. We also turned our attention to working not only on the mobile app, but then all other platforms as well. Our team redesigned every section of the app on mobile and tablet, reimagined the game watching experience across all platforms, overhauled the tvOS app and began extending our thinking and design system to responsive web.

Following our design system creation and Home project, our team continued on to look at how to improve other parts of the international product. Over the course of the next year, our team grew by 2 designers to end up at 5 overall. We also turned our attention to working not only on the mobile app, but then all other platforms as well. Our team redesigned every section of the app on mobile and tablet, reimagined the game watching experience across all platforms, overhauled the tvOS app and began extending our thinking and design system to responsive web.

NBA tvOS After 02

The Outcome

The Outcome

The Outcome

The Outcome

The Outcome

For the start of the 19-20 season, international fans would have a completely new experience curated just for them. Every fan across 213 countries would be able to have content surfaced according to their individual preferences and settings. An experience leveraging automated development efforts and a recommendation engine would take a load off the Editorial team, but still allow the NBA to control their own voice in specific yet scalable parts of the product. Collaboration with the data and analytics teams improved tracking needs for metrics to understand design's impact on users; deepened understanding of content workflows allowed for clever use of existing CMS limitations; roadshow materials and prototypes gave the Product team the abilty to socialize designs throughout the org and gain collective League buy-in.

Because of the personalization and Editorial emphasis, new user video engagement increased by 45%. Video starts and watch hours went up, as did user retention and all video consumption across live and VOD. Overall, the iOS version shot up in the App Store with more than 28,000 reviews to almost a 5 star rating.

For the start of the 19-20 season, fans around the world would have a completely new experience curated just for them. Every single fan in 168 countries would be able to have content surfaced according to their individual preferences and settings. A customized experience leveraging automated development efforts and a recommendation engine would take a load off the Editorial team, but still allow the NBA to control their own voice in specific yet scalable parts of the product. Then that voice would show identically across every other platform.

Because of the personalization and Editorial emphasis, new user video engagement increased by 45%. Video starts and watch hours went up, as did user retention and all video consumption across live and VOD. Overall, the iOS version shot up in the App Store with more than 28,000 reviews to almost a 5 star rating.

For the start of the 19-20 season, fans around the world would have a completely new experience curated just for them. Every single fan in 168 countries would be able to have content surfaced according to their individual preferences and settings. A customized experience leveraging automated development efforts and a recommendation engine would take a load off the Editorial team, but still allow the NBA to control their own voice in specific yet scalable parts of the product. Then that voice would show identically across every other platform.

Because of the personalization and Editorial emphasis, new user video engagement increased by 45%. Video starts and watch hours went up, as did user retention and all video consumption across live and VOD. Overall, the iOS version shot up in the App Store with more than 28,000 reviews to almost a 5 star rating.

For the start of the 19-20 season, fans around the world would have a completely new experience curated just for them. Every single fan in 168 countries would be able to have content surfaced according to their individual preferences and settings. A customized experience leveraging automated development efforts and a recommendation engine would take a load off the Editorial team, but still allow the NBA to control their own voice in specific yet scalable parts of the product. Then that voice would show identically across every other platform.

Because of the personalization and Editorial emphasis, new user video engagement increased by 45%. Video starts and watch hours went up, as did user retention and all video consumption across live and VOD. Overall, the iOS version shot up in the App Store with more than 28,000 reviews to almost a 5 star rating.

For the start of the 19-20 season, fans around the world would have a completely new experience curated just for them. Every single fan in 168 countries would be able to have content surfaced according to their individual preferences and settings. A customized experience leveraging automated development efforts and a recommendation engine would take a load off the Editorial team, but still allow the NBA to control their own voice in specific yet scalable parts of the product. Then that voice would show identically across every other platform.

Because of the personalization and Editorial emphasis, new user video engagement increased by 45%. Video starts and watch hours went up, as did user retention and all video consumption across live and VOD. Overall, the iOS version shot up in the App Store with more than 28,000 reviews to almost a 5 star rating.

NBA AppsProject type

CNNProject type

American ExpressProject type

NFLProject type

© 2020 Cassie Matias

© 2019 Cassie Matias

© 2019 Cassie Matias

© 2019 Cassie Matias

© 2019 Cassie Matias