yagnikbarasiya2306@gmail.com

Case study · 03

Fifteen flowers

A catalogue site for a handmade pearl bouquet and bag studio. Twenty-five products across three collections, product pages and ordering through Instagram and WhatsApp, with GSAP and Lenis scroll motion and full SEO.

Role
Frontend developer — design build, motion and SEO
Platform
Website
Year
2026
Live
fifteenflowers.in
Fifteen Flowers home page hero and a pearl bow purse bouquet product page

The challenge

Fifteen Flowers makes pearl bouquets and bags by hand, and its customers find it on Instagram, where products are hard to browse and easy to lose in the feed. The studio needed its own site that felt as crafted as the pieces, made every product easy to find, and kept ordering in the chats customers already use.

What I built

  1. 01

    Editorial, motion-led design

    Soft, photography-first pages with GSAP scroll animation, Lenis smooth scrolling, a custom cursor and a marquee — tuned so motion supports the products rather than competing with them.

  2. 02

    Catalogue and product pages

    Twenty-five products across bouquets, pearl bags and charms, with collection pages, a catalogue modal and product pages with extra angles, details and prices.

  3. 03

    Ordering without a checkout

    Each product orders through Instagram or WhatsApp — the WhatsApp message arrives with the product and quantity already filled in — so the studio confirms a quote before starting work.

  4. 04

    SEO foundations

    Per-page metadata, a generated sitemap and robots file, Open Graph images, structured data and a canonical domain.

Screens

  • Fifteen Flowers home page hero: Handcrafted Beauty, Forever Loved, with pearl bouquet photography
    Home page hero
  • Pearl Bow Purse Bouquet product page with price and Instagram and WhatsApp order buttons
    Product page with Instagram and WhatsApp ordering
  • Collection grid of purse bouquets with names and prices
    Collection grid
  • Atelier story section about how each piece is made by hand
    Studio story
  • A closer look gallery of close-up product photos
    Photo gallery

Tech stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Lenis
  • Framer Motion
  • SEO

Outcome

  • Launched on the studio’s own domain, fifteenflowers.in.
  • Every product has its own indexable page with a share preview.
  • Orders arrive in Instagram and WhatsApp, where the studio already talks to customers.

Next project

Posts pop

AI marketing platform

Get in touch

Open for freelance projects, contract roles and collaborations — mobile apps and full-stack products in particular. WhatsApp gets the fastest reply.

Based in
Rajkot, Gujarat, India
Elsewhere