// 002

Logitech
Design System

Information Architecture UX Research Design Systems Content Strategy AI-Augmented

Structuring the information architecture for a unified design guidelines portal, consolidating 40+ years of product knowledge across 5 disciplines into a single source of truth — built on Zeroheight, designed for everyone in the Creative & Design department.

Role UX Designer / IA
Timeline Mar 2025 — Mar 2026
Team 5 Core + 15 Advisors
Platform Zeroheight
Logitech Design System portal main page showing product grid and navigation
Restricted Area Authorized People only Zeroheight · Internal Platform · NDA
LDS Portal — Zeroheight

Challenge

Logitech's design guidelines were scattered across slide decks, Google Docs, web pages, and tribal knowledge — over 300 documents spanning brand, creative, packaging, product hardware, digital software, and cross-platform experiences. Teams recreated assets instead of reusing them, engineers implemented inconsistently, and finding the right guideline required knowing who to ask.

Solution

A research-driven information architecture for the Logitech Design System portal, built on Zeroheight. Through stakeholder interviews, content audits, card sorting, tree testing, and iterative prototyping, we created a navigation structure that organised 5 disciplines into 8 intuitive sections — making 40+ years of product knowledge discoverable, searchable, and maintainable.

Impact

300+ files migrated and structured into a single, searchable platform. A three-tier guidelines framework (Fixed, Flexible, Free) that balances brand consistency with creative freedom. Unified navigation serving designers, engineers, product teams, and external partners across the entire Creative & Design department.

The Scale of the Problem

Logitech's Creative & Design department spans multiple disciplines, each with decades of accumulated knowledge. The LDS project aimed to unify all of it into one coherent, navigable system.

// 01
Brand & Creative
Brand guidelines, visual identity, creative direction, graphic standards, and design language foundations.
// 02
Product (Hardware)
Physical product guidelines — keyboards, mice, headsets, microphones. Ergonomics, button layouts, speaker specs.
// 03
Digital (SW & Web)
Software experiences — Options+, G Hub, CollabOS, LogiPulse — and web platform guidelines for logitech.com.
// 04
Packaging
Packaging structure, design, sustainable materials, production processes, compliance, and logo placement.
// 05
Cross-Platform (PUX)
Experiences that span devices — power lighting, haptics, sustainability, inclusion, accessibility, and ergonomics.

Portal Architecture — 8 Sections

Get Started
LDS overview, team introductions, what's new, and contact information for the core team.
Strategy
Company-wide strategies for brand, design, CMF, sustainability, inclusion, digital, packaging, and UX.
Foundations
Core brand and creative guidelines — the non-negotiable building blocks of Logitech's visual identity.
Platforms
Cross-device experience guidelines: power lighting, haptics, sustainability, inclusion, ergonomics.
Product
Hardware guidelines — keyboards, mice, headsets, microphones. Physical specs and interaction patterns.
Digital
Software and web guidelines — Options+, G Hub, CollabOS, LogiPulse, and logitech.com.
Packaging
Packaging development: structure, design, sustainable materials, production, compliance, logos.
Tools
Frameworks, process guides, templates, and reusable resources for design teams.
300+
Files Migrated
5
Disciplines Unified
40+
Years of Knowledge
8
Portal Sections

Team, Tooling, and How the Work Got Done

The project ran with 5 core members — I worked alongside the rest of the team on the Information Architecture, contributing strongly without being the sole lead. Around the core sat 14 advising and consulting points spanning UX, Web, CMF, Software, Brand and the Global UX function, plus 2 project sponsors including Logitech’s CDO. The design org sits across 4 time zones — 90% of stakeholder interviews were remote, against a content corpus of 300+ legacy guideline docs spread across slide decks, Google Docs, web pages, and tribal knowledge.

