Blockwave Studio

Demo storefront high fidelity untuk marketplace aset Minecraft dan Roblox, dirancang dan dibangun sendirian. Sudah disetujui client, kini masuk tahap development backend.

Tanpa sebuah sistem yang terintegrasi, beberapa masalah akan muncul:

• Pembeli tidak memiliki satu tempat untuk mencari, membandingkan, dan membeli aset berdasarkan platform, kategori, harga, format file, atau kompatibilitas engine.
• Kepemilikan produk, akses download, riwayat versi, dan lifetime update sulit dilacak.
• Kupon, bundle, promosi, dan add-on produk masih dihitung atau dikelola secara manual.
• Pemilik studio tidak dapat mengetahui produk yang menghasilkan konversi, pencarian tanpa hasil, aset yang sering dimasukkan ke wishlist, atau titik ketika customer meninggalkan keranjang.
• Permintaan support dan review tidak terhubung dengan pembeli, produk, order, dan versi produk yang berkaitan.
• Perubahan produk, harga, file, dan konfigurasi payout tidak memiliki catatan operasional yang terpusat.
• Studio dengan beberapa kreator tidak dapat menentukan pembagian revenue setiap produk kepada kreator atau kolaborator secara jelas.

Template storefront generik hanya menyelesaikan bagian permukaan dari sistem commerce. Template tersebut tidak memahami kebutuhan spesifik aset game, seperti kompatibilitas engine, format file, checksum, changelog, secure download, media interaktif, add-on produk, dan kepemilikan revenue oleh kreator.

Template generik juga tidak memberikan visibilitas operasional yang cukup untuk mengelola katalog aset digital dalam skala yang terus berkembang.

Model Bisnis dan Kepemilikan Revenue

Blockwave tetap merupakan single-brand marketplace yang dikelola oleh tim internal beranggotakan lima kreator. Anggota tim tersebut juga menjadi kreator aset Minecraft dan Roblox yang dijual melalui platform.

Model pembeliannya dibuat sederhana:

• Customer membeli aset digital satu kali.
• Aset secara permanen masuk ke dalam library customer.
• Setiap pembelian mencakup akses berkelanjutan dan lifetime update gratis.
• Tidak ada tier lisensi Personal, Commercial, Studio, atau Enterprise.
• Blockwave tidak mengambil komisi marketplace internal dalam model bisnis saat ini.
• Setiap produk dapat mengarahkan revenue kepada satu kreator atau membaginya kepada beberapa kreator yang berkolaborasi.
• Total persentase alokasi kreator wajib berjumlah 100%.
• Order dan invoice tetap menjadi dua record berbeda yang saling terhubung.
• Order merepresentasikan pembayaran dan pemenuhan akses aset.
• Invoice merepresentasikan bukti transaksi finansial milik customer.

PayPal Creator Revenue Routing

Versi terbaru produk menggunakan sistem kepemilikan revenue berbasis produk yang terhubung dengan akun PayPal setiap kreator.

Setiap kreator dapat menghubungkan akun payout PayPal Business yang telah diverifikasi. Saat admin membuat atau mengedit produk, admin wajib menentukan kreator yang berhak menerima revenue dari produk tersebut.

Produk dengan Satu Kreator

Untuk produk yang dibuat oleh satu kreator, admin memilih satu akun PayPal kreator yang sudah terhubung dan memberikan alokasi revenue sebesar 100%.

Produk Kolaborasi

Untuk aset yang dibuat oleh beberapa anggota tim, admin dapat memilih lebih dari satu penerima dan menentukan persentase revenue setiap kreator.

Contoh:

• Kreator A: 60%
• Kreator B: 40%
• Total alokasi: 100%

Produk tidak dapat dipublikasikan apabila:

• Total alokasi kurang atau lebih dari 100%.
• Kreator yang dipilih belum memiliki akun PayPal yang terhubung.
• Akun penerima tidak memenuhi syarat untuk menerima pembayaran.
• Persetujuan atau verifikasi merchant PayPal belum selesai.

Shopping Cart Multi-Creator

Customer dapat memasukkan produk milik beberapa kreator yang berbeda ke dalam satu keranjang dan menyelesaikannya melalui satu pengalaman checkout PayPal.

Sistem tetap mempertahankan satu order dan satu invoice bagi customer, sekaligus menyimpan kepemilikan revenue dari setiap produk dan kreator yang terlibat di balik transaksi tersebut.

Historical Allocation Snapshot

Ketika pembayaran berhasil di-capture, konfigurasi alokasi kreator pada produk disalin menjadi order-level allocation snapshot.

Dengan mekanisme ini, riwayat transaksi lama tidak ikut berubah apabila kepemilikan atau pembagian revenue produk diedit pada masa mendatang.

Catatan penting: Frontend saat ini hanya mendemonstrasikan alur tersebut menggunakan mock data. Merchant onboarding, pembuatan PayPal order, payment capture, multiparty routing, webhook verification, biaya transaksi, currency conversion, dispute, dan validasi penerima harus diimplementasikan serta diverifikasi melalui produk PayPal yang sesuai pada tahap produksi.

Akses Demo

