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.
O Forest foi uma mudança de paradigmas gigante dentro dos nossos produtos. Tivemos um ganho enorme em tempo de desenvolvimento e todos estão satisfeitos com os projetos e agilidade na construção.
case-depoimento-climatempo
Adeilton Sousa
Tech Lead | Climatempo

Outros cases

Delivery: Entendimento do canal e melhoria da taxa de conversão
Experimento: Mapeamento da jornada do usuário para melhoria do aplicativo
Glossário Regional: Mais de 3.000 expressões faladas nos quatro cantos do Brasil para maior efetividade e engajamento nas peças de mídia
DS Envolve: Disseminação da cultura de Design System
Projeto de digitalização e integração de cardápios para maior eficiência operacional e redução de custos.
Martins Atacadista: Aplicação de pesquisas para melhoria contínua dos produtos digitais
Acelerando a presença digital da montadora, em todos os seus lançamentos
Transformação digital para um dos maiores jornais do Brasil

Outros Serviços

Conheça alguns dos nossos serviços

Contato

Quer melhorar seu produto ou serviço? Escreva para a gente!