Storefront and pricing
- Product catalog with sizes, options, and materials
- Pricing engine with square-foot tiers, quantity breaks, and option surcharges
- Tier upgrades and live price updates on the product page
- Shipping quotes and delivery windows
Back to work
E-commerceShippedPrint and signage
Inline Graphics: a nationwide online print shop, built end to end
Built for Inline Graphics, commercial signs and large format printing, shipped nationwide. A storefront with a real pricing engine, Square checkout, customer accounts, artwork upload, an in-browser design studio, and the SEO system that feeds it.
inline.graphics/shop/vinyl-banners
Live
Storefront
Vinyl banner
Your artwork3 x 6 ft
Size
Quantity breaks
Your price
$316.00
Pick a size and a quantity, it is a live mock of the screens we shipped.
- Page routes
- 81Page routes
- API routes
- 54API routes
- Database tables
- 24Database tables
- Feed items
- 489Feed items
Screens from the live product
inline.graphics
Live at inline.graphics
inline.graphics/custom-banners
Live at inline.graphics/custom-banners
inline.graphics/portfolio
Live at inline.graphics/portfolio
01Overview
From hand written quotes to a storefront that prices itself.
Inline Graphics sells commercial signage and large format printing across the United States. The business was quoting almost everything by hand: a customer described a job, someone worked out a price, and the sale waited on an email thread.
We built the storefront around a pricing engine instead of a quote form. Square-foot tiers, quantity breaks, option surcharges, and tier upgrades all resolve in the browser, so the price a shopper sees on the product page is the price at checkout. Payments, invoicing, artwork upload, and order tracking were built on top of it.
The growth side ships with the product: a generated shopping feed, an XML sitemap index with styled child sitemaps, an IndexNow job, structured data, lead attribution, and an SEO page system that turns catalog data into industry, intent, and size guide pages. The site runs in production today and is still shipping.
- A shopper picks a size, sees the price change as the quantity climbs, uploads artwork, and pays, with no quote request in the middle.
- Orders, invoices, artwork files, and customer accounts live in one admin panel with an audit log behind it.
- The product catalog, the sitemaps, and the shopping feed are generated from the same data, so the storefront and the listings never drift apart.
inline.graphics/shop/vinyl-banners
Pricing engine
Square-foot tiers
Up to 12 sq ft$6.10 / sq ft
12 to 40 sq ft$4.80 / sq ft
40 to 120 sq ft$3.95 / sq ft
Over 120 sq ft$3.40 / sq ft
Option surcharges
Hemmed edgesincluded
Grommets, every 2 ftincluded
Pole pockets+ $0.45 / ft
Double sided+ 68%
Quantity break applied at 10 units$55.40 each
Quantity breaks resolve in the browser, so the price on the product page is the price at checkout.
02What we built
A storefront, a studio, and the engine underneath.
Every item below is running in production on the live site, not a roadmap.
Orders and payments
- Cart and checkout with Square payments and webhook fulfilment
- Square invoicing sent straight from the site
- Customer accounts with email login codes, saved carts, and order tracking
- Artwork upload with preflight checks and order file storage
Design tools
- In-browser design studio on a canvas editor, with templates and assets
- Compose and export flows for print-ready files
- AI-assisted design generation
- Design services request flow tied to the order
Growth and SEO
- Google Merchant feed generated from the live catalog
- XML sitemap index with styled child sitemaps and an IndexNow job
- Blog program and an SEO page system for industry, intent, and size guide pages
- Reviews with photo uploads, review schema, and automated transactional email
- Lead attribution with UTM capture and a server-side conversions API
- Admin panel with audit logs, catalog review tooling, and Cloudflare Turnstile spam protection
03Architecture
Built to price, sell, and ship without a middle step.
The catalog is the source of truth. Pricing, checkout, the shopping feed, and the sitemaps all read from it, so nothing has to be kept in sync by hand.
Feature modules
- catalog
- pricing
- cart
- checkout
- payments
- invoices
- orders
- fulfilment
- accounts
- artwork
- preflight
- design-studio
- templates
- shipping
- reviews
- blog
- seo-pages
- merchant-feed
- sitemaps
- indexnow
- attribution
- admin
- audit-logs
- Framework
- Next.js 16 App Router with TypeScript and Tailwind 4
- Data
- Drizzle ORM on libSQL, 24 tables covering catalog, orders, and accounts
- Payments
- Square payments and invoicing, with webhook driven fulfilment
- Design studio
- Fabric.js canvas editor, Sharp for image processing, Anthropic SDK for AI-assisted design
- Email and storage
- Resend for transactional email, Vercel Blob for files
- Hosting
- Vercel, with cron jobs for feeds and index submission
Want a storefront that prices and sells on its own?
Tell us what you sell and how you quote it today. We will scope it, price it in milestones, and build it so you own it.