image

Disneyland Shanghai

Led the design of a scalable design system and component library for the Disneyland Shanghai mobile experience, adapting global patterns to meet localized user behaviors, language, and cultural expectations.

Discover More

Driven by growth and motion, this project explores the balance between bold visual direction and dynamic user experiences.®

Led the design of a scalable design system and component library for the Disneyland Shanghai mobile app, adapting global patterns to align with localized user behaviors, language, and cultural expectations.

A structured and system-driven approach focused on improving how users access real-time information such as wait times, reservations, and navigation, creating a seamless and efficient in-park experience.

image

Client

Disney Interactive

Type

Product Design / Mobile App Design / Visual Design

Timeline

2 years

Live Website

Download Mobile Application

Key Challenge

Creating a localized mobile experience that feels intuitive and efficient while supporting complex, real-time park interactions required a strong balance between system structure, usability, and scale.

Visitors rely on the app for critical in-park decisions, from navigating attractions to managing reservations and wait times. Existing global patterns didn’t fully account for local behaviors and expectations, creating friction in how users accessed and understood information during time-sensitive moments.

The challenge was to design a system that could handle high volumes of real-time data while remaining clear and easy to use. This required simplifying complex interactions, improving information hierarchy, and ensuring the experience remains fast, reliable, and consistent across all touchpoints.

image

Our Solution

The solution was a localized design system that brings structure, consistency, and scalability to the Disneyland Shanghai mobile experience while supporting real-time user needs.

The design focused on building a flexible component library that adapts global product standards to localized behaviors, language, and cultural expectations. Each component was designed to support clarity and speed, ensuring users can quickly access essential features like ride wait times, reservations, and park navigation without friction. By aligning layout, hierarchy, and interaction patterns, the system creates a seamless and intuitive experience across the app.

The solution introduces a structured yet adaptable system where real-time data meets clear and consistent design. By prioritizing usability and scalability, the platform enables faster decision-making and smoother in-park navigation. The result is a cohesive and reliable mobile experience that supports millions of visitors while maintaining performance, clarity, and ease of use across all touchpoints.

image

FAQ

Info & Support

(A quick breakdown)

01

How long does it usually take to design and launch a website?

Timelines vary depending on scope, complexity, and feedback cycles. Most projects move from initial strategy through launch in a few weeks to a couple of months, with each phase handled carefully to ensure quality and performance.

02

What needs to be established before starting a project?

We begin with a clear understanding of your goals, audience, and overall direction. This includes defining structure, content needs, and visual tone so the project starts with alignment and purpose.

03

Do you handle both design and development?

Yes, we manage both sides of the process. From visual design to technical build, everything is created in sync to ensure a cohesive and well-executed final product.

04

Will the website work across devices and screen sizes?

Every site is built to be fully responsive. It’s designed and tested to perform consistently across mobile, tablet, and desktop for a smooth user experience everywhere.

05

Do you provide support after launch?

Ongoing support is available after launch. Whether it’s updates, improvements, or general maintenance, we help keep everything running efficiently over time.

06

Do you offer branding or other visual design services?

Yes, we also create brand identities and visual systems. This includes logos, typography, color direction, and supporting assets to ensure your brand feels consistent and intentional across every touchpoint.

FAQ

Info & Support

(A quick breakdown)

01

How long does it usually take to design and launch a website?

Timelines vary depending on scope, complexity, and feedback cycles. Most projects move from initial strategy through launch in a few weeks to a couple of months, with each phase handled carefully to ensure quality and performance.

02

What needs to be established before starting a project?

We begin with a clear understanding of your goals, audience, and overall direction. This includes defining structure, content needs, and visual tone so the project starts with alignment and purpose.

03

Do you handle both design and development?

Yes, we manage both sides of the process. From visual design to technical build, everything is created in sync to ensure a cohesive and well-executed final product.

04

Will the website work across devices and screen sizes?

Every site is built to be fully responsive. It’s designed and tested to perform consistently across mobile, tablet, and desktop for a smooth user experience everywhere.

05

Do you provide support after launch?

Ongoing support is available after launch. Whether it’s updates, improvements, or general maintenance, we help keep everything running efficiently over time.

06

Do you offer branding or other visual design services?

Yes, we also create brand identities and visual systems. This includes logos, typography, color direction, and supporting assets to ensure your brand feels consistent and intentional across every touchpoint.

FAQ

Info & Support

(A quick breakdown)

01

How long does it usually take to design and launch a website?

Timelines vary depending on scope, complexity, and feedback cycles. Most projects move from initial strategy through launch in a few weeks to a couple of months, with each phase handled carefully to ensure quality and performance.

02

What needs to be established before starting a project?

We begin with a clear understanding of your goals, audience, and overall direction. This includes defining structure, content needs, and visual tone so the project starts with alignment and purpose.

03

Do you handle both design and development?

Yes, we manage both sides of the process. From visual design to technical build, everything is created in sync to ensure a cohesive and well-executed final product.

04

Will the website work across devices and screen sizes?

Every site is built to be fully responsive. It’s designed and tested to perform consistently across mobile, tablet, and desktop for a smooth user experience everywhere.

05

Do you provide support after launch?

Ongoing support is available after launch. Whether it’s updates, improvements, or general maintenance, we help keep everything running efficiently over time.

06

Do you offer branding or other visual design services?

Yes, we also create brand identities and visual systems. This includes logos, typography, color direction, and supporting assets to ensure your brand feels consistent and intentional across every touchpoint.

Footer

(The End)

NAPKIN

Napkin Studio © 2026.

Footer

(The End)

NAPKIN

Napkin Studio © 2026.

Footer

(The End)

NAPKIN

Napkin Studio © 2026.