The Mixing Bowl - Figma to Next.js Web Application

The Mixing Bowl's detailed Figma designs became a high-performance Next.js application: a responsive, scalable platform where visitors explore baking classes, cooking workshops and private events.

The Mixing Bowl homepage on a desktop monitor, with a Find the Baker in you headline over a group baking class photo
Company
The Mixing Bowl
Timeline
2026
Service
Web Application

A Hong Kong baking school - custom site with class schedules, private event bookings, and gift voucher checkout.

Built with: Figma to Next.js, React, JavaScript, Bootstrap

Live Project
The
Challenge

Managing Classes, Events & Bookings Across Disconnected Systems

As The Mixing Bowl grew across baking classes, private events, team-building workshops and children's programs, its information became hard to manage. Visitors moved through several pages and booking flows to find what they needed, and consistency across devices was slipping.

Mixing Bowl graphic listing six class and booking management issues, above the baking school homepage on a monitor
The
Approach

Custom Next.js Development for a Growing Culinary Brand

The approved Figma designs were converted into a production-ready Next.js application, focused on responsive development, performance and a maintainable front-end architecture. Visitors get a seamless experience, and the business a scalable foundation for growth.

Mixing Bowl class booking page on a monitor, with class details, date and seat selectors and a cinnamon roll photo
The
Result

Approved Figma designs turned into a production-ready Next.js platform.

Floating laptop showing The Mixing Bowl site, with a hands-on baking class hero and Upcoming Classes cards below

Complex Figma concepts became a polished Next.js application, closing the gap between design and development without losing the detail of the original designs.

Increase in traffic
45%
User engagement
2.5x
Performance score
98
Conversion rate
1.5x

More Projects

See More