I owned the parts where AI tooling could compound a single designer’s reach: 99% of the Zoom interview processing — transcription, insight extraction, cross-interview pattern surfacing — ran through Companion. Most of the 300+ document analysis went through Gemini, helping the team decide where each piece of content belonged in the new IA. And we built a “brain of the LDS” on LogiQ (Logitech’s internal LLM), seeded with brand voice guidelines and tone-of-voice rules so copy decisions across the system stayed coherent. Final calls on taxonomy, hierarchy, and content strategy were shared with the core team — the AI bought back weeks of manual processing time that would have otherwise pushed delivery out of the strategic window.

01

Discovery & Stakeholder Research

The project began with understanding the landscape. We conducted interviews with Points of Contact (PoCs) across every discipline — designers, engineers, product managers — to map how teams actually find, use, and share guidelines.

  • Stakeholder interviews across design, product, and engineering teams
  • Competitive design system analysis (benchmarking industry portals)
  • Cross-team UX workshop to surface pain points and expectations
  • Mapped existing content locations: slides, web pages, Google Docs, Figma files
Key Finding

Users consistently expressed a strong preference for centralised, searchable web content over scattered slide decks. Search functionality was identified as the single most critical feature for the portal's success.

Access Restricted — Interview Synthesis Framework Clearance: Project Team Only
02

Content Audit & Taxonomy

With research insights in hand, we audited the existing content landscape. Over 300 documents spanning decades of product development knowledge were catalogued, categorised, and assessed for relevance and migration priority.

  • Audited 300+ documents from the decommissioned PX site and team repositories
  • Developed taxonomy and metadata structures for content categorisation
  • Created a three-tier guidelines framework: Fixed (non-negotiable), Flexible (limited options), Free (creative freedom)
  • Established meaningful labels and categories to enhance discoverability
Three-Tier Framework

Guidelines were classified as Fixed (non-negotiable standards), Flexible (limited options within bounds), or Free (complete creative freedom). This framework ensured brand consistency while preserving room for innovation.

Classified — Content Taxonomy Matrix Clearance: NDA Required · 300+ guidelines classified
03

Information Architecture

The core of my contribution — designing the navigation systems, logical hierarchies, and sitemaps that would make this vast body of knowledge intuitive and findable. This involved multiple rounds of testing and validation.

  • Designed sitemaps and navigation hierarchies across 8 portal sections
  • Facilitated card-sorting workshops to validate category groupings
  • Conducted tree tests to measure findability of key content paths
  • Iterated on navigation options based on quantitative test results
  • Balanced discipline-specific needs with holistic, cross-cutting content structure
Design Decision

Research showed that organising content by narrative flow rather than by perceived importance created more intuitive paths. Core, unchanging guidelines live on the platform directly, while frequently changing supplementary content links externally — reducing maintenance burden without losing discoverability.

Access Denied — Navigation Architecture Clearance: Internal Only · Sitemap & hierarchy structures
04

Prototyping & Validation

With the architecture defined, we built interactive prototypes on Zeroheight and conducted multiple rounds of user testing with teams across the organisation. Each round informed refinements to navigation, labelling, and content hierarchy.

  • Built visual frameworks and interactive prototypes on Zeroheight
  • Conducted user testing with designers, engineers, and product teams
  • Tested multiple navigation options with large groups across the company
  • Refined information architecture based on feedback and analytics
Restricted — Zeroheight Prototype Iterations Clearance: Authorised Personnel · Navigation validation data
05

Migration & Governance

The migration was executed across three distinct four-month phases, each progressively expanding the platform's scope while refining the architecture. We also established governance processes to keep the system alive and current.

  • Migrated content from the decommissioned PX site (150+ pages) to Zeroheight
  • Assisted in organising guidelines from brand, web, product, packaging, and software teams
  • Established content governance processes for ongoing updates and reviews
  • Developed onboarding materials, training sessions, and adoption strategies
  • Contributed to accessibility features and self-paced learning resources
Classified — Migration Dashboard Clearance: Project Team Only · Phase tracking data
Restricted Access

Inside the System

