Dashboard
Project overview
Client
Lone Wolf
Industry
Fitness apparel / E-commerce
Location
Global
Type
New Product (from scratch)
Platform
iOS, Android & Web admin
Stack
React Native, Shopify, React.js
Services
Product, UX/UI, Development
Status
Shipped
The Challenge
A gym brand needs more than
just a checkout.
Lone Wolf sells gym apparel, but a plain storefront gives members no reason to come back between purchases. The brand needed an app that turns everyday training into a habit - and a store into a community people belong to.
Where it broke downThree friction points
01
A store with no reason to return
A standalone shop is opened only when someone already wants to buy. There was no daily hook to keep the brand inside a member's routine.
02
No sense of community
Gym culture runs on belonging and accountability, but shopping was solitary - no pack, no leaders, no shared momentum to plug into.
03
Store, app and ops disconnected
Products, orders, community and rewards lived in separate places, with no single panel to run the whole operation from.
What we shipped
What we've
built.
Platform
2
Native apps
iOS & Android
Store
Shopify
Commerce engine
Catalog · cart · checkout
Rewards
Fangs
In-app currency
Earned on daily steps
Community
Pack
Member community
Leaders · feed · follows
Ops
1
React admin panel
Store · community · rewards
Design Deep-Dive
A system built
to move with you.
A stripped-back monochrome identity - white, black and smoke with a single gold reward accent - carries shopping, step challenges and community without ever feeling busy.
01Identity
02Colour
03Typography
04Components
01 - Identity
Lone Wolf - wear the wild.
A sharp, geometric wolf mark paired with a hand-brushed wordmark - premium enough for apparel, bold enough to lead a gym feed.
App mark
iOS / Android icon
02 - Colour palette
Primary
Pure White
#FFFFFF
Secondary
Core Black
#0F0F0F
Accent
Smoke
#B8B8B8
Price
Golden Sand
#C4A23E
Highlight
Graphite
#2B2B2B
03 - Typography
Aa
Type system
Roboto
One family, four weights
Wear the wildDisplay · Roboto Black
The Hunt · The PackHeading · Roboto Bold
Earn Fangs on every step and rise through the pack ranks.Body · Roboto Regular
500 steps · 50 Fangs · €44.99Numeric · Roboto Medium
04 - Components
Lone Wolf Mobile app.
The Lone Wolf app blends a full Shopify storefront with The Hunt step challenges and The Pack community - shop apparel, earn Fangs on daily steps and rise through the ranks.
The admin panel
Lone Wolf admin.
A React.js admin panel runs the whole operation - products and orders synced with Shopify, plus community moderation and Fangs rewards, all from one dashboard.
Next case study
Sertify →
↗Let's make something
Got an idea?
Let's build it.
Tell us what you're working on. We reply within one business day with honest pricing and a first sketch of the approach.
hi@vendaxis.com →VendAxis.