For shoppers
- Oversized and streetwear fits were hard to find in one place.
- Customising a tee meant leaving the store and sending files back and forth.
- Orders, returns and shipping rules were hard to follow.
✦ FEATURED CASE STUDY
Streetwear retail, run end to end.
KingFox is a clothing brand with a storefront for shoppers, a warehouse admin for the back office, a billing setup for the counter and an Android app for supervisors.
- Storefront
- Warehouse admin
- Billing setup
- Android app
hero-store.webp
hero-app.webp
Customer storefront
Shop, customise, check out and track orders.
Warehouse admin
One ERP-style panel for stock, sales, finance and HR.
Billing setup
A billing setup for the shop counter.
KingFox Admin app
Staff and market analytics on Android.
THE CHALLENGE
A fashion brand needs a shop front and an engine room.
Shoppers wanted loud, well-fitted streetwear they could even design themselves. The team behind it needed one place to run stock, sales, money and people.
For the business
- Stock, orders, accounts and staff lived in separate tools.
- Online and in-store sales were hard to compare.
- Campaigns, coupons and giveaways were managed by hand.
THE PLATFORM
One brand, four connected products.
A storefront to sell, an admin to run the business, a billing setup for the counter and a mobile app for supervisors.
The storefront for shoppers
Festive drops, graphic collections and a design studio, all in one fast site.
- Product listings, new arrivals and bestsellers
- Wishlist, cart and checkout
- A design studio to customise products
- Sign-in, profile and order tracking
- Campaign pages and a WhatsApp support button
showcase-store.webp
The warehouse admin
An ERP-style panel where staff and owners run sales, stock, finances and HR from one place.
- Products, categories, size charts and orders
- Stock, purchases, vendors and inventory analytics
- Expenses, accounts and financial reports
- Attendance, leaves, payslips and staff performance
- Banners, coupons, campaigns and a lucky draw
showcase-admin.webp
Billing setup and the Admin app
The KingFox billing setup handles billing at the shop. The KingFox Admin app gives supervisors staff and market analytics on their phone.
- Billing setup for the shop counter
- Supervisor login
- Market analytics and branch reach
- Staff performance and branch comparison
Get it onGoogle Playshowcase-app-1.png
showcase-app-2.png
HOW IT WORKS
How it works for each side.
Four steps each, kept short on purpose.
For shoppers
- 1
Browse the drops
Explore collections, new arrivals and bestsellers.
- 2
Design your own
Select a fit, customise it and place the order.
- 3
Check out
Add to cart or wishlist and pay in one flow.
- 4
Track the order
Follow delivery and manage returns from your profile.
For staff and owners
- 1
Stock it
Raise purchases, receive stock and run audits.
- 2
Sell and bill
Handle online orders and in-store billing.
- 3
Keep the books
Track expenses, accounts and cashflow.
- 4
Read the numbers
Compare branches, sales and categories at a glance.
WAREHOUSE ADMIN
What the admin panel handles.
Six areas of the business, managed without switching tools.
Catalog and orders
Products, categories, size charts, online and offline orders, custom designs, shipping and reviews.
Inventory and stock
Stock checks and audits, purchases, purchase returns, vendors and inventory analytics.
Finance and accounting
Expenses, accounts, cashflow, balance sheet, trial balance, profit and loss, loans and costing.
HR and staff
Attendance, leaves, payslips and staff performance.
Marketing and storefront
Banners, coupons, campaigns, WhatsApp marketing, a lucky draw and contact enquiries.
Administration
Branches, owners, customers, users and roles.
SCREENS
The screens.
The storefront first, then the admin dashboard and the app.
Storefront
store-home.png
store-collections.png
store-customise.png
Warehouse admin
admin-dashboard.png
Admin app
app-login.png
app-market.png
app-staff.png
BRAND IDENTITY
Royal gold on a warm, dark base.
Dark brown for the top bar, gold for the actions that matter, and cream and peach for a warm, festive feel.
Dark brownTop bar
#352C01GoldHighlights and buttons
#DDCA21CreamHeader
#F8EEE4PeachHover tint
#FBD5AFPage background
#FFFFFFPage text
#171717Header text
#000000Headings
Aa
Stay loud. Shine bright.
Space Grotesk
Body
Aa
Oversized drops, premium corduroys and streetwear cut for royalty.
Plus Jakarta Sans
Display sections
Aa
COLLECTIONS
Bebas Neue
Interface pieces
Shop exclusive collectionLoginNew arrivalsCustomizeStart designing now
UNDER THE HOOD
Under the hood.
The decisions that keep the store selling and the back office running.
Next.js storefront
A customer-facing Next.js site with listings, cart, checkout, accounts and policy pages.
- Next.js
- React
- CSS Modules
Typed admin panel
The warehouse admin is a Next.js and TypeScript app with a page and service layer per module.
- Next.js
- TypeScript
- Role-based users
Ad tracking
A Meta Pixel on the storefront measures ad performance for campaigns.
- Meta Pixel
- Campaign pages
Support where shoppers are
A floating WhatsApp button keeps support one tap away on every page.
- Responsive
GET STARTED
Stay loud. Shop the drop, or run the business behind it.
Explore the KingFox storefront, or get the KingFox Admin app to follow staff and market analytics.