VIDEO HERO

Campaign film, responsive crop

9:16 / MOBILE1:1 / TABLET16:9 / DESKTOP
POSTER-IMAGE FALLBACKStatic frame while video loads / unavailable
→ motion: video placeholder; pause / mute state toggles
BOOKING WIDGETContent: Booking embed / deep-link destination TBC
→ motion: CTA hover / tap feedback, 0.2s ease-out
CAMPAIGN LOCKUP

ONE CHINA,
MANY JOURNEYS

Content: Campaign identity / headline treatment
DESTINATION SELECTORContent: Phased rollout: one active destination, two future tabs
→ motion: active underline slides in; future phases stay disabled
HARBIN / PHASE 1

ROUTE + ITINERARY

Content: Five days, each with Hotel / Room / Dining / Activity
ILLUSTRATED ROUTE MAP
Content: Illustrated, no national bordersD1D2D3D4D5ROUTE / 05 DAYS / HARBIN→ motion: route preview; horizontal cards tell the journey
ITINERARY INTROContent: Five-day journey overview, swipe cue
DAY 1 → DAY 5SCROLL TO EXPLORE →
ITINERARY / 01

Day 1

01 / 05
HOTELContent: Hotel name, location, 1 image
ROOMContent: Room type, key details, 1 image
DININGContent: Dining experience, venue, 1 image
ACTIVITYContent: Local experience, duration, 1 image
→ motion: day card moves horizontally with the journey
ITINERARY / 02

Day 2

02 / 05
HOTELContent: Hotel name, location, 1 image
ROOMContent: Room type, key details, 1 image
DININGContent: Dining experience, venue, 1 image
ACTIVITYContent: Local experience, duration, 1 image
→ motion: day card moves horizontally with the journey
ITINERARY / 03

Day 3

03 / 05
HOTELContent: Hotel name, location, 1 image
ROOMContent: Room type, key details, 1 image
DININGContent: Dining experience, venue, 1 image
ACTIVITYContent: Local experience, duration, 1 image
→ motion: day card moves horizontally with the journey
ITINERARY / 04

Day 4

04 / 05
HOTELContent: Hotel name, location, 1 image
ROOMContent: Room type, key details, 1 image
DININGContent: Dining experience, venue, 1 image
ACTIVITYContent: Local experience, duration, 1 image
→ motion: day card moves horizontally with the journey
ITINERARY / 05

Day 5

05 / 05
HOTELContent: Hotel name, location, 1 image
ROOMContent: Room type, key details, 1 image
DININGContent: Dining experience, venue, 1 image
ACTIVITYContent: Local experience, duration, 1 image
→ motion: day card moves horizontally with the journey
→ motion: desktop: pin + horizontal scrub; mobile: native swipe + snap
SECTION 02 / ENROL & ENGAGE

MEMBERSHIP + MISSIONS

Placeholder stock photo · temporary fill pending client assetsMEMBER ENROLMENTContent: Membership benefit, enrolment message · TEMP stock
→ motion: enrolment block fades up, 0.6s ease-out

SPENDING MISSION

MISSION EXPLAINERContent: Campaign mechanic, qualifying spend, reward
01 / ENROLContent: Member sign-up step
02 / SPENDContent: Spend requirement
03 / REDEEMContent: Reward redemption
→ motion: three steps reveal in sequence, 0.1s stagger
SECTION 03 / STAY OFFERS

EXCLUSIVE + STAY PACKAGES

SWIPE / 03 PACKAGES
01 / 03
Placeholder stock photo · temporary fill pending client assetsHERO PACKAGE IMAGEContent: Hero package image, 1 image · TEMP stock
PAYMENT PARTNER / EXCLUSIVE

VISA EXCLUSIVE PACKAGE

From CNY X,XXX

PACKAGE DETAILSContent: Payment-partner offer, inclusions, eligibility · from CNY X,XXX
Placeholder stock photo · temporary fill pending client assetsPACKAGE IMAGEContent: Room + dining image, 1 image · TEMP stock
STAY PACKAGE

ROOM + MEAL PACKAGE

From CNY X,XXX

PACKAGE DETAILSContent: Room, dining inclusion, price, terms · from CNY X,XXX
Placeholder stock photo · temporary fill pending client assetsPACKAGE IMAGEContent: Room + activity image, 1 image · TEMP stock
STAY PACKAGE

ROOM + ACTIVITY PACKAGE

From CNY X,XXX

PACKAGE DETAILSContent: Room, experience inclusion, price, terms · from CNY X,XXX
→ motion: native scroll-snap + previous / next; arrows move one package