Blueprint :: Design System White Label

---

Contexto e desafio

Como consultoria, é muito comum encontrarmos clientes que não tem uma cultura de design estruturada e que, consequentemente, não tem diretrizes e materiais de design digital que poderão ser facilmente utilizados.

Neste contexto, nasceu a ideia de construção de um UI Kit White Label (chamado de Blueprint) para que fosse possível customiza-lo conforme a necessidade de cada cliente. Desta forma, nosso time já teria um kit organizado e completo para agilizar o processo de construção de interfaces e design system.

Atividades do time de design:

Compreensão do nível de maturidade do time no uso de DS

Compreensão do nível de maturidade do time no uso da ferramenta Figma

Definição de grupo de trabalho

Avaliação de UI Kits para levantamento de boas práticas

Listagem de componentes fundamentais para um DS

Criação de library de componentes customizável, chamada de “Blueprint”

Criação de guia de uso do Design System

Etapa de mapeamento e planejamento

Guia de uso da biblioteca

Resultados

O “Blueprint” entrou no pipeline de vendas da consultoria, sendo um diferencial de agilidade e inteligencia.

O time de design usa esta UI Kit para otimização das entregas, reduzindo o tempo de construção de interfaces. Além disso, a construção da library foi uma atividade de formação e evolução do time.

Criação de uma biblioteca com mais de 25 componentes responsivos, o que facilita a reutilização e eficiência na produção de novas páginas.

Ganhos chave

Documentação de componentes pronta para ser utilizada em projetos,

Criação de Núcleo de Design System, para discutir a evolução do produto interno,

Auto-gestão do time com suas atividades,

Produtização de processos de design.

Detalhes da “Blueprint”

---