Product Design · Branding · Design System

Aproximando cidadãos das decisões legislativas

Plataforma cívica que permite acompanhar proposições em tramitação, registrar opiniões e descobrir representantes alinhados às suas posições.

Product DesignUX DesignUI DesignBrandingDesign System
PapelProduct Designer
EscopoBranding · Design System · Plataforma
Entrega0 → 1
Ano2025
Resumo do projeto
01

Contexto

O Votuum é uma plataforma cívica criada para aproximar cidadãos das decisões legislativas por meio de uma experiência acessível, educativa e transparente. O produto permite acompanhar proposições em tramitação, registrar opiniões e visualizar compatibilidade com representantes públicos.

02

Desafio

Transformar informações legislativas complexas em uma experiência compreensível para qualquer pessoa, equilibrando informação, engajamento e confiança sem comprometer a neutralidade institucional.

03

Minha atuação

  • Product Design
  • UX Design
  • UI Design
  • Branding
  • Design System
Requisitos do projeto

O produto precisava equilibrar participação cívica, responsabilidade institucional e experiência do usuário.

Transparência

  • Tornar informações legislativas mais compreensíveis.
  • Apresentar contexto antes da participação.
  • Facilitar o entendimento de proposições e votações.

Neutralidade

  • Evitar direcionamentos políticos ou eleitorais.
  • Utilizar linguagem imparcial e informativa.
  • Garantir posicionamento institucional apartidário.

Conformidade jurídica

  • Respeitar restrições relacionadas à comunicação política.
  • Evidenciar os limites e objetivos da plataforma.
  • Garantir clareza sobre o uso das informações.

Privacidade

  • Proteger dados e opiniões dos usuários.
  • Priorizar anonimização e segurança das informações.
  • Reforçar a confiança durante toda a experiência.

Acessibilidade

  • Reduzir barreiras de participação.
  • Atender padrões de acessibilidade digital.
  • Garantir usabilidade em diferentes dispositivos e contextos.
Telas principais
01

Autenticação

Fluxos simplificados para reduzir atrito inicial.

LoginCriar Conta
DisclaimerTópicosTópicos selecionados
02

Onboarding educativo

O onboarding foi desenhado para esclarecer o propósito da plataforma antes da participação.

03

Opinião legislativa

A interface prioriza leitura e compreensão da proposição antes da opinião.

Feed de proposiçõesProposição em detalhe
Perfil do usuárioPerfilPerfil Match
05

Perfil

Histórico de participação e visualização do perfil do usuário e de representantes.

Perfil Match — detalheAnalytics
Identidade visual

Construindo confiança desde a marca

Posicionamento
Missão
"Aproximar cidadãos das decisões legislativas, promovendo transparência e alinhamento entre sociedade e representantes."
Valores
TransparênciaNeutralidadeEducação cívicaPrivacidadeDemocracia
Logotipo

Inspirado na Comitia Centuriata romana, o símbolo une participação coletiva e tomada de decisão.

Logotipo Votuum
Sistema visual / Paleta
Base
Primária
Grafite
Claro

Cores sem associação partidária

Design System

Uma das partes mais fortes do projeto.

Tokens

Cores
Base — Roxo
900
800
700
600
500
50
Primária — Azul Profundo
900
800
700
600
500
400
300
200
100
50
Secundária — Grafite
900
800
700
600
500
400
300
200
100
50
Neutros
900
800
700
600
500
400
300
200
100
50
Opinião
Sim
Não
Abster-Se
Espaçamentos
4px
8px
12px
16px
Border Radius
sm: 8px
md: 12px
lg: 15px
xl: 20px
full: 990px
Tipografia
H1Votuum — Civic Design
Bold · 22pxTítulos de seção
H2Projetos de lei em votação
Semi Bold · 17pxSubtítulos, headers de card
H3Comissão de Finanças
Semi Bold · 15pxLabels de grupo, headers terciários
BodyAcompanhe votações e veja como seu representante vota.
Regular · 14pxTexto principal
SmallAtualizado há 2 horas · Sessão ordinária
Regular · 13pxMetadados, captions
LabelAPROVADO
Semi Bold · 11pxLabels, badges
MonoPL-1234/2024
Medium · 12pxCódigos, tokens, dados técnicos

Ícones

Escalabilidade
64px
48px
36px
24px
20px
16px

Tamanhos em proporção — não representam pixels físicos da tela.

Componentes

Componentes do Design System Votuum

Acessibilidade

WCAG 2.1 AA
Contraste
Navegação por teclado
Focus states
Touch targets
Dark mode
Resultado

O projeto consolidou uma proposta de plataforma cívica centrada em transparência, educação e participação informada. Além da interface, foram definidos os fundamentos de marca, linguagem, acessibilidade e sistema de design necessários para sustentar a evolução do produto.

Aprendizados

Projetar para temas políticos exige neutralidade e clareza.

Restrições jurídicas influenciam diretamente a experiência.

Educação do usuário é parte essencial do produto.

Design systems aceleram consistência e escalabilidade.