Content Framework & Partner Attribution

Building a flexible framework for seamless integration and partner attribution

The Sonos app integrates with over 100 content services, requiring a consistent and unified experience across diverse platforms and content types. To achieve this, we developed flexible UI frameworks designed to accommodate various content formats and metadata.

As the content design lead, I collaborated closely with partner team stakeholders and major content providers like Spotify, Apple Music, and Amazon. Together, we aligned on partner strategies, ensuring that our design decisions not only reflected our agreements but also supported the shared vision we shaped for the future of content integration.

My Role

Lead Product Designer


Team

Art Director
Product Manager (Partner Integrations)

10+ Mobile Engineers/QA
5+ Web Engineers/QA
5 Platform Engineers


Timeline

Q4 2022 – Q3 2023

Impact

Successful alignment with top content partners such as Spotify, Apple Music & Amazon

on partner strategy for the new Sonos app.


+17 million total click-throughs

into partner service home in the Sonos app over the last 30 days.


+51 million total click-throughs

on the Play button within content hero views over the last 30 days.

Partner Collaboration Process

01
Analyze existing partner-provided metadata and content to identify gaps and develop an effective IA framework for browse touch points.

02
Assess partner requirements—including branding, contractual agreements, and attribution guidelines—to ensure proper representation in aggregated content views.

03
Collaborate with major content partners to align on strategic goals, refine proposals for the new app’s vision, and iterate based on feedback.

04
Develop clear guidelines for partners on asset and metadata submission, ensuring consistency and seamless integration into our frameworks while evolving the service experience.

Designing the Hero and Container View Information Architecture

Establishing partner-dedicated content sections

Clarifying partner attribution in aggregated content views

Developing a sustainable and scalable framework to support diverse content types and services, ensuring consistency and adaptability across the user experience.

Visual attribution to indicate sections exclusively dedicated to partners and hero moments.

Content-level badging to indicate partner attribution in aggregated content touchpoints.

Request a Case Study

Interested in learning more about this project? Get in touch for more details.

View More Work