JaiHome Made Foods
Small-batch pickles, sweets and snacks, packed with love.
- Client
- Jai Home Made Foods (fictional)
- Industry
- Homemade foods e-commerce
- Scope
- Strategy, UI design, Development, Content, Interaction design, E-commerce UX
- Type
- Concept project
- Stack
- Next.js, TypeScript, Tailwind, GSAP, Lenis
- Location
- Tirunelveli, 2026
The brief
A home kitchen selling traditional foods needed a shop that feels like a family recipe, not a supermarket shelf.
The approach
Organic shapes, handwritten touches, floating ingredients, and a playful build-a-box moment that turns shopping into a game.
Warm, never generic
Soft shapes, hand-lettered notes and earthy colour make the shop feel homemade.
Show the maker
Batch notes and small details keep a person visible behind every jar.
Make gifting easy
Festive boxes and a box builder take the guesswork out of sending something thoughtful.
Signature interactions
Build your own box
Items drop into the box with spring physics while the total updates live.
Try it in the tile
Tap items to pack the box₹0Rolling weight selector
Switching pack size rolls the price like a shop counter dial.
Try it in the tile
Mango thokku
₹220
The design system
Display: Fraunces
Aa Bb Cc
Body: Nunito
The quick brown fox jumps over the lazy dog. 0123456789 ₹1,24,999
A handwritten touch in Caveat
Radius, shadow and surface
- Blobby, uneven corners on cards and buttons to feel hand-cut.
- Shadows are warm brown, never grey, so jars sit on a table rather than a screen.
- Caveat is used only for short handwritten notes, never for body text.
Pages and features
Pages
- Home
- Shop (36 products)
- Product
- Combos
- Build-a-box
- Festive
- Our story
- Cart
- Checkout
- FAQ
- Contact
Commerce features
- Weight selector
- Pincode delivery estimator
- Festive boxes
- Build-your-own box
Motion
- Spring-physics box builder
- Floating ingredients
- Rolling prices
Screens
Let’s build yours.
Tell us about your business. We’ll reply on WhatsApp.