Hawes & Curtis · Editorial Commerce
Senior Product Designer
SS26 Lookbook.
SS26 Lookbook.
A shoppable editorial lookbook designed for Hawes & Curtis, connecting seasonal campaign imagery with product discovery and giving customers a more inspiring route into the SS26 collection.
A shoppable editorial lookbook designed for Hawes & Curtis, connecting seasonal campaign imagery with product discovery and giving customers a more inspiring route into the SS26 collection.
UX Design
UX Design
UI Design
UI Design
Prototyping
Prototyping
HTML / CSS Build
HTML / CSS Build
Project snapshot
Senior Product Designer
The work at a glance
The work at a glance
A campaign page built to make seasonal outfits easier to explore, while keeping the experience elevated, editorial and commercially useful.
A campaign page built to make seasonal outfits easier to explore, while keeping the experience elevated, editorial and commercially useful.
Brand
Hawes & Curtis
Brand
Hawes & Curtis
Role
UX design, visual design, prototyping and front-end build
Role
UX design, visual design, prototyping and front-end build
Platform
Custom CMS
Platform
Custom CMS
Output
Responsive shoppable lookbook experience
Output
Responsive shoppable lookbook experience
Early thinking
Senior Product Designer
How I shaped the direction
How I shaped the direction
The brand had strong campaign imagery, but needed a better digital experience to turn inspiration into product exploration without making the page feel like a standard product grid.
The brand had strong campaign imagery, but needed a better digital experience to turn inspiration into product exploration without making the page feel like a standard product grid.
Mapped the shopping journey
I looked at how users would move from campaign imagery into product discovery, focusing on the moments where inspiration needed to become action.
I looked at how users would move from campaign imagery into product discovery, focusing on the moments where inspiration needed to become action.
Explored editorial layouts
I tested ways to balance full-bleed campaign imagery, outfit storytelling and product access without making the page feel overloaded.
I tested ways to balance full-bleed campaign imagery, outfit storytelling and product access without making the page feel overloaded.
Built around constraints
I refined the final structure so it could work responsively inside the existing CMS, with reusable rows and manageable image requirements.
I refined the final structure so it could work responsively inside the existing CMS, with reusable rows and manageable image requirements.
Approach
Senior Product Designer
From campaign assets to shoppable story
From campaign assets to shoppable story
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
Approach
Senior Product Designer
From campaign assets to shoppable story
From campaign assets to shoppable story
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
Default state
User lands on the outfit/product grid and can browse the lookbook visually.
Default state
User lands on the outfit/product grid and can browse the lookbook visually.
Tap the plus icon
The plus acts as the main affordance for revealing product information.
Tap the plus icon
The plus acts as the main affordance for revealing product information.
Slide-up product panel
The product tray brings the shopping layer into the lookbook without forcing a full page jump.
Slide-up product panel
The product tray brings the shopping layer into the lookbook without forcing a full page jump.
Continue to PDP
Once the user has context, they can move into the deeper product journey.
Continue to PDP
Once the user has context, they can move into the deeper product journey.
design
Senior Product Designer
Desktop Overview
Desktop Overview
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
The early exploration focused on how much product information to reveal, where to introduce shopping actions, and how to keep the page feeling premium rather than purely transactional.
OVERVIEW
Senior Product Designer
Final outcome
Final outcome
A premium editorial shopping experience designed to connect seasonal storytelling with product discovery, helping customers move from inspiration into considered buying journeys.
A premium editorial shopping experience designed to connect seasonal storytelling with product discovery, helping customers move from inspiration into considered buying journeys.
VIEW THE LIVE PAGE
Premium campaign moment
The lookbook gives the SS26 collection a more elevated digital presence.
Premium campaign moment
The lookbook gives the SS26 collection a more elevated digital presence.
Clearer shopping route
The page connects editorial storytelling with product/category discovery.
Clearer shopping route
The page connects editorial storytelling with product/category discovery.
Reusable direction
The structure can support future campaign-led shopping experiences.
Reusable direction
The structure can support future campaign-led shopping experiences.
Available for selected opportunities
Let's work!
I’m strongest when a project needs both design craft and practical thinking. I can take an idea from rough brief to Figma concept, UX flow, responsive layout, developer handoff and final QA, keeping the experience polished, usable and commercially focused.
My background in design, Product Ownership, CRO, HTML/CSS and eCommerce means I understand how digital work actually gets made, not just how it should look in a design file.
I’m strongest when a project needs both design craft and practical thinking. I can take an idea from rough brief to Figma concept, UX flow, responsive layout, developer handoff and final QA, keeping the experience polished, usable and commercially focused.
My background in design, Product Ownership, CRO, HTML/CSS and eCommerce means I understand how digital work actually gets made, not just how it should look in a design file.
