Before Anyone Arrives — Justin Tsang

BEFORE ANYONE ARRIVES

DESIGNING EXPERIENCES THAT LIVE IN MEMORY.

SCROLL

Before Form

EXPERIENCE, TRANSLATED INTO PLACE.

Across hospitality, cultural, and mixed-use environments, narrative, behavior, atmosphere, and emerging technologies become experiential frameworks: aligning stakeholders, guiding decisions, and shaping how people arrive, inhabit, and remember retail environments, installations, events, and destination worlds.

Unless otherwise noted, the visual material on this site is the author’s own work. Professional projects are collaborative, and notes describe the nature of the contribution. Selected projects are anonymized for confidentiality. Full archives and animated work are available in conversation.

BEFORE STRUCTURE,

THERE IS ATMOSPHERE.

BEFORE STRUCTURE,

THERE IS ATMOSPHERE.

BEFORE STRUCTURE,

THERE IS ATMOSPHERE.

FRAMEWORK

THE CREATIVE LENS

ONE FRAMEWORK. TWELVE YEARS. SEVENTY-PLUS PROJECTS. FROM A SINGLE ROOM TO AN ENTIRE ISLAND.

Experience design moves from world logic and brand identity, through sensory palette and behavioral patterns, toward a single emotional impact. Each ring interprets the one beyond it.

THE
EXPERIENCE
ARC

ANTICIPATION

ARRIVAL

IMMERSION

REVELATION

REFLECTION

AFTERGLOW

Every stage shapes how an experience is remembered. Meaningful environments are rarely accidental, they are structured through attention, rhythm, and care.

THREE RECURRING INVESTIGATIONS

The projects that follow are organized not as a chronology, but as three recurring investigations into meaningful experiences, and how they are translated into repeatable standards.

ATTENTIVENESS
AT HUMAN SCALE

BEFORE EXPERIENCE BECOMES A DESTINATION, IT APPEARS AS A CLOSER GESTURE.

ATTENTIVENESS

AT HUMAN SCALE

ATTENTIVENESS

AT HUMAN SCALE

BEFORE EXPERIENCE BECOMES A DESTINATION, IT APPEARS AS A CLOSER GESTURE.

CLOUD

REEVE ART CENTRE, WEST SUSSEX · COMPLETED INSTALLATION

CLOUD

REEVE ART CENTRE, WEST SUSSEX · COMPLETED INSTALLATION

A CLOUD, RAISED BY MANY HANDS.

Aluminium mesh on a swirling copper core: each piece shaped individually, gathered into one suspended field of thought overhead. Grassroom and the Chiffon Door carry the same instinct into material, rehearsed at full scale at the Architectural Association.

A CLOUD, RAISED BY MANY HANDS.

BUILT AT ONE TO ONE.

A register of installations, interiors, and objects where atmosphere meets joinery, wiring, and fabric.

URBAN SCAN

URBAN SENSE GROUP SHOW · K11, HONG KONG · WITH STUDIO TOBIAS KLEIN

THE CITY, SCANNED AND REPLAYED.

Portraits of Hong Kong: the city translated into a reactive object, projection surface, and spatial encounter for the Urban Sense group show at K11.

URBAN SCAN

URBAN SENSE GROUP SHOW · K11, HONG KONG · WITH STUDIO TOBIAS KLEIN

THE CITY, SCANNED AND REPLAYED.

Portraits of Hong Kong: the city translated into a reactive object, projection surface, and spatial encounter for the Urban Sense group show at K11.

LIQUID LIGHT

HOUSE OF VANS POP-UP · SHAM SHUI PO, HONG KONG · WITH STUDIO TOBIAS KLEIN

LIGHT, MADE LIQUID.

Drawing machines drawing continuously on photosensitive canvases with a calibrated laser beam, for the House of Vans pop-up store. A celebration of science and art.

LIQUID LIGHT

HOUSE OF VANS POP-UP · SHAM SHUI PO, HONG KONG · WITH STUDIO TOBIAS KLEIN

LIGHT, MADE LIQUID.

Drawing machines drawing continuously on photosensitive canvases with a calibrated laser beam, for the House of Vans pop-up store. A celebration of science and art.

VULCAN HOUSE

PERFECTION DENTAL CLINIC · HONG KONG · WITH CORM STUDIO

THE BRIEF BEGAN WITH FEAR.

A dental clinic reshaped around emotional reassurance: warm light, dark timber, marble, softened thresholds, and a framed view from every room.

VULCAN HOUSE

PERFECTION DENTAL CLINIC · HONG KONG · WITH CORM STUDIO

THE BRIEF BEGAN WITH FEAR.

A dental clinic reshaped around emotional reassurance: warm light, dark timber, marble, softened thresholds, and a framed view from every room.

SPA STUDY

ONE SENSORY ARGUMENT.

Stone, steam, timber, water, and light working as a single palette, from material board to built atmosphere.

WEB JOURNEY

ADVENTURES

GLIDE TO BROWSE · CLICK TO ENLARGE

A PRESENTATION BUILT AS A JOURNEY.

For one destination study, the client presentation was built as a website: a day-to-night narrative told from the guest’s point of view, from arrival to stargazing. Most of the material and the narrative sequence were created in direct collaboration with the CEO and founding partner.

BEACH CLUB SECTION

ATTENTIVENESS, MADE VISIBLE.

