Cantareira Seca

Saiba como priorizar a experiência do usuário pode transformar a interação com o site, unindo educação e leveza

Cliente: Cantareira Seca

Soluções: Desenvolvimento Full-Stack / Quality Assurance (QA)

Veja o sumário do projeto da Cantareira Seca a seguir:
  • Conheça a Cantareira Seca
  • Quais são os diferenciais do projeto?
  • Qual é a relevância da Cantareira Seca para o público?
  • Quais foram as etapas do projeto?
  • Quais são os talentos da DR_ que atuaram no desenvolvimento do site?
Página inicial | Reprodução site
Página inicial | Reprodução site
Tela mobile - Cliente Cantareira Seca

Conheça a Cantareira Seca

É possível unir conscientização e bom humor para divulgar uma mensagem importante ao público? Segundo o case Cantareira Seca, a resposta é sim!

O projeto de desenvolvimento do site nasceu com o propósito de alertar a população de São Paulo, especialmente aquelas que residem próximas à Cantareira, sobre a seca no Sistema. Além disso, também possui a missão de tornar a população mais ativa e ecologicamente correta ao trazer dicas sobre como economizar água.

Quais são os diferenciais do projeto?

Considerando que o contexto atual do ambiente on-line aponta para uma relevância cada vez maior do User Experience (UX), a Cantareira Seca se destaca por promover uma interação imersiva. Ou seja, o usuário poderá encontrar três tipos diferentes de conteúdos no site, baseados de acordo com o nível da Cantareira.

Em outras palavras, significa que o “humor” da personagem do site estará diretamente ligado aos registros da Sabesp:

01. Níveis bons de água: a personagem será simpática com o usuário

Reprodução site

02. Níveis médios: ela entra em estado de alerta e diz ao leitor que “o bicho irá pegar”

Reprodução site

03. Níveis baixos: o usuário irá encontrar a versão mais “grossa” da personagem, chegando a encontrar palavrões nas mensagens

Reprodução site

Quais foram as etapas do projeto?

Visando uma entrega ágil e respeitando os prazos do cliente, foram cerca de dois meses entre a reunião de briefing, etapa inicial, até a entrega do site finalizado. Ao longo do caminho, foram realizados alguns checkpoints sobre o andamento do projeto.

A DR ajuda você a se destacar no ambiente digital

Quais são os talentos da DR_ que atuaram no desenvolvimento do site?

Time SPOT:

Desenvolvedor Full-Stack
Quality Assurance (QA)
Tech Lead
Página inicial | Reprodução site
Página inicial | Reprodução site

No mundo digital, priorizar a experiência do usuário é muito importante.

Conheça o site da Cantareira Seca agora!

Quais tecnologias ajudaram a construir esses diferenciais?

Gatsby, React e Firebase foram as escolhas do nosso time técnico para executar o projeto. Considerando que o site prioriza os aspectos interativo e visual, também destacamos as animações com Parallax.

Qual é a relevância da Cantareira Seca para o público?

O desenvolvimento do site apresenta uma forma leve e interativa de educar o público sobre o Sistema Cantareira, o principal produtor de água da Região Metropolitana de São Paulo. Ele é composto por cinco reservatórios e abastece cerca de 46% da população que habita a RMSP.

A atenção ao Sistema foi redobrada após o período de seca na Região Sudeste brasileira que ocorreu em meados de 2014 e levou os reservatórios a não receberem o volume de água esperado. Por esse motivo, ações que estimulem a população a contribuir com o consumo consciente de água são fundamentais.

Vamos juntos?

Cases relacionados

Cases image

Samsung Showroom

Juntos, os ambientes online e offline podem elevar a experiência do consumidor a um novo nível. Conheça o mega display interativo, que reúne tecnologia e inovação ao trazer um novo conceito de vitrine para a loja.

Veja mais
Cases image

Gringo

Saiba como desenvolvemos um app híbrido para a empresa, beneficiando o Gringo, ao facilitar a manutenção e melhorar o tempo de entrega da solução, e ao cliente, por facilitar o monitoramento e quitação de débitos de forma segura, simples e ágil.

Veja mais
Cases image

#movethecity | Waze Carpool

Tenha acesso às principais informações sobre o desenvolvimento da página promocional que realizamos para o movimento #movethecity do famoso aplicativo de navegação por GPS.

Veja mais