50 lines
3.8 KiB
Markdown
50 lines
3.8 KiB
Markdown
|
# Product
|
||
|
|
|
||
|
|
## Register
|
||
|
|
|
||
|
|
product
|
||
|
|
|
||
|
|
## Platform
|
||
|
|
|
||
|
|
web
|
||
|
|
|
||
|
|
## Users
|
||
|
|
|
||
|
|
Primary users are tenant operators — merchants and admins who build and run their own marketplace through the Project Editor (builder) and the Admin/backoffice. They are task-focused power users: configuring theme, layout, navigation, pages, products, and static content, then publishing. Their context is repeated, deliberate work sessions where speed, clarity, and confidence that a change did what they expected matter more than delight.
|
||
|
|
|
||
|
|
Secondary users are end shoppers browsing a tenant storefront — catalog, product pages, cart, static pages. They arrive casually, judge fast, and are conversion-driven. Every storefront is themed per tenant, so shoppers should experience the tenant's identity, not the platform's.
|
||
|
|
|
||
|
|
Operators come first; shoppers second. The tool must be genuinely good to work in, and the storefront it produces must convert.
|
||
|
|
|
||
|
|
## Product Purpose
|
||
|
|
|
||
|
|
A configuration-driven, multi-tenant marketplace platform. One Angular frontend serves unlimited tenants: identity, theme, navigation, page/section/widget composition, and static content all resolve at runtime from a per-tenant `bootstrap.json`, with the tenant chosen by request host. No tenant-specific code paths exist. A new marketplace is onboarded by domain plus config plus backend data — never by forking the frontend. Success is an operator standing up and running a complete, on-brand storefront end to end without writing code, and a shopper on that storefront never sensing the platform underneath.
|
||
|
|
|
||
|
|
## Positioning
|
||
|
|
|
||
|
|
Launch and run a full marketplace with no code: from one runtime config a tenant gets a brandable storefront, an admin backoffice, and a visual editor, onboarded by domain alone. The frontend renders entirely from bootstrap JSON, so tenant identity is fully configurable and the data backend can change without touching the app. The single claim every surface reinforces: everything you see is config, not custom code.
|
||
|
|
|
||
|
|
## Brand Personality
|
||
|
|
|
||
|
|
Precise, calm, trustworthy. The platform chrome behaves like commerce infrastructure: confident, low-drama, and out of the way. It states what happened plainly, makes destructive and publishing actions unambiguous, and never competes for attention with the tenant's own branding. Voice is direct and operator-literate, not salesy.
|
||
|
|
|
||
|
|
## Anti-references
|
||
|
|
|
||
|
|
Not dated enterprise admin: no cluttered gray dashboards, tiny dense tables, or 2010-era Bootstrap backoffice. Not generic AI-SaaS template: no cream/violet gradient landings, hero-metric card rows, tracked-uppercase eyebrows on every section, or identical icon-heading-text card grids. Not consumer toy: no bubbly rounded-everything, mascots, candy colors, or gamified UI.
|
||
|
|
|
||
|
|
## Design Principles
|
||
|
|
|
||
|
|
Config, not custom — the UI's job is to make an entirely configuration-driven system feel direct and predictable; every editor control maps visibly to what it changes.
|
||
|
|
|
||
|
|
Quiet chrome, tenant identity leads — the platform's own shell stays neutral so per-tenant themes carry the storefront's character; the platform never imposes an identity over the tenant's.
|
||
|
|
|
||
|
|
Operator-first clarity — density, task speed, and unambiguous state (draft vs published, saved vs unsaved, destructive vs safe) win over decoration in the tooling surfaces.
|
||
|
|
|
||
|
|
Trust through precision — plain confirmation of what happened, honest empty/error states, and no surprises around publish, reset, or delete.
|
||
|
|
|
||
|
|
Practice what you preach — the editor and admin should feel as considered as the storefronts they produce; the tool is itself a demonstration of the platform's quality.
|
||
|
|
|
||
|
|
## Accessibility & Inclusion
|
||
|
|
|
||
|
|
WCAG 2.2 AA. Body text meets 4.5:1 contrast, all interactive flows are keyboard-navigable with visible focus states, and every animation has a `prefers-reduced-motion` alternative. Because storefront palettes are tenant-configurable, contrast must hold across themes, not just the default one.
|