Tersedia dua akun demo yang dapat digunakan untuk meninjau aplikasi. Keduanya berfungsi sepenuhnya menggunakan persistent mock-data layer.

Akun Customer

• Menjelajahi aset Minecraft dan Roblox.
• Mencari dan memfilter katalog.
• Menambahkan produk, bundle, dan add-on ke keranjang.
• Menggunakan kode kupon.
• Menyelesaikan simulasi checkout PayPal.
• Melihat order dan invoice.
• Mengakses produk yang dibeli melalui My Library.
• Mengelola wishlist.
• Menulis, mengedit, dan menghapus verified review.
• Membuat support ticket.
• Mengelola notifikasi dan keamanan akun.

Akun Admin

• Memantau revenue, transaksi, customer, dan creator payout.
• Membuat serta mengedit produk.
• Mengatur kepemilikan revenue PayPal pada setiap produk.
• Mengelola kategori, collection, bundle, file, kupon, dan review.
• Memeriksa order dan invoice dalam satu sistem transaksi.
• Memantau analytics dan laporan finansial.
• Mengelola akun payout PayPal milik kreator.
• Memeriksa audit log, active session, pengaturan keamanan, dan integrasi.

Kredensial Demo

Kredensial tersebut hanya digunakan untuk kebutuhan demonstrasi dan bukan merupakan sistem autentikasi produksi.

Ruang Lingkup Fitur, 24 Modul

Setiap modul berikut berasal langsung dari spesifikasi client dan disempurnakan selama proses perancangan produk.

1. Public Storefront dan Homepage.
   Hero carousel interaktif, campaign banner, featured assets, recommended products, trending products, recently shipped, platform showcase, dan recently viewed.

2. Marketplace dan Product Discovery.
   Halaman seluruh aset, Minecraft, Roblox, pencarian, dan free assets dengan filter responsif, sorting, tampilan katalog, loading skeleton, dan empty state.

3. Product Detail.
   Galeri yang mendukung touch swipe, fullscreen preview, indikator video dan 3D opsional, overview, features, package contents, technical specifications, changelog, review, add-on, dan related products.

4. Collections dan Bundles.
   Halaman listing dan detail, included products, total list value, bundle pricing, kalkulasi penghematan otomatis, custom cover artwork, card frame opsional, dan aksi add to cart.

5. Coupon Engine.
   Diskon persentase, diskon nominal Rupiah, cakupan katalog, minimum order value, batas penggunaan, penjadwalan, tanggal kedaluwarsa, random code generator, dan live discount feedback.

6. PayPal Payment dan Order Flow.
   Informasi pembeli, simulasi persetujuan PayPal, status pending, berhasil, gagal, dibatalkan, dan kedaluwarsa, retry payment, creator allocation snapshot, serta halaman order success.

7. My Library dan Secure Download.
   Kepemilikan produk permanen, informasi versi aktif, update indicator, download modal, checksum SHA-256, download history, dan lifetime access.

8. Customer Reviews.
   Interactive star rating, verified purchase badge, instant publishing, edit review, delete review, tautan ke storefront publik, dan pembaruan aggregate product rating.

9. Notifications dan Account Security.
   Status read dan unread, mark all as read, notification preferences, password validation, two-factor authentication, dan active session management.

10. Admin Dashboard.
    Revenue KPI, average order value, informasi creator payout, delivery health, buyer growth, operational alert, aktivitas invoice, dan product performance.

11. Admin Product Management.
    Product inventory dan editor empat tahap yang mencakup informasi umum, platform, kategori, features, package contents, pricing, PayPal routing, media, files, storage, kompatibilitas engine, changelog, add-on, dan storefront card frame.

12. Admin File Manager dan Reviews.
    File record berdasarkan format, konsep version history, checksum SHA-256, simulasi upload Cloudflare R2, direct download, pengelolaan visibilitas review, delete review, dan official developer reply.

13. Global Navigation dan Search.
    Responsive sticky navbar, navigasi katalog, cart drawer, wishlist, notifikasi, account menu, command search overlay, dan recent searches.

14. Filter dan Sorting Engine.
    Platform, kategori, harga, format file, compatibility, bestseller, keyword pencarian, sorting, dan reset filter dengan penanganan khusus untuk perangkat mobile.

15. Add-on per Produk.
    Konfigurasi add-on pada masing-masing produk, pemilihan oleh customer, kalkulasi harga otomatis, dan add-on snapshot pada order item.

16. Shopping Cart.
    Menambah dan menghapus produk, memperbarui add-on, frequently bought together, penggunaan kupon, subtotal, diskon, pajak, dan perhitungan total checkout.

17. Multi-Step Checkout.
    Informasi buyer, field validation, order summary, creator-routing disclosure, perpindahan ke PayPal checkout, payment approval, dan protected transaction state.

18. Authentication dan Route Guard.
    Login, registrasi, tampilan Google Sign-In, proteksi route customer dan admin, guest redirect, serta role-aware navigation.

19. Wishlist, Invoice, dan Purchase History.
    Saved products, price-drop presentation, daftar invoice, modal detail invoice, status paid, unpaid, dan overdue, linked order reference, print action, dan retry payment.

