CUPNOODLES MUSEUM
Hong Kong Official Website

CUPNOODLES MUSEUM
Hong Kong Official Website

I led the creation of the CUPNOODLES MUSEUM Hong Kong's first official website, creating a user-friendly platform and comprehensive ticketing system. This preparation paid off at the March 2021 grand opening, with numerous workshop tickets selling out within four days.

I led the creation of the CUPNOODLES MUSEUM Hong Kong's first official website, creating a user-friendly platform and comprehensive ticketing system. This preparation paid off at the March 2021 grand opening, with numerous workshop tickets selling out within four days.

TIMELINE

Dec 2020 - Feb 2021

ROLE

Journey owner
Graphic designer

DELIVERABLES

UI/UX design
CMS Design
Ticket Design
Illustration

TOOLS

Adobe XD
Adobe Illustrator

Adobe XD
Adobe Illustrator

Adobe XD
Adobe Illustrator

BACKGROUND

First Cup Noodles Museum Outside Japan

First Cup Noodles Museum Outside Japan

Instant noodles began with Momofuku Ando's invention of Chicken Ramen in 1958, followed by Cup Noodles in 1971. The CUPNOODLES Museum first opened in Osaka in 1999, then Yokohama in 2011, celebrating this revolution through interactive experiences.

In 2020, our team launched the first Cup Noodles Museum outside Japan in Hong Kong. We designed the complete digital and offline experience - from the official website and ticketing system, to museum tickets and workshop schedule displays - bringing the brand's creative spirit to new Hong Kong audiences.

Instant noodles began with Momofuku Ando's invention of Chicken Ramen in 1958, followed by Cup Noodles in 1971. The CUPNOODLES Museum first opened in Osaka in 1999, then Yokohama in 2011, celebrating this revolution through interactive experiences.

In 2020, our team launched the first Cup Noodles Museum outside Japan in Hong Kong. We designed the complete digital and offline experience - from the official website and ticketing system, to museum tickets and workshop schedule displays - bringing the brand's creative spirit to new Hong Kong audiences.

Photos of Cupnoodles Museum Osaka. Image: Osaka Info

Photos of Cupnoodles Museum Hong Kong. Image: Time Out

IDEATION

Research and Discovery

Research and Discovery

I conducted market research on Nissin Foods' official website and CUPNOODLES MUSEUM Japan sites before diving deep into the wireframe and UI design.

I conducted market research on Nissin Foods' official website and CUPNOODLES MUSEUM Japan sites before diving deep into the wireframe and UI design.

From Left to Right: Nissin Foods' official website, CUPNOODLES MUSEUM Osaka and its online reservation page (2021).

PROCESS

Wireframe

Wireframe

During the wireframe design phase for the online reservation system, we considered displaying three separate calendars to allow users to choose dates for different workshop types.

However, we realized that this approach would clutter the interface and create visual confusion with multiple navigation arrows.

During the wireframe design phase for the online reservation system, we considered displaying three separate calendars to allow users to choose dates for different workshop types.

However, we realized that this approach would clutter the interface and create visual confusion with multiple navigation arrows.

To enhance clarity and usability, we decided to consolidate the three calendars into a single, unified calendar view.

This design simplified the visual layout, making it easier for users to navigate and book workshops efficiently.

To enhance clarity and usability, we decided to consolidate the three calendars into a single, unified calendar view.

This design simplified the visual layout, making it easier for users to navigate and book workshops efficiently.

Wireframe screens (finalized design).

IMPLEMENTATION

UI Design &
Design System

UI Design &
Design System

UI Design & Design System

We brought the design to life with a visually engaging experience that resonated with the CUPNOODLES brand.

We brought the design to life with a visually engaging experience that resonated with the CUPNOODLES brand.

To highlight selected dates, we transformed the selector into a distinctive red CUPNOODLES cup, creating an instant visual connection to the brand. Color-coded dots beneath each date indicate workshop availability, allowing visitors to quickly scan options and plan their visit with ease.

