// 002

Logitech
Design System

Information Architecture UX Research Design Systems Content Strategy Potencializado por IA

Estruturando a information architecture de um portal unificado de diretrizes de design, consolidando mais de 40 anos de conhecimento de produto em 5 disciplinas numa única fonte de verdade — construído no Zeroheight, pensado para todos no departamento de Creative & Design.

Função UX Designer / Arquiteto de Informação
Cronograma Mar 2025 — Mar 2026
Equipe 5 Núcleo + 15 Consultores
Plataforma Zeroheight
Página principal do portal Logitech Design System mostrando grade de produtos e navegação
Área Restrita Apenas Pessoal Autorizado Zeroheight · Plataforma Interna · NDA
LDS Portal — Zeroheight

Desafio

As diretrizes de design da Logitech estavam espalhadas entre apresentações de slides, Google Docs, páginas web e conhecimento tribal — mais de 300 documentos cobrindo marca, criação, embalagem, hardware de produto, software digital e experiências cross-platform. As equipes recriavam assets em vez de reaproveitá-los, engenheiros implementavam de forma inconsistente, e encontrar a diretriz certa dependia de saber a quem perguntar.

Solução

Uma information architecture orientada por pesquisa para o portal do Logitech Design System, construído no Zeroheight. Por meio de entrevistas com stakeholders, auditorias de conteúdo, card sorting, tree testing e prototyping iterativo, criamos uma estrutura de navegação que organizou 5 disciplinas em 8 seções intuitivas — tornando mais de 40 anos de conhecimento de produto descobrível, pesquisável e fácil de manter.

Impacto

Mais de 300 arquivos migrados e estruturados numa única plataforma pesquisável. Um framework de diretrizes em três níveis (Fixed, Flexible, Free) que equilibra consistência de marca com liberdade criativa. Navegação unificada atendendo designers, engenheiros, equipes de produto e parceiros externos em todo o departamento de Creative & Design.

A Escala do Problema

O departamento de Creative & Design da Logitech abrange múltiplas disciplinas, cada uma com décadas de conhecimento acumulado. O projeto LDS buscou unificar tudo isso num único sistema coerente e navegável.

// 01
Brand & Creative
Diretrizes de marca, identidade visual, direção de criação, padrões gráficos e fundamentos da linguagem de design.
// 02
Product (Hardware)
Diretrizes de produto físico — teclados, mouses, headsets, microfones. Ergonomia, layout de botões, especificações de alto-falante.
// 03
Digital (SW & Web)
Experiências de software — Options+, G Hub, CollabOS, LogiPulse — e diretrizes de plataforma web para o logitech.com.
// 04
Packaging
Estrutura de embalagem, design, materiais sustentáveis, processos de produção, compliance e posicionamento de logo.
// 05
Cross-Platform (PUX)
Experiências que atravessam dispositivos — iluminação de energia, haptics, sustentabilidade, inclusão, accessibility e ergonomia.

Arquitetura do Portal — 8 Seções

Get Started
Visão geral do LDS, apresentação da equipe, novidades e informações de contato do núcleo do time.
Strategy
Estratégias corporativas para marca, design, CMF, sustentabilidade, inclusão, digital, embalagem e UX.
Foundations
Diretrizes centrais de marca e criação — os blocos inegociáveis da identidade visual da Logitech.
Platforms
Diretrizes de experiência cross-device: iluminação de energia, haptics, sustentabilidade, inclusão, ergonomia.
Product
Diretrizes de hardware — teclados, mouses, headsets, microfones. Especificações físicas e padrões de interação.
Digital
Diretrizes de software e web — Options+, G Hub, CollabOS, LogiPulse e logitech.com.
Packaging
Desenvolvimento de embalagem: estrutura, design, materiais sustentáveis, produção, compliance, logos.
Tools
Frameworks, guias de processo, templates e recursos reutilizáveis para equipes de design.
300+
Arquivos Migrados
5
Disciplinas Unificadas
40+
Anos de Conhecimento
8
Seções do Portal
// 01

