Cafe OTB (Out of the Box)
Website and digital menu for a Delhi cafe-bar group
Media & Demos
Hero — Full Brand Experience
AI Concierge Host Bot
Concierge AI — Mobile Chat Flow
Events Page — Your Event, Our Magic
Dynamic Digital Menu Engine
Role
Full-Stack Engineer
Period
2026
Category
full stack
Overview
A website for Cafe OTB (Khan Market and CP) with scroll animations, a digital menu and a venue showcase. Ayush manages Cafe OTB's web presence and logistics. Client site, publicly accessible at cafeotb.com.
Key Highlights
- Immersive scroll-triggered animations and glassmorphism UI
- Dynamic menu management and venue showcase
- SEO metadata for local discovery (Khan Market/CP)
- Responsive, mobile-first layout
Tech Stack
Summary
On-page overviewThis is a concise summary of the challenges, solution, and outcome for this project. Use the Case Study button above for the full deep dive.
The Problem
Digital menus often fail to capture the premium, analog feel of a physical bar-restaurant experience, often feeling like static PDF viewers or rigid UI widgets.
The Solution
Developed a physics-based flipbook engine with adaptive A4-ratio geometry and randomized flip speeds to mimic physical paper weight and movement.
The Outcome
A static-hosted brand site with a flipbook-style digital menu. (Earlier claims of a 100/100 Lighthouse score and tripled engagement are removed until a dated report or analytics export can be linked.)
Team & Role
Built the site; Ayush manages Cafe OTB's web presence and logistics.
What I Learned
This project deepened my understanding of Next.js and Tailwind CSS and reinforced best practices in system design and scalability. I gained valuable insights into building maintainable software and measuring performance.