Designer

Developer

Yadin.

Cafe Mandalay Hills
Project 03

MANDALAY
HILLS

Scroll
Client

Cafe Mandalay

Industry

Hospitality

Year

2024

Services

Design / Development / Branding

Brewing sustainability and crafting connections—infusing the essence of coffee and culture into a digital experience.

Technical Vision

The primary engineering challenge was maintaining a 60fps cinematic experience while handling high-resolution assets. I implemented advanced image optimization and lazy-loading strategies to ensure instantaneous page loads and fluid scroll performance.

Performance Stack

Leveraging Next.js for server-side rendering and Framer Motion for sophisticated micro-interactions, I built a modular component architecture that allows for rapid scaling and seamless aesthetic transitions across all device viewports.

Engineering Stack

Technologies Used

Next.js
Next.js
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Framer Motion
Framer Motion
Adobe XD
Adobe XD
Cafe Interior
Coffee Beans
Brewing Process
Next Project

Bismillah Drugs