Saepul Malik
Studi kasus

Inspigo For Business: Platform Pembelajaran Enterprise yang Dapat Dikustomisasi

Kustomisasi UI dinamis per klien untuk platform pembelajaran enterprise B2B — dapat dikonfigurasi tanpa dedicated build per klien.

PT Inspigo Inovasi Indonesia2021–Sekarang
Next.jsReactDesign SystemsState Management

Masalah

Sebelum sistem ini ada, kustomisasi per klien dilakukan secara hardcoded — build atau branch terpisah untuk setiap deal enterprise. Pendekatan ini cepat menjadi beban begitu beberapa klien masuk dalam rentang waktu singkat, masing-masing meminta revisi di atas varian hardcoded mereka sendiri: tanpa sistem bersama, setiap perubahan klien menjadi pekerjaan terisolasi yang berulang.

Arsitektur

Platform ini dibangun di atas Next.js dan React, dengan branding serta layout yang diperlakukan sebagai data konfigurasi, bukan code path. Bagian tersulitnya bukan theming — warna dan copy adalah 80% yang mudah. Masalah arsitektur sesungguhnya adalah konfigurasi juga harus mengendalikan komposisi dan layout komponen: komponen mana yang di-render dan bagaimana penyusunannya per tenant, bukan sekadar bagaimana styling-nya.

Eksekusi

Merancang dan membangun arsitektur config-driven dari awal, bekerja dalam tim beranggotakan dua orang (frontend lead + satu backend engineer). Layer kustomisasi mencakup hal-hal yang benar-benar dipedulikan klien enterprise untuk terlihat di platform mereka — branding, pengorganisasian konten, dan penyesuaian layout struktural — semuanya diselesaikan dari data konfigurasi per tenant.

Konfigurasi UI dinamis IFB

Layout per tenant IFB

Dampak

Klien enterprise baru dapat di-onboard melalui konfigurasi alih-alih siklus development khusus per klien — platform berkembang mengikuti sales pipeline, bukan roadmap engineering. Saat ini melayani ~350 organisasi klien, dengan rata-rata ~100 pengguna per organisasi (total ~35.000 end user).