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.
