Simplifying Shark’s In-Store Experience

Simplifying Shark’s In-Store Experience

Simplifying Shark’s In-Store Experience

Simplifying Shark’s In-Store Experience

Simplifying Shark’s In-Store Experience

Simplifying retail choices and boosting sales through confident, self-serve UX

Simplifying retail choices and boosting sales through confident, self-serve UX

Simplifying retail choices and boosting sales through confident, self-serve UX

Simplifying retail choices and boosting sales through confident, self-serve UX

Simplifying retail choices and boosting sales through confident, self-serve UX

Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator

Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator

Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator

Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator

Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator

Challenge

At John Lewis, shoppers browsing Shark vacuums and wet cleaners were often overwhelmed by too many models, complex specs, and unclear differences between products. The goal was to design a self-serve touchscreen kiosk that made product selection easy, thus helping customers find the right product quickly with confidence.

Challenge

At John Lewis, shoppers browsing Shark vacuums and wet cleaners were often overwhelmed by too many models, complex specs, and unclear differences between products. The goal was to design a self-serve touchscreen kiosk that made product selection easy, thus helping customers find the right product quickly with confidence.

Challenge

At John Lewis, shoppers browsing Shark vacuums and wet cleaners were often overwhelmed by too many models, complex specs, and unclear differences between products. The goal was to design a self-serve touchscreen kiosk that made product selection easy, thus helping customers find the right product quickly with confidence.

Challenge

At John Lewis, shoppers browsing Shark vacuums and wet cleaners were often overwhelmed by too many models, complex specs, and unclear differences between products. The goal was to design a self-serve touchscreen kiosk that made product selection easy, thus helping customers find the right product quickly with confidence.

Challenge

At John Lewis, shoppers browsing Shark vacuums and wet cleaners were often overwhelmed by too many models, complex specs, and unclear differences between products. The goal was to design a self-serve touchscreen kiosk that made product selection easy, thus helping customers find the right product quickly with confidence.

Key Impact


🔼 +25% kiosk engagement time

🛒 +18% sales uplift for featured products

👥 Reduced reliance on staff

Key Impact


🔼 +25% kiosk engagement time

🛒 +18% sales uplift for featured products

👥 Reduced reliance on staff

Key Impact


🔼 +25% kiosk engagement time

🛒 +18% sales uplift for featured products

👥 Reduced reliance on staff

Key Impact


🔼 +25% kiosk engagement time

🛒 +18% sales uplift for featured products

👥 Reduced reliance on staff

Key Impact


🔼 +25% kiosk engagement time

🛒 +18% sales uplift for featured products

👥 Reduced reliance on staff

Discovery & Strategy


I led a discovery workshop with Shark stakeholders to align on business goals and shopper pain points. Together, we built a logic framework to define key product decision drivers:


  • Corded vs. cordless


  • Pet hair performance


  • Budget and price tiers


Two clear user flows emerged:


Guided Mode for a step-by-step experience for users who wanted product recommendations. Browse Mode for a faster, free-form flow for confident shoppers exploring specs independently.


I discovered that product data inconsistencies were limiting filter accuracy, so I partnered with developers to enable dynamic and reliable product filtering.

Discovery & Strategy


I led a discovery workshop with Shark stakeholders to align on business goals and shopper pain points. Together, we built a logic framework to define key product decision drivers:


  • Corded vs. cordless


  • Pet hair performance


  • Budget and price tiers


Two clear user flows emerged:


Guided Mode for a step-by-step experience for users who wanted product recommendations.


Browse Mode for a faster, free-form flow for confident shoppers exploring specs independently.


I discovered that product data inconsistencies were limiting filter accuracy, so I partnered with developers to enable dynamic and reliable product filtering.

Discovery & Strategy


I led a discovery workshop with Shark stakeholders to align on business goals and shopper pain points. Together, we built a logic framework to define key product decision drivers:


  • Corded vs. cordless


  • Pet hair performance


  • Budget and price tiers


Two clear user flows emerged:


Guided Mode for a step-by-step experience for users who wanted product recommendations.


Browse Mode for a faster, free-form flow for confident shoppers exploring specs independently.


I discovered that product data inconsistencies were limiting filter accuracy, so I partnered with developers to enable dynamic and reliable product filtering.

Discovery & Strategy


