Chokofi
A full-stack storefront for a bean-to-bar chocolate maker: three product categories, a build-your-own gift box, and a separate bulk order channel for corporate buyers.
Context
Chokofi is a South Indian bean-to-bar chocolate maker selling bars, macarons, pastry and hampers, with a corporate gifting business running alongside the retail store. The brand needed one platform that could sell a premium craft product to individual customers and take bulk orders from companies at the same time.
The challenge
Premium food brands live or die on presentation, but presentation alone does not take an order. The site had to feel as considered as the packaging while running real commerce underneath: multiple categories, a configurable gift box, and a route for corporate buyers whose orders do not fit a normal cart.
The decisions
We designed the storefront so photography leads and the interface recedes, then structured the catalogue the way people actually shop the brand: chocolates, hampers and pastry, with named collections such as bar chocolate and macarons inside them.
A build-your-own box lets customers assemble a personalised selection instead of picking a fixed hamper, which is the product the brand is best known for gifting.
Bulk ordering got its own route rather than being forced through the retail cart, so corporate buyers can enquire on their own terms.
Brand storytelling sits beside the shop: Farmer Talks and the factory give buyers a reason to pay artisan prices.
The engineering
React and Tailwind CSS on the front end over a Node.js backend, with MySQL holding the catalogue, collections and orders. The platform runs on a VPS behind Nginx, and product metadata is structured for search so individual collections are discoverable rather than just the home page.
The outcome
Chokofi presents itself online at the level of its product, and the store serves both sides of the business. Retail customers build and buy gift boxes themselves, corporate buyers have a clear route in, and the brand's story does the selling alongside the catalogue.
- Product categories online
- 3
- Custom gift box builder
- Build-your-own
- Two order channels
- Retail + bulk
Built with
- React
- Tailwind CSS
- Node.js
- MySQL
- Nginx
Services on this project
Have a similar challenge?
Tell us about it. We reply within 24 hours with how we would approach it, and what it would take to ship.