Virgiawan Listanto
Chat WhatsApp

Portal Klien

Portal tempat klien studio desain mengikuti proyek, menyetujui draf, dan membayar tagihan dari HP.

Klien
Invisual Studio
Bidang
Studio desain visual
Peran saya
Desain, pengembangan, database, rilis
Tahun
2026
Jalur
Melayani, Mengelola
Situs
portal.invisual.studio

Situasinya

Invisual Studio mengerjakan identitas visual, ilustrasi, dan kemasan untuk banyak klien sekaligus. Tanpa satu tempat bersama, draf, revisi, kontrak, dan tagihan tercecer di WhatsApp, email, dan Drive, dan klien sulit tahu proyeknya sudah sampai mana atau apa yang perlu mereka lakukan berikutnya.

Pekerjaan saya di portal ini berawal dari audit keamanan. Data di 11 tabel belum dibatasi menurut siapa yang boleh melihatnya, dan 66 dari 92 uji hak akses gagal. Setelah diperbaiki, semuanya lolos. Dari situ portalnya tumbuh lewat puluhan paket fitur menjadi alur kerja studio yang utuh.

Dua sisi, satu proyek

Beranda klien

Klien langsung melihat status proyek dan satu langkah berikutnya yang perlu mereka ambil. Ada hitung mundur batas feedback 48 jam, sisa kuota revisi, jadwal tahapan, tanda tangan kontrak, dan laporan PDF.

Beranda portal klien di HP: status proyek dan kartu proyek dengan target selesai
Lima tahap progres proyek, batas feedback 48 jam, sisa revisi, dan menu tanda tangan kontrak di HP

Draf dan revisi

Klien menyetujui draf atau meminta revisi mayor atau minor, menaruh catatan langsung di titik gambar, dan membandingkan dua versi dengan slider. Catatan revisi yang panjang diringkas otomatis menjadi paling banyak enam poin, dan file final diunduh dalam satu ZIP.

Tagihan dan chat

Tagihan dibayar lewat QRIS, virtual account, atau e-wallet, atau dengan mengunggah bukti transfer, lalu bisa dicetak sebagai PDF. Chat dengan studio punya terjemahan otomatis Indonesia dan Inggris, jadi klien dan tim bisa menulis dalam bahasa masing-masing.

Ruang kerja studio

Tim studio memindahkan proyek di papan Kanban: briefing dan MoU, desain, review dan revisi, lalu selesai. Halaman ringkasan menampilkan piutang, pendapatan bulanan, tagihan lewat jatuh tempo, dan fokus hari ini, lengkap dengan tombol pengingat ke klien.

Alur satu proyek

  1. Studio membuka proyek dan klien menandatangani kontrak di portal
  2. Studio mengunggah draf, klien mendapat notifikasi di aplikasi, email, dan HP
  3. Klien menyetujui atau meminta revisi dalam batas 48 jam
  4. Studio merevisi, dan sisa kuota revisi terlihat oleh kedua pihak
  5. Klien membayar tagihan dan mengunduh file final

Keputusan yang melindungi bisnis

  • Ruang studio hanya untuk email studio

    Akses ke ruang studio dicek dengan aturan yang sama di aplikasi dan di database. Alamat email yang sekadar meniru domain studio ditolak, jadi orang luar tidak bisa masuk ke data seluruh klien.

  • Link persetujuan bisa dicabut

    Pihak klien yang tidak punya akun, misalnya atasan yang harus menyetujui, bisa membuka draf lewat link rahasia. Link itu kedaluwarsa dalam 14 hari dan bisa dicabut studio kapan saja.

  • Lunas setelah payment gateway mengonfirmasi

    Tagihan baru berubah lunas setelah payment gateway mengonfirmasi pembayaran. Konfirmasi yang tidak membawa kode rahasia studio ditolak, jadi status lunas tidak bisa dipalsukan.

  • Setiap bug punya tes sendiri

    Setiap bug yang pernah ditemukan diberi tes dengan namanya sendiri supaya tidak muncul lagi, dan 145 skenario hak akses diuji langsung di database.

Dalam angka

145
skenario hak akses diuji
3
cara bayar online: QRIS, VA, e-wallet
14
hari masa berlaku link persetujuan
4
tahap di papan Kanban studio

Dibangun dengan Next.js, React, TypeScript, Supabase (PostgreSQL), Xendit, Resend, PWA.

Ruang berikutnyaAliya Syifaa
Chat WhatsApp