Outsmart
Construindo e documentando um Design System do zero.
Construindo e documentando um Design System do zero.
Construindo e documentando um Design System do zero.
Por algum tempo, fiquei responsável pelos projetos internos da Outsmart, onde tínhamos o Hub, a plataforma de gerenciamento de colaboradores. Com o Hub crescendo, surgiu a demanda da criação de um DS para facilitar o desenvolvimento do produto a médio e longo prazo.
Por algum tempo, fiquei responsável pelos projetos internos da Outsmart, onde tínhamos o Hub, a plataforma de gerenciamento de colaboradores. Com o Hub crescendo, surgiu a demanda da criação de um DS para facilitar o desenvolvimento do produto a médio e longo prazo.
Por algum tempo, fiquei responsável pelos projetos internos da Outsmart, onde tínhamos o Hub, a plataforma de gerenciamento de colaboradores. Com o Hub crescendo, surgiu a demanda da criação de um DS para facilitar o desenvolvimento do produto a médio e longo prazo.
Contexto
Contexto
O Hub Outsmart era a plataforma de gerenciamento dos colaboradores, onde próprios colaboradores poderiam visualizar/editar seu perfil, visualizar todos os colaboradores, solicitar férias, fazer o log de horas entre várias outras funcionalidades.
O Hub Outsmart era a plataforma de gerenciamento dos colaboradores, onde próprios colaboradores poderiam visualizar/editar seu perfil, visualizar todos os colaboradores, solicitar férias, fazer o log de horas entre várias outras funcionalidades.
O Hub Outsmart era a plataforma de gerenciamento dos colaboradores, onde próprios colaboradores poderiam visualizar/editar seu perfil, visualizar todos os colaboradores, solicitar férias, fazer o log de horas entre várias outras funcionalidades.
Por que um Design System?
Por que um Design System?
A primeira versão da plataforma que estava no ar não tinha consistência, e nem padronização entre fluxos e não seguia as diretrizes da marca, que tinha passado por reformulação há pouco tempo.
Não existia documentação para o time de engenharia, o que abria mais ainda a margem para inconsistência e não padronização conforme o produto fosse evoluindo.
A primeira versão da plataforma que estava no ar não tinha consistência, e nem padronização entre fluxos e não seguia as diretrizes da marca, que tinha passado por reformulação há pouco tempo.
Não existia documentação para o time de engenharia, o que abria mais ainda a margem para inconsistência e não padronização conforme o produto fosse evoluindo.
A primeira versão da plataforma que estava no ar não tinha consistência, e nem padronização entre fluxos e não seguia as diretrizes da marca, que tinha passado por reformulação há pouco tempo.
Não existia documentação para o time de engenharia, o que abria mais ainda a margem para inconsistência e não padronização conforme o produto fosse evoluindo.
Diretrizes e documentações
Diretrizes e documentações
Tomei muito como base o Material Design e alguns outros design system de grandes empresas como ponto de partida e referência em documentação e estruturação.
Os tokens foram nomeados por contexto, facilitando assim o entendimento de outros designers e desenvolvedores que posteriormente pudessem assumir o projeto.
Tomei muito como base o Material Design e alguns outros design system de grandes empresas como ponto de partida e referência em documentação e estruturação.
Os tokens foram nomeados por contexto, facilitando assim o entendimento de outros designers e desenvolvedores que posteriormente pudessem assumir o projeto.
Tomei muito como base o Material Design e alguns outros design system de grandes empresas como ponto de partida e referência em documentação e estruturação.
Os tokens foram nomeados por contexto, facilitando assim o entendimento de outros designers e desenvolvedores que posteriormente pudessem assumir o projeto.
Impacto
Impacto
.• O Design System ajudou a melhorar a consistência do produto.
• Aumentou a produtividade na construção e desenvolvimento de novos fluxos e features.
.• O Design System ajudou a melhorar a consistência do produto.
• Aumentou a produtividade na construção e desenvolvimento de novos fluxos e features.
.• O Design System ajudou a melhorar a consistência do produto.
• Aumentou a produtividade na construção e desenvolvimento de novos fluxos e features.