I led a discovery workshop with Shark stakeholders to align on business goals and shopper pain points. Together, we built a logic framework to define key product decision drivers:


  • Corded vs. cordless


  • Pet hair performance


  • Budget and price tiers


Two clear user flows emerged:


Guided Mode for a step-by-step experience for users who wanted product recommendations. Browse Mode for a faster, free-form flow for confident shoppers exploring specs independently.


I discovered that product data inconsistencies were limiting filter accuracy, so I partnered with developers to enable dynamic and reliable product filtering.

Discovery & Strategy


I led a discovery workshop with Shark stakeholders to align on business goals and shopper pain points. Together, we built a logic framework to define key product decision drivers:


  • Corded vs. cordless


  • Pet hair performance


  • Budget and price tiers


Two clear user flows emerged:


Guided Mode for a step-by-step experience for users who wanted product recommendations. Browse Mode for a faster, free-form flow for confident shoppers exploring specs independently.


I discovered that product data inconsistencies were limiting filter accuracy, so I partnered with developers to enable dynamic and reliable product filtering.

UX Architecture


  • Flat navigation for ease and speed


  • Filter by need (e.g., pets, floor type)


  • Compare models side-by-side


  • Product cards with key specs and benefits


This structure reduced cognitive load, making exploration natural and intuitive.

UX Architecture


  • ”Flat navigation for ease and speed


  • Filter by need (e.g., pets, floor type)


  • Compare models side-by-side


  • Product cards with key specs and benefits


This structure reduced cognitive load, making exploration natural and intuitive.

UX Architecture


Flat navigation for ease and speed


  • Filter by need (e.g., pets, floor type)


  • Compare models side-by-side


  • Product cards with key specs and benefits


This structure reduced cognitive load, making exploration natural and intuitive.

UX Architecture


  • Flat navigation for ease and speed


  • Filter by need (e.g., pets, floor type)


  • Compare models side-by-side


  • Product cards with key specs and benefits


This structure reduced cognitive load, making exploration natural and intuitive.

UX Architecture


  • Flat navigation for ease and speed


  • Filter by need (e.g., pets, floor type)


  • Compare models side-by-side


  • Product cards with key specs and benefits


This structure reduced cognitive load, making exploration natural and intuitive.

Design Principles


The experience was grounded in three design principles:


Informative - Give enough detail to decide without overload


Engaging - Scroll, tap, and visuals built user attention


Personable - TOV and microcopy made content relatable

Design Principles


The experience was grounded in three design principles:


Informative

Give enough detail to decide without overload


Engaging

Scroll, tap, and visuals built user attention


Personable

TOV and microcopy made content relatable

Design Principles


The experience was grounded in three design principles:


Informative

Give enough detail to decide without overload


Engaging

Scroll, tap, and visuals built user attention


Personable

TOV and microcopy made content relatable

Design Principles


The experience was grounded in three design principles:


Informative - Give enough detail to decide without overload


Engaging - Scroll, tap, and visuals built user attention


Personable - TOV and microcopy made content relatable

Design Principles


The experience was grounded in three design principles:


Informative - Give enough detail to decide without overload


Engaging - Scroll, tap, and visuals built user attention


Personable - TOV and microcopy made content relatable

Design Execution


Using Figma, I designed high-fidelity wireframes optimised for in-store use:


  • Large tap targets for standing users


  • High contrast UI for visibility under store lighting


  • Modular product cards for quick scanning


  • Clear hierarchy to reduce decision fatigue


The modular design also allowed the kiosk to scale across future retail campaigns and product lines.

Design Execution


Using Figma, I designed high-fidelity wireframes optimised for in-store use:


  • Large tap targets for standing users


  • High contrast UI for visibility under store lighting


  • Modular product cards for quick scanning


  • Clear hierarchy to reduce decision fatigue


The modular design also allowed the kiosk to scale across future retail campaigns and product lines.

Design Execution


Using Figma, I designed high-fidelity wireframes optimised for in-store use:


  • Large tap targets for standing users


  • High contrast UI for visibility under store lighting


  • Modular product cards for quick scanning


  • Clear hierarchy to reduce decision fatigue


The modular design also allowed the kiosk to scale across future retail campaigns and product lines.

Design Execution