Equipe, Ferramentas e Como o Trabalho Foi Feito

O projeto rodou com 5 membros no núcleo — trabalhei ao lado do restante da equipe na Information Architecture, contribuindo fortemente sem ser o único responsável. Ao redor do núcleo havia 14 pontos de consultoria e assessoria cobrindo UX, Web, CMF, Software, Brand e a função Global UX, além de 2 patrocinadores do projeto, incluindo o CDO da Logitech. A organização de design está espalhada por 4 fusos horários — 90% das entrevistas com stakeholders foram remotas, diante de um corpus de conteúdo de mais de 300 documentos legados de diretrizes espalhados entre apresentações de slides, Google Docs, páginas web e conhecimento tribal.

Fiquei responsável pelas partes em que ferramentas de IA podiam multiplicar o alcance de um único designer: 99% do processamento das entrevistas em Zoom — transcrição, extração de insights, identificação de padrões entre entrevistas — passou pelo Companion. A maior parte da análise dos mais de 300 documentos passou pelo Gemini, ajudando a equipe a decidir onde cada conteúdo se encaixava na nova Information Architecture. E construímos um “cérebro do LDS” no LogiQ (o LLM interno da Logitech), alimentado com diretrizes de brand voice e regras de tone-of-voice para manter as decisões de copy coerentes em todo o sistema. As decisões finais sobre taxonomia, hierarquia e content strategy foram compartilhadas com o núcleo da equipe — a IA recuperou semanas de processamento manual que, de outra forma, teriam empurrado a entrega para fora da janela estratégica.

01

Discovery & Pesquisa com Stakeholders

O projeto começou com o entendimento do panorama. Conduzimos entrevistas com Pontos de Contato (PoCs) em todas as disciplinas — designers, engenheiros, product managers — para mapear como as equipes de fato encontram, usam e compartilham as diretrizes.

  • Entrevistas com stakeholders nas equipes de design, produto e engenharia
  • Análise competitiva de design systems (benchmarking de portais do setor)
  • Workshop de UX entre equipes para identificar pain points e expectativas
  • Mapeamento dos locais de conteúdo existentes: slides, páginas web, Google Docs, arquivos do Figma
Principal Descoberta

Os usuários expressaram consistentemente uma forte preferência por conteúdo web centralizado e pesquisável em vez de apresentações de slides espalhadas. A funcionalidade de busca foi identificada como a feature mais crítica para o sucesso do portal.

Acesso Restrito — Framework de Síntese de Entrevistas Autorização: Apenas Equipe do Projeto
02

Auditoria de Conteúdo & Taxonomia

Com os insights da pesquisa em mãos, auditamos o panorama de conteúdo existente. Mais de 300 documentos cobrindo décadas de conhecimento de desenvolvimento de produto foram catalogados, categorizados e avaliados quanto à relevância e prioridade de migração.

  • Auditoria de mais de 300 documentos do site PX descomissionado e de repositórios das equipes
  • Desenvolvimento de taxonomia e estruturas de metadata para categorização de conteúdo
  • Criação de um framework de diretrizes em três níveis: Fixed (inegociável), Flexible (opções limitadas), Free (liberdade criativa)
  • Estabelecimento de labels e categorias significativas para melhorar a discoverability
Framework em Três Níveis

As diretrizes foram classificadas como Fixed (padrões inegociáveis), Flexible (opções limitadas dentro de certos limites), ou Free (liberdade criativa completa). Esse framework garantiu consistência de marca preservando espaço para inovação.

Classificado — Matriz de Taxonomia de Conteúdo Autorização: NDA Obrigatório · Mais de 300 diretrizes classificadas
03

Information Architecture

