Designer

Developer

Yadin.

Wayla Thai Restaurant
Project 02

WAYLA
NYC

Scroll
Client

Wayla Restaurant

Industry

Hospitality

Year

2019

Role

Web Design / Development

Transforming traditional Thai hospitality into a digital culinary journey—where every scroll tells a story of flavor and culture.

Design Philosophy

The design challenge was to capture the essence of Bangkok's vibrant street markets within a sophisticated digital framework. I crafted an immersive scrolling experience that mirrors the journey through Wayla's hidden basement entrance into their stylish dining space.

Technical Architecture

As System Architect, I engineered a high-performance web application using Next.js with advanced parallax effects and GSAP animations. The modular component architecture ensures seamless responsiveness across devices while maintaining the restaurant's premium aesthetic.

Design Features

Key Highlights

01

Cinematic Parallax

Multi-layered scrolling effects create depth and visual intrigue, guiding users through an immersive dining narrative.

02

Responsive Typography

Fluid type scaling and elegant font pairing establish hierarchy while maintaining readability across all viewports.

03

Interactive Menu

Dynamic filtering and smooth transitions enhance the browsing experience, making it effortless to explore authentic Thai cuisine.

Technology Stack

Built With

Next.js
Next.js
React
React
TypeScript
TypeScript
Tailwind
Tailwind
Framer Motion
Framer Motion
Restaurant Interior
Thai Cuisine
Signature Dishes
Project Impact

Results & Metrics

98
Lighthouse Score

Optimized performance across all core web vitals

60
FPS

Maintained smooth animations throughout the experience

45%
Engagement

Higher user interaction with menu and reservation features

Next Project

Urban Air Quality