UX/UI Design

Contruindo um Design System para uma ferramenta de gestão

Contruindo um Design System para uma ferramenta de gestão

Sobre o Projeto

Empresa

eduK

Minha função

Product Designer

Tempo de trabalho

Diversas entregas ao longo de 2023 e 2024

Contexto

Com o intuito de trazer independência para os times internos da eduK e desafogar a demanda do time de desenvolvimento para atualizações dentro do produto, foi necessário desenvolver o Painel admin da eduK.


Para tornar o desenvolvimento desse admin escalável, foi necessário projetar um Design System, que manteria a consistência visual e de usabilidade além de aumentar a produtividade de desenvolvimento do produto.

Composição do time responsável

2 Product Designer

3 Product Manager

10 Desenvolvedores

Entendendo o Problema

🩼 Qual é a dor do negócio?

Aumentar a independência dos times na eduK.

Aumentar a independência dos times na eduK.

🎯 Como podemos resolver essa dor?

  • Criando uma ferramenta interna onde os times possam trabalhar de forma independente, sem precisar acionar o time de desenvolvimento para realizar atualizações no produto.

  • Trabalhando em uma experiência focada no colaboradores internos, de forma que consigam realizar suas demandas sem grandes esforços.

  • Projetando um design system que irá garantir a escalabilidade do admin, mantendo a consistência visual e as diretrizes de usabilidade, além de facilitar o desenvolvimento de futuras features.

Definindo o processo

1 - Descobrir

  • Entendimento do problema e suas nuances.

  • Levantamento de dados.

2 - Definir

  • Definição do problema em si, ou seja, nesta etapa, aglomeramos tudo o que descobrimos e definimos o que deveria ser feito.

3 - Prototipar

  • Criação dos componentes que irão compor o Design System com base nos dados e necessidades.

  • Construção das variáveis dos componentes, conjuntos de regras e diretrizes de design.

4 - Entregar

  • Entrega dos componentes finais, com as regras e diretrizes definidas.

  • Aplicações nas telas iniciais desenvolvidas para o admin.

  • Validação do desenvolvimento dos componentes

Componentes

Por que desenvolver um Design System para construir ferramentas internas?

Escalabilidade do projeto

Construir um Design System criar um sistema fácil de ser escalado, pois os componentes serão reutilizados pelo time de design e desenvolvimento, trazendo agilidade no processo de construção de novas features dentro do produto.

Menor curva de aprendizagem

Um Design System gera uma menor curva de aprendizagem dentro dos colaboradores interno, uma vez que todas as funcionalidades da ferramenta seguem as mesmas diretrizes de design e usabilidade.

Design defensivo

Criação de regras de negócio diminuem o risco de ações indesejadas o usuário que está utilizando a ferramenta.

Colaboração

O processo de projetar um Design System, envolve muito mais do que o time de design, mas também o time de produto e de desenvolvimento. Esse trabalho em conjunto aperfeiçoa a colaboração dos times.

Aplicações dos componentes dentro do produto

Impacto no negócio

🧑‍💻 Time de Design e Desenvolvimento

  • Agilidade na construção de novas features.

  • Facilidade na manutenção e construção de novos componentes.

  • Consistência visual e de usabilidade no produto.

😀 Usuários

  • Menor curva de aprendizagem ao aprender a ferramenta.

  • Independência para executar as alterações no produto, sem precisar do time de desenvolvimento.

  • Otimização de tempo de 2 dias nas entregas.

E aí, gostou?

Entre em contato comigo para nos conhecermos melhor.

Create a free website with Framer, the website builder loved by startups, designers and agencies.