Gonzo OpenPostDashboard UX · Dark theme v1.0

Connecting IP creators to the world with blockchain NFTs

世界を暗号化する ― オープンポスト
“Encrypt the world.” A Gonzo Japan platform where companies register digital assets and sell IP content as NFTs.

Client: Gonzo Japan
Product: OpenPost corporate dashboard
Role: Lead UX Designer
Platform: Web, Japanese & English

01.Overview

OpenPostBlockchain NFTs for IP creators

OpenPost connects the world of IP creators through blockchain NFTs. Behind the public site sits a corporate dashboard where client companies manage everything that ends up on the marketplace: their company record, their users, their digital assets, orders and product listings.

I designed that dashboard as a dark theme in two languages. Most screens are long, data-heavy forms, so the work was about structure, clear states and protecting actions that can't be undone.

企業情報管理Corporate information
Register, search and update client companies.
企業ユーザ情報管理Corporate users
Search users, change details, suspend or cancel accounts.
デジタルアセット情報管理Digital assets
Track assets from production to approval.
発注情報管理Orders
Manage orders between companies and creators.
販売情報管理Sales
Register products, search listings and view sales history.
設定Settings
Account settings and the master list of titles of work.

Login with company ID, user ID (email) and password — **Login.** Company ID, user ID and password, each with inline help.

Sign up. Corporate user registration, with required fields marked.

02.Dashboard & navigation

Everything that matters, at a glance

The corporate admin home answers two questions: how many people work in this account, and where are our assets in the approval pipeline, for the whole company and for me.

企業一般ユーザ数General users05
企業販売ユーザ数Sales users02
登録されたデジタルアセット数Assets, company-wide03
In Production05Company-wide
Approved02Company-wide
Approval Request03Company-wide

Corporate admin user dashboard with user counts and asset pipeline tiles — **企業管理ユーザダッシュボード.** Company-wide numbers on the middle row, my own assets on the bottom row.

Navigation. Six collapsible modules in a left sidebar, a collapse button, breadcrumbs under every page title, and a JP / EN switch beside the avatar on every screen.

03.Corporate & user management

View, edit, then confirm

Company and user records are long forms that people mostly read, not change. So each record opens read-only, switches into an edit state on purpose, and asks for confirmation before saving.

1View
Fields are read-only. One button: 編集 (Edit).
2Edit
Editable fields light up; required ones are marked. Save with 変化する.
3Confirm
“企業ユーザ情報を変更してもよろしいですか？” Change this user's details?

Corporate user change and cancellation page in read-only view mode — **View.** Read-only, with the Edit button.

Same page in edit mode with required fields highlighted — **Edit.** Editable fields, status and cancellation reason.

Confirmation dialog asking whether to change the corporate user information — **Confirm.** はい / いいえ before anything is saved.

Search User table in English with user ID, username, authority, status and edit actions — **Search user (EN).** Status reads at a glance: In Use, Suspended, Canceled.

Corporate information change form with address, contacts and contract status — **Corporate information.** Address, two contacts, contract status and an audit trail.

Corporate user registration review screen with filled fields and a Confirm button — **Registration review.** New users see their entries read-only before confirming.

04.Products & sales

Careful with what's live

Products on OpenPost are tied to real marketplace listings, so the design slows people down exactly where a change has consequences, and stays out of the way everywhere else.

Editing a product that's on sale

現在、販売中の商品となります。商品情報を変更するとマーケットプレイスの情報も変更されますが、よろしいですか？

“This product is currently on sale. Changing it will also change the marketplace listing. Is that OK?” Three clear ways out: 確認 confirm the change, 戻る go back, or マスタアセットアップロード go straight to uploading the master asset.

Dialog warning that the product is on sale and changes will update the marketplace — **Live-listing warning.** The consequence, then three actions.

Product search with expandable rows showing sales IDs and their statuses — **Product search.** Each product master expands into its sales: before sale, on sale, sold.

Product information reference registration: product information and sales information sections — **商品情報参照登録.** Product information and sales information in one long form: thumbnails with a chosen cover, revenue share, primary or secondary sale, payment method and sale window.

Adding a title of work

「作品コード」は一度追加したら編集が出来ません。作品名を追加してもよろしいですか？

“A title code can't be edited once it's added. Add this title?” The permanent part is named before the user commits.

Title of work settings with a form and a table of titles — **作品名設定.** Add or edit titles of work; the selected row is highlighted.

Confirmation that the title code can't be edited once added — **Irreversible-action check.** Shown before a title code is saved.

05.Master asset upload

Rules first, then files

A master asset is the file buyers receive, and it can't be replaced once registered. The upload screen leads with the rules, in the client's own words, before the drop zone.

1
マスタアセットファイルは、一度登録すると変更できません。
Once registered, a master asset file can't be changed, so register the right file.
2
登録したマスタアセットファイルは、マーケットプレイスにおける販売用コンテンツとなります。
The registered file becomes the content sold on the marketplace.
3
マスタアセットファイル登録後は、必ずファイルが正しくダウンロードできるか確認してください。
After registering, always check the file downloads correctly.
4
マスタアセットファイルの変更が必要となった場合は、新たな商品情報として再登録から行ってください。
If the file needs to change, register it again as a new product.
5
マーケットプレイスにおいて指定した販売終了日になると在庫として残った商品は、以降同一商品情報として販売が出来なくなります。
After the sales end date, remaining stock can no longer be sold under the same product information.

Master asset file selection with rules, product master ID, asset type, folder and drag-and-drop area — **Select files.** Rules, destination folder and a drag-and-drop zone.

Master asset upload with per-file progress, cancel and resume — **Upload.** Large files get their own progress bar, with cancel while uploading and resume when stopped.

06.Dark theme system

Dark, calm, and gold where it counts.

Charcoal surfaces keep long forms quiet; gold marks the one primary action and the current place in the menu; blue is reserved for page titles. Every field carries a help icon, so guidance is there without crowding the label.