Complete Mystery Box UI Design

I run an online store that specialises in mystery blind-box and unboxing-style surprise products, and I'm ready to elevate the entire experience into something that feels premium, provably fair, and emotionally addictive—without losing a refined and trustworthy ecommerce aesthetic.

The goal is to create a design that captures the thrill of opening a high-value mystery box, similar to platforms like RillaBox, while maintaining a sleek, conversion-optimised, and globally scalable shopping experience.

Scope

You will design every core flow and interactive experience, including but not limited to:

• Full-site UI/UX design covering:
Home, Product Catalogue, Product Detail, Cart, Checkout, Order Tracking, Account Dashboard, Support & FAQ, Order History, KYC/verification screens, and any other key shopper touchpoints.

• Unboxing game system UI, including:
– Mystery box reveal animations & result screens
– Odds/probability display modules
– Box inventory, rarity tiers & reward preview UI
– Quick-sell or convert-to-credit flows after unboxing

• Social and engagement UI layers, such as:
– Leaderboards, ranking badges, user levels
– Box battles / Mystery Box Battle mode UI
– Community interaction components
– Achievement pop-ups & reward streak indicators

• Deposit and payment entry design, including:
– Crypto payment gateway UI (e.g., BTC/ETH/USDT entry screens)
– Fiat payment options if applicable
– Wallet balance & credit system UI

• A fresh visual identity and mini design system, including:
Since I currently have no brand palette, you will develop:
– A concise style guide (brand colours, typography, spacing, UI components)
– A modular, scalable design system for future box additions
– Trust-building visual language (modern, minimal, bold, playful but premium)

• Responsive layouts that work seamlessly across desktop and mobile.

• Delivery in an editable design system (Figma/Sketch/Adobe XD—your choice), with:
– All components, layers and symbols structured
– A complete style guide and design boards for developer handoff
– Clearly organised flows and interaction states

Acceptance
I’ll consider the project complete when I can:
1. Click through a hi-fidelity prototype for each user flow,
2. Hand the style guide to a front-end developer without ambiguity, and
3. Export assets at 1× and 2× with consistent naming.

If you have a knack for sleek, conversion-focused ecommerce interfaces, I’d love to see a couple of relevant samples and hear how you’d approach the brand palette from scratch.