Logitech.com

global e-commerce web experience & design system
Client
Logitech
Role
Creative director/Visual Design Lead, UX Design
Project type
Global B2C Ecommerce & Marketing website redesign
Release date
Q2 2024

I led the creation of the new visual language for Logitech's global e-commerce and marketing web experience, based on the company's global brand refresh and helped rebuild the entire site architecture from the ground up. This comprehensive transformation of Logitech's digital presence unified their diverse brand portfolio under one cohesive umbrella while highlighting their commitment to people and planet and improving overall user experience.

This content has been optimized for larger screens, please view this page on desktop for best experience.
Project Overview

The Challenge:

Logitech had evolved into a multi-brand technology leader with distinct sub-brands and product lines spanning gaming, productivity, creativity and lifestyle categories. However their digital presence had become fragmented with inconsistent experiences across different brand websites and product categories.

The Goal:

  • Unify the brand architecture under one umbrella
  • Reflect Logi's refreshed visual identity across all digital touchpoints
  • Elevate brand's commitment to sustainability and social responsibility
  • Improve product discovery and the e-commerce experience
  • Create a scalable system that could accommodate future growth and innovation
Through extensive user research we developed key personas representing Logitech's diverse customer base from gaming enthusiasts and creative professionals to tech forward parents and business decision makers. These insights guided our strategic framework focused on unified brand architecture, values led storytelling (with a strong focus on planet and people), intuitive product discovery and conversion optimized commerce experiences.
A critical part of our process involved mapping comprehensive user journeys to identify pain points and opportunities across the entire customer lifecycle. We uncovered that users were struggling to navigate between product categories and understand which Logitech brands served their specific needs. This insight led us to create intuitive cross brand navigation paths and contextual recommendation systems that help users discover relevant products regardless of which Logitech brand website they initially landed on. We also identified opportunities to showcase Logitech's sustainability initiatives at key moments in the purchase journey where users were most receptive to this information.
The redesign delivered several key innovations:
  • Bold new visual language balancing technological precision with warmth
  • Unified site architecture bringing all Logitech brands together while preserving their distinct identities
  • Centralized content hub aggregating news and stories
  • Streamlined navigation and intuitive filtering on PLP pages
  • Rich product detail pages optimized for conversion
Underpinning it all, we developed a comprehensive design system and component library ensuring consistency across all digital touchpoints while enabling efficient scaling.

Homepage

Desktop
Mobile

Navigation

Desktop
Mobile

Product Listing Page (PLP)

Desktop
Mobile
Filters engaged
Filters applied
Selected PLP page headers
Selected PLP cross sell banners

Product Detail Page (PLP)

Desktop
Mobile