Back to projects

Volunteer concept

Igreja Batista Sião

Institutional landing page with a layered hero and a documented identity.

Not published yetPeriod: 2026
mariomatheus.com/preview/igreja-siao/
Screenshot of the project's landing page — Igreja Batista Sião

Preview served by mariomatheus.com from the project's own build.

Context

A community with no site of its own relied on social networks to tell people the service times, the address and what happens during the week.

The work was voluntary and started with the question that comes before the site: what does this community want to say to someone arriving for the first time.

My role

Visual direction, content architecture and implementation — from the illustrated concept to the code.

What I built

  • Visual identity and colour system documented before the first screen
  • Illustrated hero split into five layers with GSAP parallax
  • News published as Markdown, validated at build time
  • Static output, no database and no server cost

Decisions

  • Publishing a news item means adding a file and redeploying — the community does not have to maintain a dashboard.
  • Hero layers were produced and tested separately for desktop and mobile instead of reusing a single composition.

Real state

The project is built and working, but it has no public address online. What you see here is the real landing page running from this site — it is not a screenshot.

Stack

  • Astro
  • TypeScript
  • GSAP
  • Sharp

Authorisation

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.