Resumo do Projeto
Desenvolvimento de Branding, Arquitetura de Informação e UI/UX Design para o “ID Sampa”, o portal de identidade digital unificada da Cidade de São Paulo, focado em simplificar o acesso do cidadão aos serviços públicos.
O Desafio
O desafio tecnológico e de design era unificar múltiplos bancos de dados (saúde, urbanismo, assistência social) numa única “porta de entrada” para o cidadão. O design precisava de transmitir segurança institucional e, ao mesmo tempo, garantir acessibilidade universal (design inclusivo para todas as idades e níveis de literacia digital).
Insight Estratégico
Confiança através da clareza. Num projeto governamental, a fricção gera desconfiança. O insight que guiou a direção de criação foi transformar um ecossistema de dados complexo numa interface tão simples e intuitiva quanto uma aplicação bancária moderna. O cidadão não precisa de entender como as “bases temáticas” da prefeitura se conectam no backend; ele só precisa de uma interface limpa que diga “Meus Dados” ou “Segurança”.
Solução Criativa
A solução assentou em dois pilares: Identidade Institucional e Usabilidade.
O Símbolo (A Marca): Criámos um logótipo direto e universalmente compreensível. A união de um escudo (simbolizando proteção e segurança de dados) com uma impressão digital (simbolizando a identidade única do cidadão). A paleta de cores foca-se num vermelho institucional e azuis profundos, transmitindo seriedade e rigor.
Sistema Escalonável: A marca foi desenhada para se adaptar a diferentes níveis de hierarquia do sistema, com variações claras para o “Cadastro” geral e para os perfis de “Administrador”.
Arquitetura de Informação: Como visível nos fluxogramas de serviço, traduzimos a complexa rede de dados da prefeitura (Cadastro Base vs. Cadastro de Uso) numa hierarquia visual simples para o utilizador final.
A Execução
A direção de arte focou-se na clareza extrema (UI) e na jornada do utilizador (UX):
Foco na Acessibilidade: Interfaces de alto contraste, tipografia de grande legibilidade e botões de ação (CTAs) inconfundíveis (ex: “Entrar com gov.br”). O cabeçalho inclui opções nativas de acessibilidade (tamanho de fonte, contraste).
Painel de Controlo (Dashboard): Em vez de menus textuais exaustivos, a tela principal utiliza iconografia oversized (Sorriso para o perfil, Escudo para segurança) para guiar o olhar.
Gamificação Institucional: Visualização clara do nível de verificação da conta (Bronze, Prata, Ouro), incentivando o cidadão a completar o seu perfil para aceder a mais serviços, utilizando o mesmo modelo cognitivo do sistema federal.
O Meu Papel como Diretor de Criação
Liderança de UX/UI: Supervisão do desenho de interface e garantia de que os requisitos técnicos da equipe de desenvolvimento se traduziam numa experiência amigável para o cidadão.
Estratégia de Branding: Criação do conceito visual (Escudo + Impressão Digital) e do manual de identidade para uma aplicação governamental de larga escala.
Design de Serviço: Facilitação entre as necessidades da prefeitura de recolher dados estruturados e a necessidade do cidadão de ter um processo de onboarding sem frustrações.
Expediente
Direção de Criação: Vinícius Novaes (Prodam-SP)
Cliente: Prefeitura da Cidade de São Paulo