Arrival, service, dining, lounging, and rest read together as timing and movement, not separate amenities.

THE SAME CARE, AT EVERY SCALE.

What holds at arm’s length holds at any size. The attentiveness in these rooms and objects is the same craft that shapes shows, activations, and events, in a mall, on a tropical island, or both.

CHOREOGRAPHING
RETAIL AND EVENT ENERGY

A MIXED-USE DISTRICT STUDY REFRAMED THROUGH RETAIL MOVEMENT, SOCIAL CHARGE, AND EVENT VISIBILITY.

CHOREOGRAPHING

RETAIL AND EVENT ENERGY

CHOREOGRAPHING

RETAIL AND EVENT ENERGY

A MIXED-USE DISTRICT STUDY REFRAMED THROUGH RETAIL MOVEMENT, SOCIAL CHARGE, AND EVENT VISIBILITY.

STREET BELOW, STAGE ABOVE.

From street to rooftop: the club and pool form a vertical threshold. Retail movement below turns into visibility, gathering, and release above.

The input was fragmented: cultural references, tenant categories, circulation, leadership direction. Synthesized, it became spatial sequences the whole team could work with.

Pool, cool pool, bar, restaurant, VIP, service: one choreography of social intensity, not a list of amenities.

DESIGN LANGUAGE PLAYBOOK

CONTEXT, TRANSLATED INTO RULES OTHER TEAMS CAN PLAY.

The playbook was designed to be handed over. Cultural references and urban observations became rules, palettes, and spatial moves other teams could apply, keeping many spaces moving with one shared visual logic.

STRATEGIC DEVELOPMENT

CULTURAL MOSAIC

GLIDE ACROSS TO BROWSE · HOVER TO ENLARGE

PAINTED STUDY

ATMOSPHERE, TESTED AT SKETCH SPEED.

Watercolor vignettes are fast enough to test a mood and evocative enough to align a team around the emotional charge of a place before anything is resolved.

ZONING IS STORYTELLING.

Retail districts and event venues are choreographed as themed zones: each deliberately articulated, each built on a story compelling enough to step inside. The craft is getting deep into those stories and translating them into places people can immerse in.

CONTEXT
AS EXPERIENCE SYSTEM

A CULTURAL CANOPY WEAVING HERITAGE, CLIMATE, AND CONTEMPORARY RITUAL.

CONTEXT

AS EXPERIENCE SYSTEM

CONTEXT

AS EXPERIENCE SYSTEM

A CULTURAL CANOPY WEAVING HERITAGE, CLIMATE, AND CONTEMPORARY RITUAL.

PERFORMANCE AND EXPERIENCE, DRAWN TOGETHER.

Roof form, shade, airflow, water collection, and daily movement were developed as one spatial sequence.

SOLAR SONGKET · BALI, INDONESIA · NOMINATED FOR THE YALE H. I. FELDMAN PRIZE

ONE CANOPY, ONE ATMOSPHERE.

A shared interior landscape held beneath one environmental canopy, where shade, gathering, circulation, and atmosphere become the same experience.

SKETCH FIRST, SYSTEM SECOND.

The sketches tested how Songket could operate as spatial logic rather than decoration. The exploded diagram then translates that logic into environmental layers: water, shade, circulation, landscape, and structure, so the project grows from site intelligence outward.

SKETCH FIRST, SYSTEM SECOND.

WEAVING CULTURES:

BLENDING OLD AND NEW

WEAVING CULTURES:

BLENDING OLD AND NEW

WORK, LIVE, PLAY: ONE FABRIC.

Solar textile workshops, community engagement, local farming, and landscape systems feed the same daily rhythm.

THE MASTERPLAN IS A WOVEN FIELD.

Pattern becomes circulation, openings become program, and cultural memory becomes spatial order. Where the weave crossed, circulation crossed. Where it opened, program could settle.

PROGRAM AXONOMETRIC

NARRATIVE, AT SYSTEM SCALE.

The largest scale runs on the same discipline. History, culture, environment, geography, and brand give the story its facts; the system weaves them into one world; and what people remember is that narrative made real.

GLIDE ACROSS TO BROWSE · HOVER TO ENLARGE

AUGMENTED PROCESS

Emerging tools make experiential judgment visible earlier, while projects are still capable of change.

LISTEN

THEN IMAGINE

THEN SHOW

CONVENTIONAL SEQUENTIAL PROCESS · MONTHS

decisions made late · visualization reveals problems after commitment

PREVIOUSLY UNREACHABLE EXPERIENTIAL RESOLUTION

WHILE LISTENING

WHILE SHOWING

WHILE IMAGINING

PARALLEL AI-INTEGRATED PROCESS · WEEKS

JUDGMENT BECOMES VISIBLE WHILE PROJECTS REMAIN FLUID

EARLIER ALIGNMENT ACROSS REPRESENTATIONS

JUDGMENT, MADE VISIBLE EARLIER.

The value is not faster image production alone. It is earlier judgment: atmosphere, sequence, behavior, and consequence becoming visible while the direction can still move.

Enhanced motion studies extend this chapter. They are shared in conversation rather than published here, in respect of confidentiality agreements.

FEELING THAT LINGERS.

Justin Tsang

JHYTSANG@GMAIL.COM

The emotions a place evokes, and the memory it leaves behind. That sensibility scales through teams: guiding others to design this way is the deeper craft, and it often produces the strongest work.

▲