Kanti storefront hero — radiance, made simple

Headless · Next.js · Shopify

Kanti

A skincare store, rebuilt headless

No theme. No page-builder. Every pixel is custom-built on Shopify’s API — the storefront is a bespoke Next.js app, while orders, cart and checkout run natively on Shopify underneath.

Year
2026
Role
UI/UXFront-endHeadless commerce
Discipline
HeadlessNext.jsShopify
Kanti full-screen storefront hero

01

The storefront

A full-screen hero whose wordmark morphs into the header as you scroll. Animated hero, scroll choreography and Lenis smooth-scroll.

Kanti product grid
Kanti product detail page

02

Product pages

Bespoke product pages — cursor-zoom gallery, USP icons, and a premium reviews system with a 4.9★ rating summary and verified reviews.

Kanti cart drawer with free-shipping progress

03

Cart & checkout

A real Shopify cart into a real checkout — with a free-shipping nudge and a one-tap upsell. Built on the Storefront Cart API.

Kanti mobile hero
Kanti mobile product page

04

Built to ship

  • −95% image payload against the theme it replaced.
  • 100% custom UI, no theme and no page-builder.
  • Full SEO and real Shopify orders running through the Storefront API.
  • Next.js 16, TypeScript, Tailwind and Framer Motion, deployed on Vercel.
Next projectNama HomeLuxury furniture, presented with editorial restraint
VP.Shopify & Front-endIndia

Available for new work