Arief Wijaya.Download CV ↓

Project / Commerce & creator tools

Jagoan Voucher.

A marketplace, with a creator side.

Jagoan Voucher combines two product flows: buying game vouchers and supporting creators. Each needs a clear interface, while orders, balances and realtime updates depend on the backend behind it.

Jagoan Voucher marketplace and native creator donation-alert preview, composed on a dark project cover
Project presentationPortfolio cover composed from actual product captures and a generated background. Product UI is not AI-generated. Full-size image (new tab)↗

The product

The marketplace covers product selection, checkout and order status. Creator-facing tools include donation views, a dashboard and an Overlay Studio for configuring OBS browser-source widgets.

The overlay tooling includes alert and goal interfaces, with additional widgets for creator use. A demo state is separate from a live donation or payment.

My contribution

I worked on the frontend and backend. The scope spans the web interfaces and the application services supporting the marketplace and creator tools.

For the portfolio, the useful example is the connection between a product page, its order flow and the tools a creator uses after signing in.

Selected product flows

  • Search and product discovery in the marketplace.
  • Denomination selection, checkout and order tracking.
  • Creator dashboard and donation views.
  • Overlay Studio and OBS alert configuration.
  • Realtime interfaces supported by backend services.

For a similar project

This project is relevant to a business commissioning a marketplace or creator platform with several user roles and realtime interactions.

The frontend and backend need to agree on order states, balances and user roles. The marketplace and creator interfaces show different parts of that shared product.

The interface

Select an image to enlarge it; use Actual size to inspect small details. The real frontend, captured locally with synthetic API responses and the built-in overlay demo. Sample accounts, order status and donation amounts do not represent real transactions.

Jagoan Voucher product-discovery interface with search and catalogue cards
Product viewJagoan Voucher product-discovery interface with search and catalogue cards Full-size image (new tab)↗
Jagoan Voucher product page with denomination, email, payment selection and checkout summary
Product viewJagoan Voucher product page with denomination, email, payment selection and checkout summary Full-size image (new tab)↗
Jagoan Voucher Overlay Studio with alert sound, animation and example donation alert
Product viewJagoan Voucher Overlay Studio with alert sound, animation and example donation alert Full-size image (new tab)↗
Synthetic Jagoan order status with an explicitly non-redeemable demo voucher
Product viewSynthetic Jagoan order status with an explicitly non-redeemable demo voucher Full-size image (new tab)↗
A fictional donation alert rendered by Jagoan Voucher’s built-in OBS demo mode
Product viewA fictional donation alert rendered by Jagoan Voucher’s built-in OBS demo mode Full-size image (new tab)↗

A project in mind?

Tell me what you’re building.

Share the problem, who will use the product and what you already have. We can discuss the scope and whether I can help.

Discuss your project

Interface gallery