Shelfy Wireframes

8 screens + 1 journey map + product bible · Lo-fi · Feature-mapped to MLP spec · W6/W8 deferred to Phase 2

Product Overview
PB
Product Bible
(documentation)
Complete product narrative: mission → problem → competitive landscape → moat → JTBD → features → user flows → wireframes → roadmap. Interactive — click to explore wireframes.
Documentation
Marketing
W1
Landing Page
/
Hero, value prop, template gallery teaser, how-it-works, social proof. Entry point for new users.
Public / SSR
JM
User Journey Map
(documentation)
Complete brand manager journey from discovery to production. Flow visualization, state catalog, and micro-interaction inventory.
Documentation
Builder (Core Product)
W2
Builder — Parameters
/builder/:slug
Per-shelf controls, product-fit validation, planogram constraints, 3D viewport, presets, cost rail.
Public trial
W3
Builder — Artwork
/builder/:slug (tab)
Zone-based artwork upload, DPI validation badges, bleed/safe indicators, UV mapping preview.
Public trial
W4
Export Flow
/builder/:slug (modal)
Pre-flight validation (structural + DPI), export options, scene presets, download. Auth gate.
Auth required
App
W5
Dashboard
/app
Saved designs grid, status badges, create new, filter by status. Clean creative tool dashboard.
Authenticated
W6
Admin — Concierge Queue
/admin/rfqs
Phase 2 — Admin dashboard (deferred). MLP uses validation engine + offline supplier coordination. At MLP: simplified queue showing exports, validation summary (informational), and quote entry form.
Admin role-gated
W7
Design Detail
/app/designs/:id
4-step status timeline (Exported → Awaiting Quote → Quoted → Accepted), export file downloads, quote card with accept/decline. No in-app review flow at MLP — review happens offline.
Authenticated
W8
Template Authoring
/admin/templates
Phase 2 — Full template manager UI (deferred). MLP uses JSON-in-repo authoring with a dev-only preview route (/admin/templates/:slug/preview). Templates published via PR.
Admin role-gated
See the Journey Map for the complete annotated flow with states, emotions, and feature callouts.
Flow 1: First-Time Design
W1 Landing → W2 Builder ↔ W3 Artwork → W4 Export → auth gate → W5 Dashboard

Flow 2: Returning User
W5 Dashboard → select design → W2 Builder → iterate → W4 Export → W5 Dashboard

Flow 3: Quote Acceptance
W5 Dashboard (email: quote ready) → W7 Detail (Quoted state) → review quote → accept → W7 Accepted

Note: W6 (admin review) and W8 (template manager UI) are Phase 2. At MLP, admin coordinates offline and templates are authored via JSON-in-repo.