OriginStory

OriginStory is a Shopify app that lets DTC brands attach scannable QR codes to physical product packaging. Customers scan the code and land on a fast, brand-styled page revealing the product’s origin, maker, process, and broader brand narrative — turning every label into a touchpoint.

Built for small-batch and provenance-focused merchants — coffee roasters, ceramicists, candle makers, slow-fashion labels — who win on transparency and want their packaging to tell the story.

Merchants manage everything inside the Shopify admin. An editable Story block sits directly on the product detail page, 17 brand-styling controls cover colors, typography, spacing, custom CSS and custom font URLs, and a privacy-first analytics dashboard tracks anonymous scan counts — no IPs, no cookies, no customer data collected. GDPR-compliant from day one, with all three mandatory webhook handlers and a public privacy policy. A free plan covers the essentials; the /month Plus tier unlocks custom story fields, a 30-day scan-trend chart, and advanced design controls.

Built end-to-end as a React Router 7 application on Node.js. Story content is stored as native Shopify metaobjects via the Admin GraphQL API; brand and analytics data live in PostgreSQL on Neon; the merchant-facing admin uses Polaris web components for native look-and-feel; the product page extension is built with Preact. Hosted on Fly.io with continuous deployment via GitHub Actions. Subscription billing is wired through the Shopify Billing API.

Screenshots