Fannizero
A hybrid fan app where community and commerce coexist
- Mobile App
- E-commerce
- Community
Overview
Fannizero merges fan community content with branded merchandise in one integrated experience. The core challenge: building something fans would use for the content — and spend on for the products.
The challenge
Fan and shopping apps operate in different emotional states. Content browsing is exploratory and identity-driven; shopping is goal-oriented. Merging both required careful flow design and a visual hierarchy that could shift between modes without jarring users.
The solution
A mobile-first experience with distinct yet connected content and commerce sections, unified through a shared identity and aesthetic. Content feeds keep users engaged; product placement is contextual rather than disruptive. ShopRenter handles transactions seamlessly, while a custom admin panel lets the brand manage content and products independently.
Outcome
- Integrated fan platform driving engagement and revenue
- Direct brand channel to an invested audience
- Content and commerce unified as one cohesive experience
- ShopRenter e-commerce integrated into native app flow
- Custom admin panel for independent content/product management
User Journey Analysis
Actor: Dedicated fan discovering the app
Sees a post about Fannizero on the artist's social media account
Download page mirrors the social media aesthetic — no jarring visual transition from discovery to landing
Signs in with social account — sees personalized content feed immediately
Fan preferences set implicitly from followed content — no explicit preference wizard required
Browses posts, photos, and behind-the-scenes video content
Content feed designed for emotional investment first — commerce is introduced only after engagement
Sees a contextual merch item placed beneath a fan post
Product placement uses fan context ('worn in last show') — not a banner or promotional interruption
Buys the item in 3 taps — payment details stored from sign-up
ShopRenter integration is invisible to the user — transaction happens without leaving the app
UX Artifacts
Dual-Mode UX Pattern
- Content mode
- Exploratory, scroll-first, infinite feed, low commitment
- Commerce mode
- Goal-oriented, search-first, finite catalogue, decision-moment
- Mode transition
- Contextual product placement in content feed triggers commerce mode
- Visual consistency
- Shared design language — mode switch feels like a section, not a different app
- Back navigation
- Always returns to content feed — keeps the fan in their primary flow
Community-to-Commerce Funnel
- Awareness
- Social follow → app download, incentivized by exclusive fan content
- Engagement
- Content browsing — avg. 11 min/session before first purchase prompt
- Discovery
- Contextual product placement in content feed — not the catalogue tab
- Consideration
- Product detail with fan-context copy: 'worn by [artist] on the European tour'
- Conversion
- 3-tap checkout with stored payment — zero re-entry of details
next frame →
Lucky Punch
A bold brand identity translated into a high-impact digital presence
