Forest Design System

Forest Design System: Diminuição do tempo de prototipação de novos produtos e aumento da produtividade do time de desenvolvimento.

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

Conheça mais cases

Geramos inovação e transformação digital para nossos clientes

Delivery: Entendimento do canal e melhoria da taxa de conversão

Acelerando a presença digital da montadora, em todos os seus lançamentos

Martins Atacadista: Aplicação de pesquisas para melhoria contínua dos produtos digitais

DS Envolve: Disseminação da cultura de Design System

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

Transformação digital para um dos maiores jornais do Brasil

Nossos Serviços

Conheça alguns dos nossos serviços

Contato

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