SPIDER-NET: A Parametric Urban Design for Multilayered Mobility in ShanghaiSPIDER-NET: A Parametric Urban Design for Multilayered Mobility in Shanghai

SPIDER-NET: A Parametric Urban Design for Multilayered Mobility in Shanghai

UNI EditorialUNI Editorial
UNI Editorial published Results under Infrastructure Design, Urban Design on

By Robin Zhang

Shanghai’s historical streets—especially around Middle Huaihai Road and Huashan Road—are famous for their narrow pedestrian lanes and colonial-era buildings. Yet, these same qualities now pose mobility and congestion challenges for the city’s residents. The SPIDER-NET project reimagines this junction through the lens of parametric urban design, introducing a new architectural language that blends digital design logic with Shanghai’s cultural textures.

Layered mobility system integrating pedestrian, vehicular, and metro circulation within a unified structural grid.
Layered mobility system integrating pedestrian, vehicular, and metro circulation within a unified structural grid.
Light-filled metro corridor showcasing mortise-tenon-inspired column connections and layered pedestrian flow.
Light-filled metro corridor showcasing mortise-tenon-inspired column connections and layered pedestrian flow.

Concept: Inspired by Nature, Rooted in Culture

The inspiration stems from the structure of a spider’s web—an organic system of interlaced pathways offering strength, flexibility, and connectivity. Like the web, the design overlays multiple layers of circulation, accommodating diverse users—pedestrians, cyclists, and tourists—within a unified architectural system. By abstracting Shanghai’s street grid into a web-like geometry, the design weaves together local historical patterns and Western-influenced spatial forms, creating a hybrid identity for a global metropolis.

Site and People Analysis

Located at the intersection of Huashan Road and Huaihai Road, the site lies at the heart of Shanghai’s social and architectural diversity. Surrounding it are heritage buildings like the Wukang Building, residential zones, and office complexes. Through on-site observation and mapping, three key demographic groups were identified—students, white-collar workers, and elderly residents. Each experiences distinct mobility needs:

  • Students seek open, interactive spaces for leisure and learning.
  • Workers desire efficient pathways connecting offices and transport.
  • Elderly residents need shaded rest zones and accessible movement networks.

This analysis shaped the project’s multi-layered spatial configuration.

Design Strategy: Layered Mobility Architecture

The SPIDER-NET framework introduces five vertical layers that reorganize urban mobility:

  1. Pedestrian layer – safe, shaded walkways that prioritize human movement.
  2. Non-motor vehicle layer – dedicated bike and e-scooter lanes separated from car traffic.
  3. Metro system integration – direct access points connecting underground transit with street life.
  4. Tourist layer – elevated walkways for panoramic city experiences.
  5. Public interaction spaces – open decks and plazas encouraging social exchange.

This vertical stacking not only resolves traffic congestion but transforms the site into a dynamic architectural ecosystem—an urban machine for living.

Structural Innovation: Mortise-Tenon Meets Digital Fabrication

Drawing from traditional Chinese mortise-tenon joinery, the structure merges craft heritage with digital precision. The design explores hybrid joints between steel, glass, and fabric, using parametric modeling to optimize each connection for structural integrity and aesthetic fluidity. This fusion of traditional logic and computational fabrication becomes a metaphor for Shanghai itself—a city balancing its historic soul with rapid modernization.

Parametric canopy connecting building façades and public ground, redefining the relationship between movement and form.
Parametric canopy connecting building façades and public ground, redefining the relationship between movement and form.
Dynamic urban interface where the woven steel canopy invites pedestrians, cyclists, and skaters to engage the structure.
Dynamic urban interface where the woven steel canopy invites pedestrians, cyclists, and skaters to engage the structure.

Spatial Expression: Arches, Vaults, and Memories

Arches recur as a nostalgic motif across Shanghai’s historic architecture, from university libraries to civic arcades. In SPIDER-NET, these familiar forms are digitally reinterpreted into modular vaults that serve as both structural and emotional anchors. Through the soft interplay of light and material, the interior evokes both the serenity of a metro vault and the openness of a civic promenade—bridging memory with modernity.

Material System and Assembly

Three main material combinations define the construction logic:

  • Steel + Steel: for high-strength frameworks and load-bearing joints.
  • Steel + Cloth: for flexible canopy structures and shading elements.
  • Steel + Glass: for transparent enclosures and light-infused corridors.

Each combination is generated through parametric simulations, ensuring optimal performance in light diffusion, ventilation, and human comfort.

Human-Centered Design: Stories from the Street

The project narrative follows everyday users—Ms. Li, an elderly resident seeking rest along her route, and Anna, a student cyclist navigating crowded paths. Their experiences reveal the shortcomings of current infrastructure and inspire the empathetic design response. By observing how people inhabit and adapt public space, the proposal becomes a living, responsive architecture that evolves with community needs.

The Future of Parametric Urban Design

SPIDER-NET is more than a proposal—it’s a manifesto for future cities. It envisions architecture as a connective tissue that harmonizes technology, history, and human movement. By transforming spatial chaos into a woven, adaptive system, the project exemplifies how parametric urban design can humanize infrastructure and redefine the rhythm of modern Shanghai.

Design inspiration drawn from the geometry of a spider’s web, symbolizing connectivity and spatial adaptation.
Design inspiration drawn from the geometry of a spider’s web, symbolizing connectivity and spatial adaptation.
Simplified volumetric model illustrating the integration of the metro system with modular, parametric structural layers.
Simplified volumetric model illustrating the integration of the metro system with modular, parametric structural layers.
UNI EditorialUNI Editorial

UNI Editorial

Where architecture meets innovation, through curated news, insights, and reviews from around the globe.

UNI EditorialUNI Editorial
Search in