Trabalhando ao lado do Design Lead e do núcleo da equipe, contribuí para o design dos sistemas de navegação, hierarquias lógicas e sitemaps que tornariam esse vasto corpo de conhecimento intuitivo e fácil de encontrar. Isso envolveu múltiplas rodadas de teste e validação colaborativos.

  • Contribuição para sitemaps e hierarquias de navegação nas 8 seções do portal
  • Participação em workshops de card sorting liderados pelo Design Lead para validar os agrupamentos de categorias
  • Participação em tree tests liderados pelo Design Lead para medir a findability dos principais caminhos de conteúdo
  • Iteração sobre as opções de navegação com a equipe com base em resultados quantitativos de teste
  • Equilíbrio entre necessidades específicas de cada disciplina e uma estrutura de conteúdo holística e transversal
Decisão de Design

A pesquisa mostrou que organizar o conteúdo pelo fluxo narrativo, em vez de pela importância percebida, criava caminhos mais intuitivos. Diretrizes centrais e estáveis vivem diretamente na plataforma, enquanto conteúdo suplementar que muda com frequência é linkado externamente — reduzindo o esforço de manutenção sem perder discoverability.

Acesso Negado — Arquitetura de Navegação Autorização: Apenas Interno · Estruturas de sitemap e hierarquia
04

Prototyping & Validação

Com a arquitetura definida, construímos protótipos interativos no Zeroheight e conduzimos múltiplas rodadas de user testing com equipes de toda a organização. Cada rodada informou refinamentos na navegação, na rotulagem e na hierarquia de conteúdo.

  • Construção de frameworks visuais e protótipos interativos no Zeroheight
  • Condução de user testing com designers, engenheiros e equipes de produto
  • Teste de múltiplas opções de navegação com grandes grupos em toda a empresa
  • Refinamento da information architecture com base em feedback e analytics
Restrito — Iterações de Protótipo no Zeroheight Autorização: Pessoal Autorizado · Dados de validação de navegação
05

Migração & Governança

A migração foi executada em três fases distintas de quatro meses cada, expandindo progressivamente o escopo da plataforma e refinando a arquitetura. Também estabelecemos processos de governança para manter o sistema vivo e atualizado.

  • Migração de conteúdo do site PX descomissionado (mais de 150 páginas) para o Zeroheight
  • Apoio na organização de diretrizes das equipes de brand, web, produto, embalagem e software
  • Estabelecimento de processos de governança de conteúdo para atualizações e revisões contínuas
  • Desenvolvimento de materiais de onboarding, sessões de treinamento e estratégias de adoção
  • Contribuição para features de accessibility e recursos de aprendizado no próprio ritmo
Classificado — Dashboard de Migração Autorização: Apenas Equipe do Projeto · Dados de acompanhamento de fase
Acesso Restrito

Por Dentro do Sistema

Devido à natureza proprietária das diretrizes de design da Logitech, conteúdo específico, especificações de produto e processos internos não podem ser divulgados. A seguir está o escopo do trabalho, com detalhes sensíveis redigidos.

Acesso Negado
Diretrizes de Brand & Creative
Padrões de identidade visual, sistemas de cor, regras de tipografia, e frameworks de direção de criação que definem a marca Logitech em todos os touchpoints.
Conteúdo Classificado
Especificações de Hardware de Produto
Diretrizes de produto físico incluindo espaçamento de teclas, mecanismos de switch, configurações de alto-falante, e padrões ergonômicos para periféricos.
Restrito
Diretrizes de Experiência de Software
Documentação de design system para Options+, G Hub, CollabOS, e LogiPulse — cobrindo padrões de interação e component libraries.
Acesso Negado
Padrões de Embalagem
Especificações de materiais sustentáveis, templates estruturais, processos de produção, e requisitos de compliance para embalagem global.
Conteúdo Classificado
Padrões de Experiência de Plataforma
Diretrizes de experiência cross-device cobrindo iluminação de energia, feedback háptico, padrões de sustentabilidade, e requisitos de accessibility.
Restrito
Mapas de Arquitetura de Navegação
Estruturas completas de sitemap, árvores de taxonomia, protótipos de navegação, e resultados de card sort usados para definir a hierarquia de informação do portal.
// 02

