Resumo

O site oficial do Centro Espiritualista Caboclo Tupinambá foi criado para aproximar a comunidade, divulgar a história da instituição e facilitar o acesso às informações sobre eventos e atividades. O projeto transformou a comunicação da casa, que antes era fragmentada, em uma presença digital clara, acolhedora e confiável. Através da estrutura PWA, o público pode acessar a agenda e orientações de forma rápida, inclusive offline, como se fosse um aplicativo instalado no celular.

O Desafio

Desenvolver um site institucional moderno e acessível que transmitisse credibilidade, facilitasse o acesso às informações da instituição e aumentasse a visibilidade das atividades semanais, tudo isso sem exigir manutenção técnica complexa.

A Solução

Criei uma Single Page Application com suporte PWA, desenvolvida com Vite, React, TypeScript, Tailwind CSS e React Router. O site reúne história, agenda de eventos, galeria de imagens, informações sobre a filosofia espiritual da casa e orientações práticas para visitantes. Além disso, implementei um sistema de cache offline, tornando o conteúdo acessível mesmo sem conexão, e um design responsivo que melhorou a experiência do público em dispositivos móveis.

Pesquisa e Estratégia

O processo começou com o mapeamento das principais necessidades do público e da instituição. O foco era tornar a navegação intuitiva e centralizar tudo o que o visitante precisa em um só lugar: informações sobre o local, calendário de atividades, conteúdos educativos e rotas de chegada. A pesquisa apontou que o público acessava majoritariamente pelo celular, o que definiu o foco no design responsivo e na experiência mobile-first.

Arquitetura e Stack

A aplicação foi desenvolvida com Vite, React e TypeScript, utilizando Tailwind CSS para o estilo e React Router para navegação interna. A estrutura de componentes foi pensada para permitir atualizações simples e rápidas. O suporte PWA foi configurado através de manifest e service worker, garantindo carregamento rápido e funcionamento básico offline. A arquitetura priorizou performance, acessibilidade e manutenção facilitada, permitindo que o site seja expandido futuramente sem retrabalho.

Design e Experiência

O design foi guiado pela clareza e pela sensação de acolhimento. Trabalhei uma hierarquia visual simples, com tipografia legível e cores equilibradas, refletindo a identidade da casa. As seções foram organizadas em blocos curtos e objetivos, facilitando a leitura. Elementos como botões grandes, contrastes adequados e feedbacks visuais reforçaram a acessibilidade e tornaram a navegação confortável em qualquer dispositivo.

Implementação Técnica

Implementei um calendário dinâmico com visual limpo e filtros simples para facilitar a consulta dos eventos. A galeria de fotos foi construída com foco em leveza, utilizando thumbnails e lightbox para exibição ampliada. As rotas e mapas foram integrados de forma clara, permitindo que qualquer visitante encontre facilmente o local de atendimento. Também otimizei o tempo de carregamento com boas práticas de performance e lazy loading de imagens.

Resultados e Impacto

Após o lançamento, o site se tornou o principal canal de comunicação da instituição. O acesso às informações sobre eventos e horários aumentou significativamente, reduzindo dúvidas recorrentes e ampliando o alcance da casa. Em poucos meses, o número de visitantes presenciais mais que dobrou, resultado direto da melhoria na visibilidade e da facilidade de acesso via dispositivos móveis.

Conclusão

Criar o site do Centro Espiritualista Caboclo Tupinambá foi uma experiência gratificante, tanto pelo impacto gerado quanto pelo desafio técnico. A aplicação PWA trouxe acessibilidade e engajamento, enquanto o design centrado no usuário tornou a navegação simples e acolhedora. O projeto mostrou como uma solução enxuta e bem planejada pode gerar transformação real para instituições locais, unindo propósito, tecnologia e experiência do usuário.