E-Commerce meets editorial

Blending editorial storytelling with online shopping to inspire discovery and conversion.

Problem

Men’s Health wanted to turn its trusted training expertise into a digital experience. The challenge was to guide users through structured programs that adapted to their fitness level, while staying true to the brand’s confident, motivating tone.

Solution

Partnered with Men’s Health editors and trainers to bring expert fitness content to life in a motivating digital experience. Simplified discovery and program flow to help users stay consistent, and delivered a bold, structured app that launched as a 20-day guided plan.

Problem

Williams-Sonoma had a vast library of food and entertaining content sitting unused while their digital products focused purely on transactions. The opportunity was to activate that content as a commerce driver, turning editorial storytelling into a pathway to purchase and giving customers a reason to return beyond buying.

Solution

A content commerce platform that structured WS's food and entertaining library into four distinct content types, each with its own journey and purchase pathway. Stories led users from inspiration to product to cart, with the buying experience connecting back to the WS app. The prototype was compelling enough that the CEO redirected the WS product roadmap to integrate this content model into their main app, which launched in 2022.

Process & Approach

Research

WS customer data informed content selection, purchase journey mapping and seasonal timing

Worked through 150 books against top product and content performance data

Four content types defined based on how WS customers actually discover and buy

Research

WS customer data informed content selection, purchase journey mapping and seasonal timing

Worked through 150 books against top product and content performance data

Four content types defined based on how WS customers actually discover and buy

Research

WS customer data informed content selection, purchase journey mapping and seasonal timing

Worked through 150 books against top product and content performance data

Four content types defined based on how WS customers actually discover and buy

Architecture

Structured content into four distinct journey types: Featured, Seasonal, Products, Books

Each story type had its own pathway from editorial to purchase to cart

Cart linked back to the WS app to complete the transaction without leaving the experience

Architecture

Structured content into four distinct journey types: Featured, Seasonal, Products, Books

Each story type had its own pathway from editorial to purchase to cart

Cart linked back to the WS app to complete the transaction without leaving the experience

Prototype

Full hi-fi prototype built with working purchase pathways and live content per story type

One year content roadmap planned and launch content ready to go

CEO saw the prototype and redirected the WS product roadmap to integrate this model

Prototype

Full hi-fi prototype built with working purchase pathways and live content per story type

One year content roadmap planned and launch content ready to go

CEO saw the prototype and redirected the WS product roadmap to integrate this model

The content strategy was built around WS customer data, not assumptions. Working with the content editor we mined 150 books against top performing products and seasonal timing to plan what stories would resonate and when. Each story was structured to move the user naturally from editorial to product without the transition feeling like an ad. These screens show that journey: story entry, content and product embedded mid-scroll, and product detail with a direct path to purchase.

By the time we presented the prototype, the app had working purchase pathways, live content across all four story types, a full launch content schedule and a one year roadmap. The CEO saw it and redirected the WS product roadmap entirely. Rather than launching as a standalone app, this content commerce model was integrated into the main Williams-Sonoma app, which launched in 2022.

industry

Luxury Hospitality

timeframe

6 months

team

Design lead partnering with content, creative direction, and a small engineering team

skills & tools

Branding, content strategy, information architecture, UI and interaction design, prototyping, Figma, Adobe Creative Suite, Usertesting.com

Homepage, featured content feed and product detail, three of the four content journeys showing how editorial and commerce were structured to work as one experience.

A seasonal entertaining story moving from recipe entry through ingredient detail to how-to tips and product, showing how content and commerce were woven together within a single narrative.

The homepage prototype showing the full content architecture in motion: Featured, For You, Saved and All Titles navigation, with Chef Spotlight, seasonal stories, product in use content and book collections all structured as distinct but connected journeys.

The full story journey: article entry, how-to tips, product in context and a direct path to purchase, all within a single piece of content without breaking the editorial experience.

Results

Prototype compelling enough for the CEO to redirect the WS product roadmap

Content commerce model integrated into the main WS app, which launched in 2022

Full launch content ready and one year content roadmap completed at point of handoff

Proved that editorial storytelling could drive product discovery and purchase intent within a single experience

What I'd do differently

Build user testing into the process earlier to validate journey assumptions before full content production

Develop a more robust content management framework to make seasonal updates faster and more scalable

Track engagement and conversion data from launch to prove the content commerce model with real numbers

Push for a phased launch rather than a full pivot, to test the model in market before full integration

i'm open for work and freelance projects, feel free to email me to see how we can collaborate

i'm open for work and freelance projects, feel free to email me to see how we can collaborate