Clear product, price, place, and next action without marketing clutter.
PUBLISHED CUSTOMER STANDARD
406 x 269Fresh hero198 x 151Task card18 / 10Gutter / gap11pxLarge radius
Brand authority: official New World production SVG. High-resolution design authority: Russell's 883 x 1911 customer reference.
02 / Controls
Actions and inputs
03 / States
Feedback must explain the next move
Added to listThe route updates automatically.Needs a shelf matchChoose an exact product to place it.Map readyFollow numbered stops from the entrance.No results yetBroaden the product name and try again.
04 / Retail patterns
Reusable customer components
New World mastheadStore selector pillFreshness heroShortcut tileReward metricShopping rowSpecials cardProduct detail sheetRecipe cardIngredient selectorScanner frameRoute stopFloor mapEmpty stateFive-tab navigation
05 / Screen inventory
Every governed surface
06 / Proof standard
Definition of done
The New World masthead is the official retailer SVG, never a generated or redrawn approximation.
One visible routed screen and one persistent navigation model.
No broken imagery, duplicate IDs, horizontal overflow, or clipped text at 320px.
Live specials remain actionable through list, product, and map workflows.
Backend contracts, authentication, store data, and route calculation stay intact.
Installed PWA receives the same shell, imagery, and catalogue experience.
Phone app mode
Add ShelfQuest to this phone
It opens like an app, but you choose the install.
ShelfQuest can open from your home screen when your browser offers it. On iPhone and iPad, use Safari's Share button.
Open ShelfQuest in your phone browser.
Choose the browser install or Add to Home Screen action.
Launch ShelfQuest from the new home-screen icon.
ShelfQuest will show the right instructions for this browser.
Choose store
Choose your store
Pick the local New World shop for today's list. ShelfQuest uses shelf markers and product locations to guide the trip.
Privacy & family safety
Family-safe by design
Parent or guardian stays in control
Adults stay in charge, with no child accounts or open chat.
Scan-based in-store location
ShelfQuest uses shelf and product scans to work out where you are in store. It does not rely on background GPS.
Clear guidance through the store
Store data helps ShelfQuest suggest practical routes and keep family mode structured.
26k products
Product catalogue
Browse image-first recommendations or start typing to narrow the Pioneer range.
Meal Inspiration
Recipes from what you have
Tell ShelfQuest what you bought or already have in the pantry or fridge, then choose how many people you are feeding.
Cook with what you have
What is in your pantry or fridge?
Separate items with commas. ShelfQuest will show what each recipe uses and what else you would need.
Store quiz
Answer, learn, and earn
The store sets these short questions and the reward. Answer keys are checked securely after you submit.
Activity
Shopping activity
Saved milestones and list activity load after sign-in.
Family mode
Choose an optional family activity
Guardian in control
Pick a child-safe trail, start the quest, then scan products or shelf labels to progress.
Guardian settings
Scanner
Scan an item or shelf
Product barcode or shelf marker
Tap Scan barcode, then point at a product barcode or shelf marker.
Clear scan feedback
ShelfQuest will tell you what was scanned, what changed, and what to do next.
Family Quest
Find the next clue
Parent route nearby. Keep the clue team together.
Result
Scan result
Store map
Find your next shelf
The supplied store floor plan shows the real shelf runs, departments, entrance and checkouts. Follow the numbered marker for your next stop.
Map is optional support
Start a route from your list, or scan once to mark where you are.
Store feedback tools for later improvement work
This is separate from the normal shopper journey. Open it only when store coverage is clearly wrong or a shelf has changed.
Store map feedback
No map feedback saved yet.
Map feedback preview
Shelf scans appear here when you are improving store coverage.