TERRAFORM
UI KIT
A partir de dificuldades reais encaradas em projetos de produtos digitais pela equipe do Estúdio Marte, chegou-se à conclusão que era necessário criar o um UI Kit proprietário.
Porém existiam desafios adicionais. Esse produto deveria ser uma base, tanto para projetos internos, como para otimizar o trabalho em projetos para clientes não tivessem um Design System próprio.
A conclusão foi desenvolver um UI Kit customizável, com a capacidade de se adaptar a partir da alteração dos design tokens.
Projeto Interno
Cliente:
2023
Ano:
UX Designer e Product Designer
Estratégia e estruturação de um produto digital, estruturação de arquivo em figma, criação de design tokens e componentes.
Atuação:
Arquivo em Figma contendo o UI kit “white label”, chamado de Terraform, para ser utilizado em projetos internos; Uma versão do mesmo arquivo para download gratuito na comunidade do Figma.
Entregas:
O Projeto:
Ao começar a estruturação do Terraform, a equipe responsável decidiu implementar uma visão de produto, adotando um framework ágil para garantir um andamento consistente, mesmo em paralelo a outros projetos da empresa.
Como um objetivo norteador, foi definido que o produto também deveria ser disponibilizado para a comunidade do Figma e a data deste lançamento foi considerada como prazo para a criação do MVP.
Neste projeto também desenvolvi o vídeo usado para divulgação do Terraform.
O MVP foi estruturado para ser um UI kit básico, e que a partir desta primeira versão, pudesse crescer a medida que fosse necessário. Foi realizada uma pesquisa interna para entender as necessidades do time e os componentes mais comuns utilizados nos projetos da empresa.
A partir destas conclusões foram definidos os tokens, os componentes simples, os componentes complexos e todas as variações que deveriam ser criadas para o MVP em um backlog.
Confira os três principais benefícios do projeto:
Ganho de eficiência:
A partir da implementação do Terraform, a equipe passou não precisar estruturar um novo styleguide a cada projeto, economizando tempo de trabalho.
Facilidade para usar:
A Terraform tem a capacidade de se adaptar a diferentes estilos com pouco esforço, o que permete que designers menos experientes, possam utilizá-lo, reduzindo a atuação dos especialistas.
Melhoria a partir da comunidade:
A estratégia de oferecer gratuitamente o Terraform para download, teve como objetivo se beneficiar dos feedbacks da comunidade para promover a melhoria contínua do produto.
Assim que o MVP foi finalizado, o produto foi disponibilizado para download gratuitamente na comunidade do Figma: