N
Back to selected work

2022 / Community Website

GBI Yerusalem Baru

A simple and minimal church website for helping young people discover worship schedules, events, and devotional content in one clear digital space.

GBI Yerusalem Baru interface preview
Role
UI Design / Frontend Engineering
Platform
Responsive website / Church content hub
Timeline
2022
Stack
React / Tailwind CSS / Content Design

GBI Yerusalem Baru is a church in Jakarta with a growing need to communicate beyond Sunday services. The website direction focuses on making church information easy to access for youth, visitors, and existing congregation members.

The challenge was to keep the design simple and minimal without making the experience feel empty. The page needed to be informative, approachable for young people, and structured enough to support schedules, events, service details, and devotionals.

01 / Contribution

What I shaped.

  • Mapped the content hierarchy around worship schedules, upcoming events, and church updates.
  • Created a minimal visual direction that feels modern for young audiences while staying calm and respectful for a church context.
  • Designed the devotional content flow so congregation members can read reflections directly from the website.

02 / Product decisions

Key decisions.

Decision 01

Keep the church experience simple, modern, and easy to enter.

The interface uses a restrained layout, clear typography, and direct content blocks so young visitors can quickly understand the church, service flow, and next steps without feeling overwhelmed.

Decision 02

Make worship schedules and events visible early.

Service times, event information, and ministry updates are treated as primary content, helping both first-time visitors and regular congregation members find what they need faster.

Decision 03

Support devotionals as a recurring digital habit.

The devotional feature gives the church a simple way to publish reflections that can be read by congregation members, extending the role of the website beyond announcements.

03 / Interface

Screens and states.

GBI Yerusalem Baru gallery placeholder 1
GBI Yerusalem Baru landing page direction.
GBI Yerusalem Baru gallery placeholder 1
GBI Yerusalem Baru gallery placeholder 2
Schedule, service, event, and devotional content states.

04 / System

Designed in systems.

The visual system keeps the experience minimal and content-led, using strong contrast, clean spacing, simple cards, and focused content sections for worship information, events, and devotionals.

  • Minimal church layout
  • Service schedule blocks
  • Event content cards
  • Devotional reading flow
  • Youth-friendly hierarchy

05 / Frontend

Built for responsive use.

The frontend direction focuses on responsive church communication, making core information easy to maintain and comfortable to read across mobile and desktop.

  • Responsive sections for service schedules, event updates, and daily devotionals.
  • Content-first page structure designed for visitors and returning congregation members.
  • Minimal interface patterns that can expand as the church publishes more content.

06 / Outcome

What this enables.

  • A clearer digital entry point for young people and first-time visitors to understand the church.
  • A more organized way to present worship schedules, events, and church information.
  • A devotional content base that helps the website become useful throughout the week, not only before Sunday services.
For GBI Yerusalem Baru, the website needed to feel simple enough to trust quickly, but useful enough to become part of the congregation’s weekly rhythm.

Next project

Pastirumah

View next