SYKAMEDIA

AboutServicesPortfolioTestimonialsBlogContact
Back to Portfolio

Web UI/UX

The Foliage Cafe

View Live Site
The Foliage Cafe

Overview

A biophilic, mobile-first digital storefront for a pure-vegetarian cafe, built to shift reliance away from third-party aggregators with a direct-to-consumer presence and targeted flows for students, families, and remote workers.

The Challenge & Solution

Aggregators take a cut and own the customer relationship. We gave the cafe a fast, audience-targeted storefront that converts directly through WhatsApp on a zero-backend stack, so it owns its customers and keeps its margin.

Architecture

A purely serverless Next.js 16 and React 19 application on Tailwind CSS v4, holding cart state entirely client-side in localStorage against a static JSON menu, with no backend database.

Telemetry & Outcomes

A lightweight rules-based recommendation engine drives cross-selling, and pre-formatted WhatsApp URLs handle checkout and table reservations without any server-side order processing.

Tech Stack

Next.jsReactTypeScriptTailwind CSSFramer Motion

Key Metrics

Zero (WhatsApp)
Backend
Lucknow, UP
Location
Mobile-First
Layout
Targeted
Audiences