H&M

Modernizing The Intersection Of Inspiration And E-commerce

1

The Problem

As a multinational clothing retailer, H&M approached us with a problem—they needed to move away from their fast fashion roots quickly to better connect with a millennial audience increasingly concerned with sustainability. But this wasn’t about a preachy CSR move. It had to redefine what it means to shop online. They aspired to tap into a unique whitespace in the clothing retail market: curation, personalization, and socialization for young shoppers.

HM Assets 2

2

The Solution

Our approach? A curated shopping experience that’s built on the strength of endorsers—featuring group actions, peer-to-peer engagements and a seamless blend of browsing and buying that can happen on-or off-site.

Driven by users and enabled by brands, we created a whole new shopping experience to win a younger audience, address the retail market shift, and leverage H&M’s existing investment in this space. Our concept thinking went through robust moderated and unmoderated testing, iterations based on learnings, and design prototype validation across various stages. By understanding the increasingly complex and non-linear customer journey, we created a one-stop-shop for inspiration and e-commerce.

3 001
5 001

3

The Result

The result was a customer experience that enabled users to discover, connect, and sustain engagement with the H&M brand. Endless discovery and personalization came to life through tailored styleboards, inline exploration, Instagram-inspired story posts, digital closets, and more. Through our relationship with H&M, we were able to create a mutually beneficial experience for customers, brands, and H&M alike.

Getting Social with Shared Closets

  • H&M’s identified young female shopper audience wanted to receive fashion advice from their friends, making our shared closets feature the perfect tool.

Keeping Up with the Trends

  • With unique looks and personalized selections, designed styleboards tap into cultural moments, seasonal events, and trendy styles.

Pulling Together the Style Pieces

  • My Daily Look turns users’ physical closets into digital closets. Users can swipe through outfit options to pick out their look each morning, giving them the flexibility and variety to try new trends through H&M.

Making the PDP Pop

  • Product detail pages feature tailored opportunities for discovery. Users’ shopping experiences don’t end with the PDP—other features prompt them as they explore and shop

9 001
Screenshot 2023 09 29 at 3 51 52 PM
The Ritz-Carlton

Redefining the Legacy of Luxury for a Powerhouse in Hospitality

The hotel giant partnered with Code and Theory to bring its hotel's luxury into every element of its digital experience.

Read More
  • Built a scalable design system for both The Ritz-Carlton and The Ritz-Carlton Reserve.
  • Created a guest-centric site structure to facilitate booking, content exploration and discovery.
  • Strategy, design and launch in under one year.

Driving B2B Growth

Partnering with some of the world's largest companies to fuel their business-to-business expansion.

Tipico Featured Module
Tipico

Succeeding on a Mission to Win Ohio

AOR leading an integrated campaign to capitalize on the moment and bring Tipico to market.

Read More
  • Challenging category conventions to create a differentiated connection with audiences
  • Speaking with Ohio sports fans the same way they speak to each other
  • Working in an Integrated Agency team to connect through all media channels, including the app

Evolving E-commerce to Fit Modern Audiences

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Screen Shot 2023 03 01 at 11 14 04 AM
Marriott Bonvoy

Reimagining Marriott Bonvoy as a Hub for Travel and Commerce

Evolving Bonvoy’s design system to be more modern and immersive while staying true to the core strong brand identity.

Read More
  • Mobile-First
  • Contextualized Conversion
  • Flexible Design and Content Systems

Leading With Empathy and Inclusivity

Having deeper conversations, widening the funnel, and driving innovation with an inclusive-first lens.

Untitled design
Allspring

Speed to Market for a Portfolio Optimization Tool

Crafting a UI for a complex product through user input and clear data visualization.

Read More
  • Improving workflow processes through enhanced user interface design
  • Clear and simple data visualizations for complex data sets
  • Designing a roadmap to continue to iterate and optimize the product on a rolling basis post-launch

Transforming Education's Forefront

Defining the future of digital experiences in education.

Pfizer World| Shaping a Platform into a Beacon for New Priorities and Ways of Work

Pfizer World

<p>Pfizer World</p>

Transforming a platform into a meaningful beacon to set new priorities and ways of working.

Read More
Galleri| Introducing a Revolutionary Medical Feat to the Market

Galleri

<p>Galleri</p>

Creating the first B2C campaign and user experience for a first-of-its-kind cancer detection test.

Read More
Black BoxBlack BoxBlack Box

Recognition

  • YETI x Code and Theory

    Innovation by Design

    Best in Marketing
  • Code and Theory

    Innovation by Design

    Design Company of the Year
  • Code and Theory

    Ad Age

    Agency A-List

All Work

 2023

Says a Lot —

Latest

News — 

Code and Theory Wins Three Drum Awards For AI, Creativity, and UX with YETI and Tipico

News — 

Under Armour Launches UA Rewards with Masterclass-style Video Series, in Partnership with Code and Theory

News — 

Figma Names Code and Theory as Launch Partner in New Service Partner Program

News — 

Scout by Sutter Health™ Launches an App Focused on Resilience Building for Youth and their ‘Champions’, Built by Code and Theory

News — 

Code and Theory Network Wins Six W3 Awards

News — 

Facing the Future: A Guide to AI and Design Transformation

News — 

Amazon Ads Debuts First Small Business-Targeted Campaign

News — 

YETI Wins Fast Company Innovation By Design Award for Marketing