20. Support dan Discord Bridge.
    Support ticket berdasarkan aset, Discord username, screenshot dan log attachment, ticket history, webhook health, channel routing, dan direct Discord ticket-room action.

21. Help Centre dan Public Pages.
    Searchable help topics, dokumentasi setup, FAQ accordion, halaman About, legal policy, serta halaman 404, 500, dan offline.

22. Admin Analytics dan Reports.
    Revenue momentum, ecosystem share, conversion, cart abandonment, impressions, page views, wishlist intent, zero-result search demand, creator payouts, finance ledger, dan sales ledger.

23. Admin Categories dan Collections.
    Platform taxonomy, category ordering, subcategories, visual icon selector, searchable product picker, cover upload interface, dan kalkulasi bundle savings otomatis.

24. Admin Transactions dan Settings.
    Unified order dan invoice management, customer directory, CMS, audit trail, creator payout accounts, konfigurasi PayPal, security policy, dan third-party integrations.

Tech Stack, Demo Saat Ini

Belum ada backend produksi pada tahap demo saat ini.

Products, creators, orders, invoices, coupons, reviews, support tickets, files, notifications, dan admin actions menggunakan structured mock data yang disimpan secara lokal di browser.

Pendekatan ini membuat demo dapat berperilaku seperti produk yang saling terhubung selama proses review client tanpa harus menunggu infrastruktur server selesai dibangun.

Blueprint Tumpukan Teknologi, Tahap Produksi

Arsitektur produksi telah dirancang sebelum implementasi backend dimulai, sehingga proses development berjalan menuju target teknis yang jelas.

Keputusan teknologi dan pembayaran akhir tetap bergantung pada load testing, security review, persetujuan akun PayPal, ketersediaan regional, dan kebutuhan produksi.

Yang Sudah Dibangun vs Yang Berikutnya

Sudah Dibangun

• Desain UI/UX high-fidelity lengkap.
• Frontend interaktif yang sepenuhnya responsif.
• Public storefront, customer account, dan admin console.
• Seluruh 24 modul direpresentasikan menggunakan persistent mock data.
• Dua akun demo dengan role berbeda.
• Pemilihan pemilik PayPal pada setiap produk.
• Multi-creator percentage allocation.
• Simulasi PayPal approval dan payment state.
• Order-level creator allocation snapshot.
• Product management dan operational admin experience lengkap.
• Production architecture dan PayPal creator-routing PRD.
• Konfigurasi deployment Vercel untuk demo client.

Tahap Berikutnya

• Membangun Go API dan domain model PostgreSQL.
• Mengimplementasikan autentikasi customer dan admin.
• Menambahkan Google OAuth dan role-based access control.
• Menyelesaikan PayPal merchant onboarding untuk setiap kreator.
• Memastikan serta mengimplementasikan model PayPal partner atau multiparty payment yang disetujui.
• Mengimplementasikan PayPal order creation, capture, idempotency, webhook verification, dan reconciliation.
• Menghubungkan Cloudflare R2 upload, checksum, entitlement validation, dan signed download.
• Mengimplementasikan Discord support-ticket delivery dan transactional email.
• Menambahkan automated unit, integration, end-to-end, accessibility, dan visual-regression tests.
• Menambahkan production observability, security hardening, dan CI/CD.
• Melakukan deployment aplikasi produksi ke infrastruktur yang telah disetujui.

Keputusan Produk yang Perlu Dicatat

• High-fidelity sejak rancangan pertama.
  Melewati tahap wireframe terpisah memungkinkan client meninjau hierarchy, visual density, responsive behaviour, dan interaction model sejak awal.

• Demo menjadi referensi implementasi.
  Ini bukan prototype yang akan dibuang. Demo menentukan bagaimana produk produksi harus terlihat, terasa, dan berfungsi.

• Dua puluh empat modul berasal langsung dari kebutuhan client.
  Seluruh fitur mencerminkan kebutuhan customer dan operasional yang nyata, bukan fitur tambahan untuk sekadar memperbanyak presentasi.

• Admin console diperlakukan sebagai produk utama.
  Catalogue management, creator routing, analytics, transactions, support, file versioning, dan audit history mendapatkan perhatian desain yang sama seperti customer-facing storefront.

• Single ownership menggantikan sistem licence tier yang rumit.
  Satu pembelian memberikan permanent library access dan lifetime updates tanpa kompleksitas Personal, Commercial, Studio, atau Enterprise.

• Kepemilikan revenue kreator terhubung langsung dengan produk.
  Penerima payout ditentukan sebelum produk dipublikasikan, mendukung kolaborasi, dan disimpan sebagai snapshot untuk menjaga akurasi histori transaksi.

• PayPal menjadi satu-satunya pengalaman pembayaran.
  Customer menggunakan satu alur checkout yang familier, sementara sistem internal tetap mempertahankan kepemilikan revenue pada tingkat kreator.

• Arsitektur direncanakan sebelum development backend.
  API boundaries, database model, caching, file delivery, payments, security, dan deployment telah ditentukan sebelum integrasi produksi dimulai.

Tautan

• Demo: blockwavestudio-demo.vercel.app