To make browsing seamless, we introduced a swipe interaction that let users effortlessly scroll through workshop time slots with a simple gesture. This intuitive design not only streamlined the booking process but also infused the digital experience with the playful spirit of the museum.

I designed dedicated landing pages for each workshop - My CUPNOODLES Factory, Demae Iccho Factory, and My Granola Factory. Each featured custom branding elements, from tailored color palettes to product-specific pattern, creating distinct identities while maintaining cohesive brand consistency throughout the digital experience.

I established a comprehensive design system that unified the digital experience. From typography and color schemes to buttons and iconography, every component reflected the brand's playful energy. This systematic approach ensured visual consistency across all touchpoints while streamlining development and enabling future scalability.

DELIVERABLES

CMS Design

CMS Design

I also designed the CMS backend to support museum operations.

The interface included purchase selection for workshops and sessions, comprehensive order summaries and payment record. This administrative system was built for clarity and ease of use, allowing staff to manage visitor bookings efficiently while maintaining full operational oversight.

I also designed the CMS backend to support museum operations.

The interface included purchase selection for workshops and sessions, comprehensive order summaries and payment record. This administrative system was built for clarity and ease of use, allowing staff to manage visitor bookings efficiently while maintaining full operational oversight.

DELIVERABLES

Ticket and Workshop Schedule Design

Ticket and Workshop Schedule Design

Although my time at the company concluded before the CUPNOODLES MUSEUM Hong Kong's grand opening, I contributed significantly to the museum's first impression by designing tickets and workshop schedules display. The ticket design featured vibrant colors and mascots for each workshop, ensuring a unified and memorable brand experience.

Although my time at the company concluded before the CUPNOODLES MUSEUM Hong Kong's grand opening, I contributed significantly to the museum's first impression by designing tickets and workshop schedules display. The ticket design featured vibrant colors and mascots for each workshop, ensuring a unified and memorable brand experience.

Ticket design explorations for each workshop (near-final version).

Original concept for the entrance wristband design.

At the entrance, visitors are greeted by the workshop schedule display - a curated invitation to creative exploration. Mirroring the ticket's color-coding system, the timetable creates a seamless transition from entry to activity planning.

The highlighted "Coming Session" guides visitors to their next experience, while clear seat availability manages expectations. Simple workshop icons provide visual cues, making navigation effortless.

At the entrance, visitors are greeted by the workshop schedule display - a curated invitation to creative exploration. Mirroring the ticket's color-coding system, the timetable creates a seamless transition from entry to activity planning.

The highlighted "Coming Session" guides visitors to their next experience, while clear seat availability manages expectations. Simple workshop icons provide visual cues, making navigation effortless.

The workshop schedule display at the museum entrance.

RESULTS

The Impact

The Impact

The CUPNOODLES MUSEUM Hong Kong quickly became a must-visit destination, recognized by the Hong Kong Tourism Board as one of the city's top attractions and praised by Time Out Hong Kong for its interactive experiences.

The CUPNOODLES MUSEUM Hong Kong quickly became a must-visit destination, recognized by the Hong Kong Tourism Board as one of the city's top attractions and praised by Time Out Hong Kong for its interactive experiences.

Photos of Cupnoodles Museum Hong Kong. Image: Time Out

The official website and online ticketing system I designed proved crucial in managing the museum's overwhelming popularity. TripAdvisor reviews consistently highlighted sold-out workshops and recommended pre-booking online - a testament to the system's effectiveness in handling high demand.

By building an intuitive booking process and providing real-time availability updates, our team ensured the digital experience delivered accessibility and visitor satisfaction, allowing guests to plan ahead and fully enjoy this unique cultural destination.

The official website and online ticketing system I designed proved crucial in managing the museum's overwhelming popularity. TripAdvisor reviews consistently highlighted sold-out workshops and recommended pre-booking online - a testament to the system's effectiveness in handling high demand.

By building an intuitive booking process and providing real-time availability updates, our team ensured the digital experience delivered accessibility and visitor satisfaction, allowing guests to plan ahead and fully enjoy this unique cultural destination.

Previous project

Previous project

Previous project

Previous project

View next

View next

View next

View next