PimpMyBuild · Ball Hard’s Den
Visit live site ↗
pimpmybuild.com
ROLE
Product Designer
COMPANY
Ball Hard’s Den
SCOPE
Loyalty caskets, inventory, promo pages
TOOLS
Figma
MY ROLE
Ball Hard’s Den is my main job since 2023. On PimpMyBuild I design the product pages, the campaigns around them, and features like this one, from first sketch to developer handoff.
I OWNED
•
Loyalty flow and all its states
•
Inventory and casket UI
•
Promo banners and campaign pages
•
Dev handoff
WORKED WITH
•
The CEO
•
Developers
•
Marketing
TOOLS
Figma
Components
Prototyping
THE CHALLENGE
•
Most orders were one-off.
•
Generic rewards make a gaming shop feel like any other shop.
•
The rule had to be clear in one glance: what do I get, and when?
HOW I GOT THERE
01 · LOOK
Not a coupon. Players already know what loot looks like: a stone-framed inventory with items in slots. I borrowed that pattern so nobody has to learn anything new.
DECISION
Rewards live in an inventory, just like in the game.
The inventory with claimed rewards and welcome gifts.
Progress card and the promo banner.
02 · RULE
One line and one progress bar: spend $100, get a casket. The bar shows how far you are, and a promo banner repeats the same sentence elsewhere on the site.
DECISION
One sentence, one bar. The number is always visible.
03 · LAYOUT
I tried the redeem instructions as a dropdown under the title, expanded above the inventory, and with the promo banner on top. They are needed once, and then they are in the way.
DECISION
Collapsed by default, next to the inventory title.
Three layout variants of the same page.
A casket reward and a seasonal deal in the same frame.
04 · REWARD
The casket opens with a glow and shows the item, the way a drop does in the game. The same frame carries seasonal offers, like Black Friday caskets and double XP deals.
DECISION
Make the moment of opening the reward itself.
spent unlocks one casket
page states designed, from empty to full inventory
expiry dates: rewards stack and never expire
Numbers describe the feature, not business results.
THE OUTCOME
•
Borrow patterns your users already love. It costs them nothing to learn.
•
A loyalty rule should fit in one sentence.
•
Design every state, including the empty one. That is the first thing a new customer sees.
Thor’s take
A chest that opens when you spend enough. I have the same deal with the treat drawer. It never opens.
NEXT PROJECT