Using Figma, I designed high-fidelity wireframes optimised for in-store use:


  • Large tap targets for standing users


  • High contrast UI for visibility under store lighting


  • Modular product cards for quick scanning


  • Clear hierarchy to reduce decision fatigue


The modular design also allowed the kiosk to scale across future retail campaigns and product lines.

Design Execution


Using Figma, I designed high-fidelity wireframes optimised for in-store use:


  • Large tap targets for standing users


  • High contrast UI for visibility under store lighting


  • Modular product cards for quick scanning


  • Clear hierarchy to reduce decision fatigue


The modular design also allowed the kiosk to scale across future retail campaigns and product lines.

Testing & Iteration


I conducted usability testing on actual kiosk hardware in-store, observing real customer behaviour.


Key refinements included:


  • Repositioned CTAs for better reach and visibility


  • Simplified Guided Mode to reduce steps


  • Improved visual hierarchy on dense pages


Post-launch analytics confirmed the improvements: users spent more time engaging with the kiosk, yet completed purchases faster and with greater confidence.

Testing & Iteration


I conducted usability testing on actual kiosk hardware in-store, observing real customer behaviour.


Key refinements included:


  • Repositioned CTAs for better reach and visibility


  • Simplified Guided Mode to reduce steps


  • Improved visual hierarchy on dense pages


Post-launch analytics confirmed the improvements: users spent more time engaging with the kiosk, yet completed purchases faster and with greater confidence.

Testing & Iteration


I conducted usability testing on actual kiosk hardware in-store, observing real customer behaviour.


Key refinements included:


  • Repositioned CTAs for better reach and visibility


  • Simplified Guided Mode to reduce steps


  • Improved visual hierarchy on dense pages


Post-launch analytics confirmed the improvements: users spent more time engaging with the kiosk, yet completed purchases faster and with greater confidence.

Testing & Iteration


I conducted usability testing on actual kiosk hardware in-store, observing real customer behaviour.


Key refinements included:


  • Repositioned CTAs for better reach and visibility


  • Simplified Guided Mode to reduce steps


  • Improved visual hierarchy on dense pages


Post-launch analytics confirmed the improvements: users spent more time engaging with the kiosk, yet completed purchases faster and with greater confidence.

Testing & Iteration


I conducted usability testing on actual kiosk hardware in-store, observing real customer behaviour.


Key refinements included:


  • Repositioned CTAs for better reach and visibility


  • Simplified Guided Mode to reduce steps


  • Improved visual hierarchy on dense pages


Post-launch analytics confirmed the improvements: users spent more time engaging with the kiosk, yet completed purchases faster and with greater confidence.

What I learned

The dual‑mode flow balanced novice and confident shoppers, making product selection faster and more intuitive. By grounding the design in real in‑store behaviour and using a modular approach, we delivered a scalable retail tool that boosted confidence, reduced friction, and delivered measurable business results.

What I learned

The dual‑mode flow balanced novice and confident shoppers, making product selection faster and more intuitive. By grounding the design in real in‑store behaviour and using a modular approach, we delivered a scalable retail tool that boosted confidence, reduced friction, and delivered measurable business results.

What I learned

The dual‑mode flow balanced novice and confident shoppers, making product selection faster and more intuitive. By grounding the design in real in‑store behaviour and using a modular approach, we delivered a scalable retail tool that boosted confidence, reduced friction, and delivered measurable business results.

What I learned

The dual‑mode flow balanced novice and confident shoppers, making product selection faster and more intuitive. By grounding the design in real in‑store behaviour and using a modular approach, we delivered a scalable retail tool that boosted confidence, reduced friction, and delivered measurable business results.

What I learned

The dual‑mode flow balanced novice and confident shoppers, making product selection faster and more intuitive. By grounding the design in real in‑store behaviour and using a modular approach, we delivered a scalable retail tool that boosted confidence, reduced friction, and delivered measurable business results.

Focus Areas
Interactive Kiosk
Retail
Product Selector
UX Design
Interaction Design

Focus Areas
Interactive Kiosk
Retail
Product Selector
UX Design
Interaction Design

Focus Areas
Interactive Kiosk
Retail
Product Selector
UX Design
Interaction Design

Focus Areas
Interactive Kiosk
Retail
Product Selector
UX Design
Interaction Design

Focus Areas
Interactive Kiosk
Retail
Product Selector
UX Design
Interaction Design