Editorialized E-Commerce

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 wanted to leverage their entertaining and cookbook content to blend inspiration with commerce. Their goal was to create a richer digital experience that engaged users through recipes and editorial storytelling, while seamlessly promoting related products and driving purchases.

Solution

We designed a merged editorial and product ecosystem that connected recipes, articles, and product recommendations into one cohesive experience. Clear navigation and personalized content created a natural flow from inspiration to purchase, while the polished, shoppable interface tied storytelling directly to commerce and influenced Williams-Sonoma’s future e-commerce direction.

Process & Approach

Discovery

Audited cookbook and catalog content to uncover emotional brand opportunities

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Mapped how storytelling could connect seamlessly to product exploration

Discovery

Audited cookbook and catalog content to uncover emotional brand opportunities

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Mapped how storytelling could connect seamlessly to product exploration

Discovery

Audited cookbook and catalog content to uncover emotional brand opportunities

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Mapped how storytelling could connect seamlessly to product exploration

Discovery

Audited cookbook and catalog content to uncover emotional brand opportunities

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Mapped how storytelling could connect seamlessly to product exploration

Content Creation

Built a first-year roadmap of seasonal recipes and entertaining guides

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Balanced brand emotion with clear pathways to purchase

Content Creation

Built a first-year roadmap of seasonal recipes and entertaining guides

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Balanced brand emotion with clear pathways to purchase

Content Creation

Built a first-year roadmap of seasonal recipes and entertaining guides

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Balanced brand emotion with clear pathways to purchase

Content Creation

Built a first-year roadmap of seasonal recipes and entertaining guides

Defined tone blending inspiration, warmth, and Williams-Sonoma’s trusted expertise

Balanced brand emotion with clear pathways to purchase

UX, UI & Motion

Designed reusable templates to unify structure and speed production

Applied branded motion for flow, rhythm, and emotional engagement

Refined typography, color, and layout for warmth and sophistication

UX, UI & Motion

Designed reusable templates to unify structure and speed production

Applied branded motion for flow, rhythm, and emotional engagement

Refined typography, color, and layout for warmth and sophistication

UX, UI & Motion

Designed reusable templates to unify structure and speed production

Applied branded motion for flow, rhythm, and emotional engagement

Refined typography, color, and layout for warmth and sophistication

UX, UI & Motion

Designed reusable templates to unify structure and speed production

Applied branded motion for flow, rhythm, and emotional engagement

Refined typography, color, and layout for warmth and sophistication

Content Strategy and Information Architecture: Working in a small team, I partnered with our in-house editorial expert to review Williams-Sonoma’s cookbooks, articles, and brand archives. Together, we developed a content strategy and first-year roadmap that turned existing assets into cohesive seasonal themes, recipes, and entertaining guides.

We built flexible, reusable templates that aligned design, editorial, and development from the start. Shared patterns for layout, typography, and media made it easier for developers to launch new content quickly. The approach streamlined collaboration, sped up production, and kept every recipe, article, and feature consistent with the Williams-Sonoma brand.

industry

Luxury Hospitality

industry

Luxury Hospitality

industry

Luxury Hospitality

industry

Luxury Hospitality

timeframe

6 months

timeframe

6 months

timeframe

6 months

timeframe

6 months

skills

Branding, Content Strategy, Information Architecture, Prototyping, UI Design

skills

Branding, Content Strategy, Information Architecture, Prototyping, UI Design

skills

Branding, Content Strategy, Information Architecture, Prototyping, UI Design

skills

Branding, Content Strategy, Information Architecture, Prototyping, UI Design

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

tools

Figma ,Photoshop, Illustrator, Usertesting.com

A refreshed homepage unified inspiration, products, and seasonal stories under a cohesive, elevated brand experience.

Modular articles blended storytelling and shoppable moments for a more engaging, intuitive read.

Personalized recommendations matched each user’s interests, highlighting recipes, tools, and ideas that encouraged discovery, saving, and purchase.

Contextual videos were embedded within stories to show how recipes come together and offer quick product solutions. Each clip let users watch, save, or purchase directly.

Results

App demo gained strong stakeholder support and was used to secure further funding.

Design patterns informed Williams-Sonoma’s future e-commerce redesign and digital direction.

User testing proved integrated editorial-product content increased engagement and purchase intent.

Project showcased how storytelling and commerce can coexist to strengthen brand connection and sales.

App demo gained strong stakeholder support and was used to secure further funding.

Design patterns informed Williams-Sonoma’s future e-commerce redesign and digital direction.

User testing proved integrated editorial-product content increased engagement and purchase intent.

Project showcased how storytelling and commerce can coexist to strengthen brand connection and sales.

App demo gained strong stakeholder support and was used to secure further funding.

Design patterns informed Williams-Sonoma’s future e-commerce redesign and digital direction.

User testing proved integrated editorial-product content increased engagement and purchase intent.

Project showcased how storytelling and commerce can coexist to strengthen brand connection and sales.

App demo gained strong stakeholder support and was used to secure further funding.

Design patterns informed Williams-Sonoma’s future e-commerce redesign and digital direction.

User testing proved integrated editorial-product content increased engagement and purchase intent.

Project showcased how storytelling and commerce can coexist to strengthen brand connection and sales.

Learnings

Cross-team collaboration was essential to align editorial tone with product experience.

Early prototyping helped validate key user behaviors before investing in full build.

Reusable patterns accelerated future design and simplified developer handoff.

Clear brand emotion made functional interactions feel more human and memorable.

Cross-team collaboration was essential to align editorial tone with product experience.

Early prototyping helped validate key user behaviors before investing in full build.

Reusable patterns accelerated future design and simplified developer handoff.

Clear brand emotion made functional interactions feel more human and memorable.

Cross-team collaboration was essential to align editorial tone with product experience.

Early prototyping helped validate key user behaviors before investing in full build.

Reusable patterns accelerated future design and simplified developer handoff.

Clear brand emotion made functional interactions feel more human and memorable.

Cross-team collaboration was essential to align editorial tone with product experience.

Early prototyping helped validate key user behaviors before investing in full build.

Reusable patterns accelerated future design and simplified developer handoff.

Clear brand emotion made functional interactions feel more human and memorable.

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

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

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

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