Design Principles
Learning from our legacy game (Hungry Shark World) and performing competitive benchmarking against mobile games, I established 6 design principles for our approach with Hungry Shark Primal's Shop.
See Hungry Shark World's Shop case study to see how my design strategy has evolved.
Clear Value Proposition
Every offer must immediately communicate its value to the player.
Player Choice & Transparency
Clear pricing and no hidden mechanics to build trust.
Progressive Disclosure
Information revealed at the right moment to avoid overwhelming players.
Contextual Relevance
Offers tailored to player progress and behavior patterns.
Tailored Offerings
Personalized deals based on player segments and preferences.
Live Ops Compatible
Built for rapid iteration and seasonal content updates.
Modular Shop Architecture
Interchangeable Block Units
I designed a standardized sizing system for Live Operations offers, using predefined grids. This framework helps artists and Live Operations teams efficiently create enticing bundles and combo offers. It simplifies the promo offer bundle creation process, ensures visual coherence, enhances user experience, and allows for more flexible monetization strategies.
The shop is designed to scroll horizontally with navigation shortcuts in the bottom that lets the player snap to whichever subcategory they want. It is built to be live-ops friendly and modular, with block arrays easily substituted by game economists and live ops managers.
Visual Grid System Layout
Interactive representation of the CSS Grid fractional units system (3fr, 2fr, 1fr, 1fr) used for flexible content blocks in the shop architecture.
Premium Offers
High-value bundles and exclusive deals that require maximum visual impact
Featured Content
Standard Offers
Regular promotions and currency packs
Core Sales
Quick Deal
Fast purchases
Creating a System for Custom IAP Offers
Exclusive Time Limited Special Offers
The shop scrolls horizontally with navigation shortcuts at the bottom, letting players snap directly to desired subcategories. Built with a modular block system, it allows game economists and live ops managers to seamlessly substitute content arrays for rapid iteration.
Dynamic Offer System
Special promotions deliver personalized value through contextually-targeted offers, empowering live ops managers to craft deals tailored to individual player behavior and progression.
Player Segmentation
Offers tailored to specific player segments and spending behavior.
Real-time Generation
Offers generated dynamically based on current player state and context.
A/B Testing
Built-in framework for testing offer effectiveness across variants.
Seasonal Events
Automated event-based promotions and limited-time special offers.
Evolution of the Shop Designs
Design Evolution
The interface evolved from structural wireframes prioritizing navigation clarity to an immersive, themed experience. I maintained the core horizontal scrolling and modular architecture while layering rich underwater environments, dynamic promotional content, and sophisticated visual storytelling that reinforces the game's aquatic theme.
Shop wireframe — Foundation phase
Shop mid-fidelity — Refinement phase
Shop final design — Production phase
Shop final polished — Launch ready
Design Outcome
Key Features
Instant Navigation
Horizontal scrolling with snap navigation for instant category access.
Modular Architecture
Block system enabling non-technical teams to manage live content.
Contextual Promotions
Leveraging player segmentation for personalized offers.
Impact
Extensive user testing revealed no usability red flags, with players specifically praising the large graphics and banners for special offers. The system unified complex game mechanics with monetization through clear value propositions and live ops compatibility — establishing a sophisticated hub that enhanced both player engagement and business metrics.
Usability red flags — no issues in testing
Player feedback on visual clarity
Faster Live Ops content updates
Live Ops manages shop independently