Vellòria — Headless Shopify Wine Storefront

Vellòria is a self-initiated professional concept for a fictional Italian wine retailer. I designed and built it to explore how a commerce experience can feel editorial and considered while still supporting the practical expectations of a modern online store.

The catalog, producers, denominations and prices were created for the concept. The product and engineering work is real: the live application connects a custom storefront to Shopify and implements the customer journey from discovery to hosted checkout.

The interface uses large editorial compositions, a restrained palette and a typographic product system to give each wine and territory room to breathe across desktop and mobile.

The working storefront includes:

A responsive 15-wine catalog

Predictive search, combinable filters and sorting

Product, collection and territory pages

Recommendations and detailed product information

Age verification and consent-aware analytics

A persistent cart and Shopify-hosted checkout hand-off

Shopify is the source of truth for products, variants, inventory, carts and checkout. The customer experience is built with the Next.js App Router and TypeScript, using Storefront GraphQL queries to keep the interface independent from Shopify themes.

Pricing, availability and inventory stay fresh where needed. More stable collection and editorial data use tagged caching. The cart persists securely and hands the customer to Shopify's hosted checkout.

An idempotent Shopify Admin bootstrap provisions metafields, products, variants, inventory, collections, publication and webhook subscriptions from a controlled dataset. HMAC-verified webhooks trigger targeted cache invalidation when catalog data changes.

The implementation includes end-to-end coverage for principal shopping flows, unit tests for formatting and webhook signatures, and automated accessibility checks.

A live, responsive headless storefront with a working Shopify catalog, cart and checkout integration, reproducible setup and production-minded testing.