Ir para o conteúdo

Landing page e mural de relatos

EcoReclama

Landing page do EcoReclama, iniciativa do ITAS que ajuda a registrar problemas ambientais do território, encontrar os canais oficiais de reclamação e mobilizar outras pessoas.

  • Projeto social
  • Meio ambiente · projeto social do ITAS
  • 2026
  • Trabalho voluntário
Página inicial do EcoReclama, com o lema “Viu. Registrou. Mobilizou.”, a chamada “Registre & Compartilhe” e uma foto ilustrativa de uma mulher fotografando um canal com lixo
Categoria
Landing page e mural de relatos
Segmento
Meio ambiente · projeto social do ITAS
Ano
2026
Status
Trabalho voluntário

Contexto do projeto

O ITAS, Instituto Técnico Água Segura, lançou o EcoReclama para que a comunidade registre poluição, cortes de árvores, animais em risco e descartes irregulares, começando por Santos/SP.

Necessidade

Uma página pública que explique o projeto, oriente sobre os canais oficiais e reúna os relatos revisados, deixando claro que publicar não substitui a reclamação oficial.

Escopo do projeto

  • Apresentação do projeto, temas e como participar
  • Guia dos canais oficiais de reclamação e números de emergência
  • Mural para os relatos revisados, com filtros por cidade, tema e situação
  • Páginas de privacidade, termos, diretrizes e moderação em português, inglês e espanhol

Solução entregue

Uma landing page que lê só o conteúdo público da mesma plataforma de participação do Água é o Nosso Rolê: o registro é feito no app do EcoReclama, e o mural mostra os relatos que passarem pela moderação, com compartilhamento para fazer cada relato ecoar.

Aspectos técnicos

  • Dados pela API pública da plataforma, só pelo SDK TypeScript próprio
  • Respostas validadas com Zod na fronteira; uma seção que falha não derruba a página
  • Camadas separadas, com casos de uso e repositórios atrás de portas
  • Publicada como assets estáticos de um Cloudflare Worker, no domínio do ITAS

Tecnologias

  • React
  • TypeScript
  • Vite
  • styled-components
  • TanStack Query
  • Zod
  • Cloudflare Workers
  • i18n

Solicitar orçamento

Quer um projeto como este?

Conte o que a sua empresa precisa. A primeira conversa é sem custo.