Forest Design System

A Climatempo é a maior empresa de inteligência meteorológica do Brasil, em expansão para a América Latina, oferecendo software para apoiar diferentes mercados com soluções de inteligência meteorológica. Dentre eles, destaca-se o SMAC (Sistema de Monitoramento e Alerta Climatempo), o Agroclima Pro e o próprio Portal Climatempo (climatempo.com.br).

A empresa atende setores de construção civil, seguros, agronegócio e população.

Desafio

Com a variedade de produtos, a Climatempo tinha dificuldade em manter a identidade da marca entre os produtos.

Além disso, a falta de um Design System fazia com que os desenvolvedores investissem muito tempo buscando componentes similares, realizando a criação de componentes redundantes e fazendo o uso de bibliotecas distintas durante o processo.

Este cenário ocasionava em um alto tempo de desenvolvimento, complexidade exagerada nos produtos e uma falta de padronização nos produtos e nos processos.

Solução

Atuamos na cocriação de um design system com o objetivo de modernizar os produtos, padronizar componentes e unificar as marcas.

Processo

O projeto foi iniciado com entrevistas com stakeholders para entendimento do contexto atual da Climatempo em relação à organização da empresa, projetos digitais, ferramentas, organização e métodos de trabalho.

Após estas entrevistas, realizamos workshops de cocriação para definirmos os princípios de design e os fluxos de atualização e manutenção do Design System.

Para finalizar a etapa de imersão, realizamos um inventário de componentes onde levantamos todos os padrões e inconsistências dos produtos atuais e definimos todos os componentes a serem produzidos.

Após a etapa de imersão, iniciamos a produção do Design System tanto na etapa de Design como Desenvolvimento.

A codificação do projeto foi realizada em React Js e React Native.

Resultados

• Diminuição de até 50% do tempo de prototipação de novas telas;
• Aumento de produtividade do time de desenvolvimento;
• Padronização dos produtos e melhora da qualidade das entregas baseadas nos componentes do Design System;
• Criação de um processo para criação/definição de novas funcionalidades, envolvendo as equipes de Comercial, Produtos, UX e UI;
• Aumento da padronização de funcionalidades presentes em diferentes produtos com reuso da mesma solução;
• A participação da equipe da Climatempo durante a cocriação do projeto com a Tuia auxiliou a disseminação da cultura de Design System para todos os envolvidos na criação de produtos.