Gallery III / Digital installation

UI Design

Cultural Tourism Map

A smart cultural tourism Mini Program that reimagines Chaoshan diaspora heritage through interactive maps, gamified exploration, and immersive storytelling, encouraging users to learn, complete missions, and experience local culture in an engaging way.

Chaoshan cultural tourism map in a supplied phone frame

User Journey

STARTIntroduction / User Interface / User InstructionsMini-program cultural tourism map
Explore the Map
The Former Residence of Chen Cihong cultural moduleMini-program screen

The Former Residence of Chen Cihong

  • Panoramic Tour
  • Tasks
  • Deliver Qiaopi / Letters
  • Diaspora Adventure
  • Token Check-in
  • Emergency Team-up
Lao Magong Theatre cultural moduleMini-program screen

Lao Magong Theatre

  • Write Qiaopi
  • Draw a Topic
  • Timed Writing
Tea Hill cultural moduleMini-program screen

Tea Hill

  • Chaoshan Tea Varieties Introduction
  • Cultural & Creative Products Introduction
Chaozhou Music Troupe cultural moduleMini-program screen

Chaozhou Music Troupe

  • Chaozhou Music Performance
  • Self-selected Playback
  • Shake Interface
  • Audio
  • Video
  • Chaozhou Music Library
  • Library / Bands / Singers
  • Select a Music Piece
  • Jump to Numbered Musical Notation Learning
Yingge Dance Creative Market cultural moduleMini-program screen

Yingge Dance Creative Market

  • Dance Introduction
  • Team Introduction
  • IP Character Introduction
  • Cultural & Creative Products

Finish the Journey

Mini Program Sequence

Mini Program task screen
Mini Program character selection screen
Mini Program question screen
Mini Program blessing screen
Mini Program card screen
Mini Program landscape screen
Mini Program illustration detail
Mini Program illustration detail
Mini Program illustration detail