Accepting new workStart a project
Menu
01 Work02 Services03 Process04 Templates05 AboutStart a project

§ Work / KumpulBalita

A hand-coded page rebuilt in Astro,
without visual drift.

Client
KumpulBalita
Sector
Parenting
Year
2026
Role
Build · motion · testing
Platform
Astro
Languages
Indonesian · English
KumpulBalita landing page with a parent and toddler photo

§ 01 — The brief

What was needed

KumpulBalita started as a hand-coded landing page. It needed to become a maintainable site with an English version and an e-book sales page, without changing how it looked.

§ 02 — The approach

What I did

  1. 01

    Port, then improve

    Sections moved into Astro components one by one and compared against the original so nothing shifted.

  2. 02

    One component tree, two languages

    The English version comes from the same components as the Indonesian one.

  3. 03

    Motion with GSAP

    Interactive age stages and scroll motion, kept light.

  4. 04

    Tested in three browsers

    Playwright checks in Chromium, Firefox and WebKit before each release.

The e-book sales page, built on the same Astro codebase.
The e-book sales page, built on the same Astro codebase.
English version from the same component tree.
English version from the same component tree.
Interactive age stages, carried over without visual drift.
Interactive age stages, carried over without visual drift.

§ 03 — Tech notes

Under the hood

Stack
Astro components · GSAP
Testing
Playwright in Chromium, Firefox and WebKit before each release
Languages
Indonesian and English from one component tree

§ 04 — Results

What changed

  • Same look, now in maintainable components.
  • Two languages from one codebase.