An online store designed and built from scratch - Figma design first, then development in Framer. We build it as a headless Shopify storefront using the Framer Commerce plugin: Framer handles the design, Shopify handles products and checkout.

Figma design: Home and Product page, custom layout from scratch

Development in Framer with reusable components

Framer Commerce setup: Shopify products and metafields synced to the Framer CMS

Variant selectors, add to cart, and Shopify checkout

3 breakpoints: desktop, tablet, phone

3 rounds of revisions

Scroll and hover animations

Forms with submission handling and success/error states

Basic SEO: semantic tags, meta title, description, OG image, alt text, favicon

Custom domain connection and publishing

Extra pages: collections, About, FAQ, contact

Product filters, search, and sorting with live Shopify data

Product data: titles, descriptions, prices, photos

An existing Shopify store, or we set one up together

Fonts and brand assets

Figma file with the final design

Live Framer project, transferred to your workspace

Framer, Shopify, and Framer Commerce are paid subscriptions on your side, billed separately from this project. The price above is a starting point - it's best to discuss your project on a call, as the final scope and cost may differ.