Sebrae/PR

Design System Sebrae/PR: como escalamos UX com padronização e consistência

Criação do design system do Sebrae Paraná para escalar a experiência digital com consistência e agilidade. O projeto incluiu pesquisas, definição de personas, biblioteca de componentes e documentação para times de design e desenvolvimento.

Cliente

Sebrae/PR

Área

Instituição de apoio ao empreendedorismo

O crescimento do ecossistema digital do Sebrae/PR exigia uma base comum para garantir consistência, eficiência e qualidade em diferentes produtos

O Sebrae/PR mantém diversos sistemas, plataformas e canais digitais utilizados por empreendedores, clientes, parceiros e equipes internas.

Com diferentes times envolvidos na criação desses produtos, componentes, padrões visuais e comportamentos de interface eram desenvolvidos de forma descentralizada. Esse cenário dificultava a manutenção da identidade institucional, aumentava o esforço de desenvolvimento e gerava experiências inconsistentes entre os canais.

Para tornar a evolução dos produtos digitais mais sustentável, surgiu a necessidade de criar um design system alinhado à identidade nacional do Sebrae, mas preparado para atender às particularidades, tecnologias e necessidades regionais da operação do Paraná.

Criar uma linguagem digital unificada que pudesse evoluir com os produtos e as equipes do Sebrae/PR

Alinhamento com a identidade nacional: Desenvolver uma linguagem visual que preservasse os princípios e padrões da marca Sebrae, atendendo também às necessidades específicas dos produtos digitais do Sebrae/PR.
Flexibilidade para evolução tecnológica: Criar componentes e diretrizes adaptáveis a diferentes plataformas, tecnologias e mudanças nas necessidades dos usuários, sem perder consistência.
Integração entre diferentes equipes: Harmonizar as expectativas e os requisitos das áreas de design, tecnologia, marketing e comunicação, considerando também o feedback de clientes e parceiros.

Desenvolvemos um design system construído a partir das necessidades reais dos usuários, dos produtos e das equipes internas

O projeto começou com pesquisas junto a clientes e stakeholders para compreender como os sistemas digitais eram utilizados e identificar dificuldades relacionadas à navegação, comunicação e consistência.

Também analisamos dados de uso, realizamos benchmarks com outras unidades do Sebrae e estudamos referências de design systems adotados por empresas privadas.

A partir desses aprendizados, avaliamos o manual de marca nacional e estruturamos os fundamentos visuais do sistema, incluindo cores, tipografia, espaçamentos, ícones e princípios de interface.

Criamos uma biblioteca modular com mais de 85 componentes, acompanhados por variações, estados, regras de utilização e especificações para design e desenvolvimento.

A documentação foi organizada para facilitar a adoção pelas equipes, reduzir dúvidas durante a implementação e permitir que novos produtos fossem criados com mais rapidez, consistência e qualidade.

O novo design system do Sebrae/PR foi implementado com sucesso, alcançando uma padronização visual que harmoniza todos os sistemas e canais digitais da organização. A clara identidade visual e a comunicação uniforme foram elogiadas por stakeholders internos e outras unidades do Sebrae em todo o país. Também recebemos feedback positivo de clientes quanto à melhoria na clareza e navegação. Além disso, o departamento de TI aprovou a nova estrutura, elogiando-a por facilitar o desenvolvimento de novos sistemas. Este projeto demonstra efetivamente como um design system bem-executado pode impactar positivamente tanto a operação interna de uma organização quanto a experiência do usuário final.