Logitech MX Series

premium product line web experience
Client
Logitech
Role
Visual Design Lead, UX Design
Project type
B2C multi locale web exeprience
Release date
2018

I led the design strategy and execution for the Logitech MX Series digital experience, building a premium storytelling framework that positioned MX as the pinnacle of performance and innovation across productivity tools. The goal was to create an immersive, conversion-optimized experience that elevated MX’s value proposition while aligning it with Logitech’s broader brand and commerce ecosystem.

Project Overview

The Challenge:

MX is Logitech’s flagship line of advanced productivity tools, used by developers, designers and power users worldwide. Despite the products' popularity the existing web experience lacked a clear narrative and failed to differentiate the line in a meaningful way. Users often struggled to understand what made MX special or which product best fit their needs.

The Goal:

  • Build a premium digital experience to position MX as the ultimate performance tier
  • Help users quickly understand the unique benefits of the MX ecosystem
  • Support product discovery and decision making with clear, comparative storytelling
  • Integrate the experience into Logitech’s global site infrastructure and commerce flows
  • Ensure consistency with Logitech’s updated brand language and accessibility standards
Through user research and stakeholder workshops, we uncovered two primary customer personas. The Power Seeker is a tech-savvy user looking for high-performance tools to maximize output and workflow efficiency. The Everyday Multitasker values reliability and smart features that adapt to their changing tasks and devices. These personas helped guide messaging, content structure, and product hierarchy.
We mapped common shopping and research behaviors to identify friction points. Users often jumped between multiple product pages or external review sites to make sense of MX’s offerings. To address this, we created a unified landing experience that simplified product comparisons and provided clarity around cross-device functionality, software features and user scenarios within the MX product line.
Key highlights:
  • A modular landing page structure highlighting MX’s unique design and software advantages
  • Interactive product recommendation sections to support confident purchasing decisions
  • Dynamic content modules that adjust based on category context and user entry point
  • Rich lifestyle photography and animation to convey premium design and precision engineering
  • Bold new visual language developed in collaboration with Man vs. Machine to create a striking 3D identity as a category differentiator
This content has been optimized for larger screens, please view this page on desktop for best experience.
Product Detail Page - MX Keys (Desktop)
Product Detail Page - MX Master (Desktop)
Landing Page (Desktop)
For Coders Page (Desktop)
For Creatives Page (Desktop)