SYKAMEDIA

AboutServicesPortfolioTestimonialsBlogContact
Back to Portfolio

Web UI/UX

The Foliage Cafe

View Live Site
The Foliage Cafe

Overview

An atmosphere-first digital storefront for a pure-vegetarian cafe in Lucknow, designed to convey greenery, warmth, and live music as a digital extension of the physical space rather than a generic delivery portal, with a WhatsApp-based commerce layer.

The Challenge & Solution

Pushed onto delivery aggregators, a characterful cafe becomes one more grey thumbnail. We built an atmosphere-first site that sells the experience and takes orders directly over WhatsApp, so the cafe keeps its identity and its margin.

Architecture

A Next.js 16 and React 19 application using Tailwind CSS for strict mobile-first layouts and Framer Motion for subtle, scroll-triggered animation.

Telemetry & Outcomes

A serverless architecture routes orders and reservations directly to WhatsApp, with a custom rules-based pairing recommendation engine enriching the cart.

Tech Stack

Next.jsReactTypeScriptTailwind CSSFramer Motion

Key Metrics

Zero (WhatsApp)
Backend
Lucknow, UP
Location
Mobile-First
Layout
Direct
Ordering