Partner & distributor platform — admin console, art direction & launch kit
A premium partner platform, from its admin console to the app stores
The partner side of the ecosystem: a network business that needed to feel premium, energetic and operational — plus the admin console behind it, reverse-engineered from the live codebase into its first designed spec of 225 screens across 30 modules on a single 164-token system, and a complete App Store / Play launch kit.
Backdrop — the actual working file
- Role
- Product Design · Art Direction · Store Launch Kit
- Client
- BestPrime · partner network
- Period
- 2026
- Platforms
- iOS · Android · Web (1440)
- Tools
- Figma · Instrument Sans · Darker Grotesque
- Status
- Store launch kit delivered
Overview
BestPrime is the partner and distributor side of the ecosystem — the people who grow the merchant network. The direction had one brief: premium, energetic, operational. Deep navy grounds, electric blue and teal aurora light, Instrument Sans.
The product surface is genuinely operational: performance dashboards with structure trees (downline networks), a 1,200-unit voucher inventory hub, events with Apple Wallet tickets, a product shop, and the five-shield Eagle Award rank ladder.
Scope
- Admin console spec (reverse-engineered from code)
- Design tokens (164) & 30-module IA
- Visual direction (dark premium)
- Mobile + web app surfaces
- App Store & Play asset system
- Preview narrative design
Figures counted from the working files — not estimates
The challenge
Dark, premium and legible rarely coexist. Network-business tools drift into either spreadsheet grimness or crypto-casino glow. The direction had to make an operational product feel aspirational without losing data clarity.
The store launch kit had a second-order problem: backgrounds that looked 'designed' but generic. The answer came from the brand itself.
My role
Art direction and UI design on the dark 'Premium/Energic/Operational' direction, and full production of the store launch kit.
The product design authorship is shared with the wider team; this case is framed honestly as art direction, UI contribution and launch production rather than sole product ownership.
Product decisions
4 that shaped the productProblemBestPrime's B2B admin console lived only in a shipped codebase — there was no designed source of truth to extend, audit or hand to new engineers.
Reverse-engineer the live codebase into the console's first designed spec.
WhyYou cannot improve or scale what was never designed. The running product had to be turned back into a system before it could move forward.
Impact225 screens across 30 modules, rebuilt as one 164-token design system — the admin console's first real spec, derived from the code that was already in production.
Build store backgrounds from the brand's own splash textures — the 'Aurora Plasma Field'.
WhyStock gradients make every app look like every other app; the brand already had distinctive plasma light in its splash assets.
ImpactLayered, blurred and re-lit brand textures gave 12 phone previews and the feature graphic depth and atmosphere with zero stock art — tuned per screenshot so headlines stay legible.
Design the preview set as a narrative, not a screenshot dump.
WhyStore visitors decide in seconds; six previews should tell one story.
ImpactWelcome → Dashboard → Vouchers → Shop → Events → Eagle Award: a sequence that walks from first impression to ambition, with the rank-climb spotlight as the closer.
Give the Eagle Award preview its own composition system — the ascension ladder.
WhyRank systems are the emotional engine of network businesses; a flat card undersells them.
ImpactA five-shield climbing ladder with the current rank lit gold, locked ranks dimmed, and the top rank as a target glow — gamification rendered with restraint.
Admin console, from code
Reverse-engineering a live product into a spec
The B2B admin console existed only as a shipped codebase. I rebuilt it into its first designed source of truth: a control centre with 30 modules — users and roles, commerce, invoices, vouchers, events, audit log and a token wallet — spanning 225 screens on a single 164-token system, with every list carrying its default, empty, loading and error states.
This is the unglamorous foundation the store kit sits on: the product had to be turned back into a system before it could look premium.
Light & dark
One mode switch, zero redrawn screens
The console's dual theme is structural: the same dashboard rendered light and dark by switching the token collection — proof the 164-token layer does its job.
Product surface
Operational, but never gray
Dashboards carry performance overviews, structure trees and wallet state; the voucher hub tracks inventory across pool, self-registered and sent states; events handle booking with wallet tickets; the shop sells partner products with flash-sale mechanics.
Web app
The same direction at 1440
The web app carries the direction to desktop: performance, news, wallet and Eagle status on one operational home, with the shop as a second surface.
Store launch kit
From product to storefront
iOS and adaptive Android icons, six App Store previews at 1290×2796, six Play previews, and a feature graphic — one template system with per-theme narratives, captioned in English with DE/IT/EL derivable from the same templates.
Preview narrative
Six screens, one story
Each preview pairs a headline with a floating device over the aurora field — welcome, operate, reward, ascend. The Eagle Award closer uses the gold ascension ladder.
Screen wall
Dark Version Finals
The full wall: dashboard, voucher hub, events, shop and rank system in the final dark direction.
▸ scroll — Dark Version Finals — the full screen wall
Outcome
verified, qualitative where honest- 01
The admin console's first designed spec: 225 screens across 30 modules on one 164-token system, recovered from a live codebase.
- 02
A complete, consistent store presence: icon system, twelve previews and feature graphic delivered as one template family.
- 03
Backgrounds built from brand-owned textures — distinctive at thumbnail size, legible at full size.
- 04
An art direction the product team can extend: rules for glow, depth and hierarchy rather than one-off compositions.