O Que Ouvimos

Insights anonimizados de entrevistas com stakeholders e PoCs que moldaram as decisões de arquitetura. Essas vozes representam designers, engenheiros e product leads em toda a organização.

Sobre Centralização
“Eu preferia ter tudo no site... uma página longa de rolagem onde eu possa buscar as coisas.”
Product Design Lead
Sobre Reaproveitamento de Componentes
“Eles recriam componentes com frequência. Ainda assim, de novo, de novo e de novo.”
Software Design Lead
Sobre Consistência de Marca
“Todas as marcas icônicas têm design systems estratégicos. O potencial é se tornar mais icônico, alinhando a partir do touchpoint.”
Design Director
Sobre Funcionalidade de Busca
“Isso é o mais importante... se eu quero buscar algo, eu digito... não importa onde esteja.”
Product Design Lead
Sobre a Autoridade das Diretrizes
“Não está escrito em pedra. Senão a gente não inova. Mas é uma lista de faça e não faça.”
Design Director
Sobre a Adoção pela Engenharia
“Eles estão ansiosos para ter plataformas. Eles querem sistemas... do lado do hardware, eles estão totalmente integrados.”
Design Director
// 03

Um Ano, Três Fases

O projeto foi estruturado em três fases de quatro meses, cada uma dedicada ao desenvolvimento da arquitetura e ao carregamento de conteúdo — expandindo progressivamente o escopo da plataforma enquanto refinava sua estrutura.

Fase 1
Fundação & Migração
Abr — Ago 2025
  • Desenvolver a information architecture básica e a navegação
  • Migrar conteúdo do site PX para o Zeroheight
  • Carregar diretrizes existentes (PKG, SW, ID/CMF, Creative)
  • Linkar sites externos de Brand e Web
Fase 2
Refinamento & Conclusão
Set — Dez 2025
  • Refinar a information architecture e a navegação
  • Carregar novas diretrizes de produto
  • Unificar diretrizes de embalagem numa estrutura única
  • Adicionar documentação do design system de software
Fase 3
Agregação & Unificação
Jan — Mar 2026
  • Finalizar a information architecture e a navegação
  • Agregar conteúdo de Brand e Web ao Zeroheight
  • Unificar todos os design systems
  • Estabelecer processos contínuos de governança
// 04
Unificação
Única Fonte de Verdade
Mais de 300 arquivos de locais dispersos consolidados numa única plataforma estruturada e pesquisável — eliminando a necessidade de saber a quem perguntar ou onde procurar.
Arquitetura
Navegação Respaldada por Pesquisa
Uma information architecture validada por meio de card sorting, tree testing e feedback dos usuários — projetada priorizando a findability, não a hierarquia organizacional.
Framework
Fixed / Flexible / Free
Um framework de diretrizes em três níveis que traz clareza sobre o que é obrigatório, o que tem opções e onde se aplica liberdade criativa — adotado nas 5 disciplinas.
Adoção
Alcance Entre Departamentos
Atendendo todo o departamento de Creative & Design — designers, engenheiros, equipes de produto e parceiros externos — com onboarding personalizado e sessões de treinamento específicas por função.
// 05

A melhor arquitetura é aquela que você nunca percebe.

Trezentos documentos, cinco disciplinas, quarenta anos de conhecimento — e nenhum lar compartilhado. O trabalho aqui nunca foi visual; foi estrutural. As decisões de arquitetura remontavam às entrevistas com stakeholders, e a descoberta mais alta era a mais silenciosa: as pessoas queriam encontrar, não navegar. A busca venceu o polimento.

Uma estrutura só é tão durável quanto o processo que a mantém. Ownership, ciclos de revisão, workflows de atualização — sem eles, o portal volta a deslizar para a dispersão que substituiu. Construir a arquitetura é a metade visível. Mantê-la coerente é o design que ninguém aplaude.