PRODUCT.md 2.7 KB
Product
Register
hybrid
Product-first with brand expression. The design serves the grab-and-go shopping workflow, but the surface must feel like a premium retail space, not a utility tool.
Users
Office workers in business districts who grab snacks and drinks during breaks or overtime. They interact with a physical AI vending cabinet in a hallway or lobby, scan a QR code, and shop via the mini-program. Context: standing in front of the cabinet, often in a hurry, with ambient indoor lighting. They want speed and confidence — no friction, no surprises.
Product Purpose
AI Smart Retail Cabinet mini-program. Scan a QR code, the cabinet door opens, take products, close the door — AI vision recognizes what was taken and WeChat Pay Score auto-charges. The feeling is "grab and go" — seamless, trustable, effortless.
Brand Personality
简洁、克制、质感 — Simple, restrained, textured.
Like a high-end retail space: white walls, warm gold accents, precise typography, intentional negative space. Not loud, not busy, not cheap. Quality whispers.
Anti-references
- Do NOT look like a low-end food-delivery or discount retail mini-program (no red-banner promos, no cluttered grids of cheap product cards, no 9.9-yuan flash-sale energy)
- Do NOT look like a traditional enterprise SaaS dashboard (no table-heavy layouts, no blue-and-white default, no form-cramped screens)
- No stock-photo aesthetic, no generic illustration placeholders
Design Principles
Clarity over decoration — Every element earns its place. The user is standing in front of a cabinet, likely in a hurry. Remove, don't add.
Restraint builds trust — Subtle motion, deliberate spacing, one accent doing one job. Loudness reads as cheapness; quiet reads as quality.
Texture through precision — Richness comes from typography, spacing rhythm, and micro-interaction, not from adding color or decoration.
Speed as a feature — The interface must feel fast. No heavy animations that delay interaction. The door opens; the recognition happens; the payment completes. Each transition should feel instant.
Physical-digital coherence — The mini-program is an extension of the physical cabinet experience. The gold accent on screen matches the cabinet branding. The interaction model mirrors the physical act of opening and closing a door.
Accessibility & Inclusion
- Target: WCAG AA compliance
- Touch targets ≥ 44×44px for all interactive elements in the shopping flow
- Color contrast ≥ 4.5:1 for text on backgrounds
- Support reduced-motion preferences where practical
- Consider office corridor lighting conditions (bright overhead fluorescent) — avoid low-contrast text that washes out in glare