BLACKBOX Store · confidential
BLACKBOX STORE Sitemap · screen journey
Access Manager (B2B) Back-office ◆ key screen · ① journey order · hover = detail · drag / wheel to navigate FREN
D-Studio · Architecture

BLACKBOX STORE

B2B salon-restocking platform. Shopify is the hidden engine (catalog, taxes, payment), KHube orchestrates the salon business logic. The ① → ⑦ arrows show the real journey from one screen to the next.

A
Access
The door · login by staff ID
①A1
ID login
Staff ID + secret · 2 roles: manager / barber
▼
A2
Access states (denied)
Unknown · suspended · salon closed · no rights
▼
②A3
First login — Stripe mandate
SEPA/card mandate required before any order
▼
A4
Barber activation
Staff ID + invite code + SMS OTP → salon-scoped access
B
Manager front
14 screens · the most polished surface
◇ Active-salon selector — present everywhere · one cart per salon (split, never emptied)
Context
③B1
My salons (home)
Linked salons + alert center
▼
Order
④B3
B2B catalog
Authorized pro consumables · salon shown
▼
B4
Product page
Packaging, pro price, add to cart
▼
⑤B5
B2B cart
Recap per salon · server-side validation
▼
⑥B6
Checkout
Pre-filled addresses · Stripe mandate, no card to enter
▼
⑦B7
Confirmation
Salon + estimated ETA + recap → triggers back-office
▼
Tracking
B8
Order history
Salon / period filter · status, amount
▼
B9
Detail + tracking
Line items, supplier status, PDF invoice
▼
B10
1-click reorder
Repeat an order + suggested restock
▼
B11
Returns / refunds
Partial return per line · full = all checked
Account & team
B12
My account
Mandate · invoices · salon addresses
B16
My team
Invite barbers · assign to salons
Customer pickup · phygital bridge
B14
Parcels to hand over
Capsule / Cosmetics arrived at the salon
▼
B15
Hand-over
Verify code → "handed over" → notify customer (manager or barber)
C
Back-office
9 screens · D-Studio team, internal
↳ Receives validated orders from the manager journey (after ⑦)
Suppliers & dropshipping
C4
Supplier management
Mode (API/email/manual), credentials, SLA
▼
C5
Product ↔ supplier mapping
Required before Store publication
▼
C6
Supplier orders
Status state machine · tracking · follow-up
▼
C7
"To handle" dashboard
Errors, stock-outs, missing mapping
Payment & collection
C8
Stripe collections
Mandates · order reconciliation
▼
C9
Mandate / franchisee detail
1 franchisee = 1 Stripe customer, N salons
Reporting & system
C10
Dashboards + exports
Per salon · states · payments · CSV
▼
C12
Logs / audit
Back-office mutation journal
▼
C13
Integrations monitoring
Shopify / Stripe / supplier webhooks
A1→ A3→ B1→ B3→ B5→ B6→ B7→ C6 an order's path, end to end
D-STUDIO.