Website Re-design for a legacy Coffee Business by Syphon Website Re-design for a legacy Coffee Business by Syphon

Website Re-design for a legacy Coffee Business

Syphon

Syphon

Website Re-design: Legacy Coffee business

Re-designing the website for an iconic coffee business, fuelling the city's coffee demand for 54 years.
Build Stack: Figma, Framer Motion, Next.js, Base44.
View the live website here.

Project scope
Website Re-design for E-commerce site,
Brand positioning,
CMS,
Deployment & Analytics,
AI "Brewmaster" Agent assistant,
SEO-ready.

Website launch video

The Brief

The current website's online presence didn't do justice to its expertise, its rich selection of the finest beans, or the incredible story of the people behind it.

Our Build Approach

We reworked the look & feel from the ground up, then built on it with a shop page, a story-led About page, direct event bookings, and an AI agent that guides first-time visitors around the site.
We layered in micro-animations across the landing page, small moments of delight that mirror the care that goes into every roast.
Wireframe design in Figma
The layout, visual style, and image composition were crafted in Base44 through a detailed PRD alongside the finalized assets.
building the visual style into code
Framer Motion was built directly within the site, that powered the subtle interactions woven throughout the site.
on-hover & page load interactivity

AI "Brewmaster" Agent for customer interaction

We proposed a "Coffee Brewmaster" agent helps people discover their taste, then points them toward the right beans and brew method, thus turning a moment of hesitation into a confident first cup. The agent was built, trained & deployed as a tiny widget sitting at the base of the website, ready for any question the user might ask.
Users can interact with the agent to find their choice of coffee, get a recommendation through a "flavour wheel", choose the coffee and then proceed to check out.
Brewmaster interaction & recommendation

The Result

An online home that finally matches the craft in the cup: a landing page that carries Kumardhara's 54 years of expertise, welcomes newcomers as warmly as regulars, and gives a beloved local roastery the digital presence it has always deserved.
From here, we want to bring the work full circle and present the site to the Kumardhara team, turning this challenge build into a lasting home for their brand online.

Shop Page: check out flow
Event Booking flow
Gallery view
Website Footer
Thank you for viewing!
Built by Syphon - Product & Brand Studio.
Like this project

Posted Aug 20, 2026

Redesigned Kumardhara Coffee's website with a focus on e-commerce and brand enhancement.