Content Framework & Partner Attribution

Building a flexible framework for seamless integration and partner attribution

Multiple mobile screens displaying the Sonos app interface with options for music streaming services, playlists, and podcast navigation.

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

Thirteen mobile app screens showing Sonos interface mockups with playlist, album, station, and podcast features. Each screen includes titles, subtitles, and placeholders for images. The design features black background, text, icons, and navigation elements.

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.

A collage of various music and audio streaming service logos on a yellow background.

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

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