This page is also available in English.

Switch to English
Voltar para os projetos

Conceito voluntário

Igreja Batista Sião

Landing institucional com hero em camadas e identidade documentada.

Ainda não publicadoPeríodo: 2026
mariomatheus.com/preview/igreja-siao/
Captura de tela da landing do projeto — Igreja Batista Sião

Preview servido por mariomatheus.com a partir do build do projeto.

Contexto

Uma comunidade sem presença digital própria dependia de redes sociais para informar horário, endereço e o que acontece durante a semana.

O trabalho foi voluntário e começou pela pergunta anterior ao site: o que essa igreja quer dizer para quem chega pela primeira vez.

Meu papel

Direção visual, arquitetura de conteúdo e implementação — do conceito ilustrado ao código.

O que foi feito

  • Identidade visual e sistema de cores documentados antes da primeira tela
  • Hero ilustrado separado em cinco camadas com parallax em GSAP
  • Publicação de notícias em Markdown, validada no build
  • Saída estática, sem banco de dados e sem custo de servidor

Decisões

  • Publicar uma notícia é adicionar um arquivo e refazer o deploy — a comunidade não precisa manter um painel.
  • As camadas do hero foram produzidas e testadas separadamente para desktop e mobile, em vez de reaproveitar a mesma composição.

Estado real

O projeto está construído e funcional, mas não tem endereço público no ar. O que você vê ao lado é a landing real rodando a partir deste site — não é uma imagem.

Tecnologias

  • Astro
  • TypeScript
  • GSAP
  • Sharp

Autorização

Trabalho voluntário. A exibição de nome, marca e telas foi autorizada; o projeto não pode ser apresentado como site em produção nem como resultado comercial.