Due to the proprietary nature of Logitech's design guidelines, specific content, product specifications, and internal processes cannot be disclosed. The following represents the scope of work with sensitive details redacted.

Access Denied
Brand & Creative Guidelines
Visual identity standards, colour systems, typography rules, and creative direction frameworks that define the Logitech brand across all touchpoints.
Classified Content
Product Hardware Specs
Physical product guidelines including key spacing, switch mechanisms, speaker configurations, and ergonomic standards for peripherals.
Restricted
Software Experience Guidelines
Design system documentation for Options+, G Hub, CollabOS, and LogiPulse — covering interaction patterns and component libraries.
Access Denied
Packaging Standards
Sustainable materials specifications, structural templates, production processes, and compliance requirements for global packaging.
Classified Content
Platform Experience Standards
Cross-device experience guidelines covering power lighting, haptic feedback, sustainability standards, and accessibility requirements.
Restricted
Navigation Architecture Maps
Complete sitemap structures, taxonomy trees, navigation prototypes, and card sort results used to define the portal's information hierarchy.

What We Heard

Anonymised insights from stakeholder and PoC interviews that shaped the architecture decisions. These voices represent designers, engineers, and product leads across the organisation.

On Centralisation
“I'd rather have everything on the website... a long scrolling page where I can search for things.”
Product Design Lead
On Component Reuse
“They often recreate components. Still, again and again and again.”
Software Design Lead
On Brand Consistency
“All iconic brands have strategic design systems. The potential is to become more iconic, aligning from the touchpoint.”
Design Director
On Search Functionality
“That's the most important... if I want to search for something, I type it... it doesn't matter where it is.”
Product Design Lead
On Guidelines Authority
“It's not written in stone. Otherwise we don't innovate. But it's a do's and don'ts.”
Design Director
On Engineering Adoption
“They are eager to get platforms. They want systems... on the hardware side they're totally integrated.”
Design Director

One Year, Three Phases

The project was structured as three four-month phases, each dedicated to architecture development and content loading — progressively expanding the platform's scope while refining its structure.

Phase 1
Foundation & Migration
Apr — Aug 2025
  • Develop basic information architecture & navigation
  • Migrate PX site content to Zeroheight
  • Load existing guidelines (PKG, SW, ID/CMF, Creative)
  • Link Brand and Web external sites
Phase 2
Refinement & Completion
Sep — Dec 2025
  • Refine information architecture and navigation
  • Load new product guidelines
  • Merge packaging guidelines into unified structure
  • Add software design system documentation
Phase 3
Aggregation & Unification
Jan — Mar 2026
  • Finalise information architecture and navigation
  • Aggregate Brand and Web content into Zeroheight
  • Unify all design systems together
  • Establish ongoing governance processes
Unification
Single Source of Truth
300+ files from scattered locations consolidated into one searchable, structured platform — eliminating the need to know who to ask or where to look.
Architecture
Research-Backed Navigation
An information architecture validated through card sorting, tree testing, and user feedback — designed for findability first, not organisational hierarchy.
Framework
Fixed / Flexible / Free
A three-tier guidelines framework that provides clarity on what's mandatory, what has options, and where creative freedom applies — adopted across all 5 disciplines.
Adoption
Cross-Department Reach
Serving the entire Creative & Design department — designers, engineers, product teams, and external partners — with tailored onboarding and role-specific training sessions.
// Reflection

What I Learned

Structure Over Screens

Some of the most impactful design work happens before a single screen is designed. Information architecture is invisible when done right — and painfully obvious when it's not. Structuring 40+ years of knowledge required empathy for how different roles think about and search for information.

Research as Foundation

Every architecture decision was traceable back to a user need or research finding. Stakeholder interviews revealed that search and centralisation mattered more than visual polish — a finding that fundamentally shaped the platform's priorities.

Governance is Design

A design system is only as good as its maintenance process. Establishing content governance — clear ownership, review cycles, and update workflows — was as critical as the initial architecture. Without it, the platform would drift toward the same scattered state it replaced.