sunny lan portfolio - winter 2025

sunny lan 2025 design portfolio

1

contents

SUNNY LAN CONTACT shan.lan@mail.mcgill.ca 647-222-1538

2

parc angrignon racket sport facility

3

botanic stream

6

terrace school

10

skyline

14

tensile wall

16

wyvern

17

aspen art museum: case study

18

makerhub

20

site + roof plan

existing building

new addition

parc angrignon racket sport facility Rhino, Grasshopper, AutoCAD, Procreate, Photoshop, Illustrator Fall 2025 | ARCH678 Comprehensive Studio In Collaboration with Bianca Hacker and Tea Canton Site | Parc Angrignon, Montreal

The proposed racket sport facility, located in Parc Angrignon near the Angrignon metro, integrates a continuous colonnade loop that bridges the old and new elements of the existing vacant building. The design features a guiding pathway, marked by light and continuity, which weaves through various spaces, connecting exterior and interior zones while preserving existing trees in the courtyard. The colonnade is a key structural and aesthetic element, with beams weaving through the existing roof.

Grasshopper scripts were used to design the program, allowing for the parametric manipulation of space, circulation paths, and

program additions

structural elements, such as the continuous void form that slices away portions of the building to create open exterior spaces. These scripts helped shape the precise integration of the colonnade, roof alignments, and courtyards, optimizing light penetration, circulation, and ventilation.

The project includes sunken tennis courts, a revitalized marsh, and a water pavilion, with copper-clad tennis courts marking the transition between old and new. The interior spaces, including cafes, exercise rooms, and a market, are linked by the colonnade, which responds to adjacent environments and functions, providing unobstructed views and guiding movement through the facility.

grasshopper program iterations 3

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

SECTION A-A SCALE 1:20

A

ARCH 678 FALL 2024 BIANCA, SUNNY, TÉA

0

1000

5000

A

A 17 16

B

B

B

C 0 19

20

D

B

21

E

P1: TYPICAL PARAPET (R-VALUE 32.384) (U-VALUE 0.031) • KAWNEER TRIPLE-GLAZED 7500 SERIES CURTAIN WALL WITH VERTICALLY REINFORCED MULLIONS (BY SUPPLIER) • 19MM OSB SHEATHING (R-0.787) • 50MM X 150MM WOOD STUDS @ 400MM C/C (BY ENG.) (R-6.88) • 150MM ROCKWOOL COMFORTBATT INSULATION (R-23.6) • 19MM OSB SHEATHING (R-0.787) • VAPOUR BARRIER • EPDM MEMBRANE (R-0.33)

F

G 10443 TOP OF PARAPET 900MM X 914MM COMPOSITE GLULAM AND CLT HORIZONTAL BEAM WITH MECHANICAL VOID (BY ENG.)

H

basement plan 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

CURTAIN WALL ANCHOR EXTENDED TO BEAM (BY ENG.) 9080

17

UNDERSIDE OF TRUSS

8866 UNDERSIDE OF HORIZONTAL BEAM

1

METAL FLASHING

A 3 2

5

6

7

8

9

10

EXTERIOR GRADE WOOD BLOCKING ATTACHED TO EXISTING CONCRETE STRUCTURE

11

4

B

MOMENT OF BARRIER DISCONTINUITY R2: EXISTING ROOF (PREFABRICATED COMPOSITION) (R-VALUE 45.48) (U-VALUE 0.02) • 22 GAUGE EXISTING REINSTATED STANDING SEAM METAL ROOF • EXISTING CONCRETE STRUCTURE (R-0.15) • 40MM AIR SPACE (R-1) • AIR BARRIER • 50MM ECO-CARBON FOAM RIGID INSULATION (R-10) • 50MM X 200MM WOOD STUDS @ 600MM C/C (BY ENG.) (R-6.88) • 180MM ROCKWOOL COMFORTBATT INSULATION (R-27) • VAPOUR BARRIER • 20MM GYPSUM BOARD (R-0.45)

C

D

12

13

14

10000

KEY PLAN

18

15

E

CUSTOM GLULAM BEAM SECURED TO WOOD STUDS (BY ENG.)

F

EXISTING WINDOW REINSTATED FOR HERITAGE VALUE

G

900MM X 900MM GLULAM COLUMN BEHIND (BY ENG.)

H

KAWNEER DOUBLE-GLAZED 1600 SERIES CURTAIN WALL

0

ground flooor plan

TOP OF EXISTING CONCRETE SLAB

EXISTING STRUCTURAL FOOTING WITHIN UNEXCAVATED BASEMENT

VARIABLE TOP OF EXISTING CONCRETE FOOTING

east elevation

4

R1: TYPICAL ROOF (R-VALUE 44.91) (U-VALUE 0.023) • EPDM MEMBRANE (R-0.33) • ROOFING UNDERLAY • 200MM ECO-CARBON FOAM RIGID INSULATION AT LOWEST POINT (R-40) • VAPOUR BARRIER • 105MM 3-PLY CLT (BY ENG.) (R-4.58) • 15MM X 700MM PREFABRICATED WOOD TRUSS (BY ENG.)

2% SLOPE

demolition axo

mortiss and tenon joints

wood details

new structure

section fragment

cut through existing building

cut through gym

5

botanic stream

Atop the hill sloping toward the Grand River situated adjacent floodplains, this building on the Rare site seeks to preserve the existing landscape while ameliorating the journey throughout the site.

Built with a lifespan of 100 years, the biogenic materials - larch, glulam, CLT - used for cladding and structure comprise a linear structure that minimises its carbon impact and seeks to improve the resiliency of the site.

Rhino, Procreate, Photoshop, Illustrator

Botanic Stream seeks to retain water that falls on-site, re-channelling it from the upmost point of the rare site through the building, recycling rainwater and filtering through the series of gardens and bioswales sloping towards Blair Road. While the rechanneled stream splits the building in two, the central green core and education programs are connected to gathering spaces of the multipurpose and dining rooms through an interior bridge. The central spine of greenery continues from the outside to the inside, forming an axis across and through the building and programming adjacencies to these green spaces at the perimeter. Ultimately, it is a mediator between the community gardens, Blair Road, and all the trails connecting to it.

Spring 2024 | ARCH493 Comprehensive Studio

contextual site plan

SUN

APPLIANCES LIGHTING

SOLAR PV

RAIN

MASSING + ORIENTATION FOR DAYLIGHT

TREES AND OVERHANGS FOR SOLAR SHADING

ROOF SLOPE GUTTERS RAIN CHAIN FRENCH DRAIN PERMEABLE PAVERS

AIR SOURCE HEAT PUMP

RAINWATER COLLECTION TANK

PLANT IRRIGATION BIOSWALE

WATER HEATER GREYWATER TANK

ON-DEMAND HOT WATER TANK

SINKS + SHOWERS

AIR FILTRATION GREENHOUSE + COURTYARD IRRIGATION

AIR SUPPLY/INTAKE

FRESH AIR

GREENHOUSE HEAT

OUTDOOR AIR

ERV

EXHAUST AIR

TOILETS LAUNDRY

AERATION TANKS

POTABLE WATER (SPRINGBANK WELL + ADDITIONAL CONNECTION TO CITY IF REQ) LIVING MACHINE

WATER HVRF

HBC

CROSS-VENTILATION

MANIFOLDS FILTRATION

RADIANT FLOOR HEATING

BLACKWATER STORAGE

key conceptual diagram of active and passive systems

roof slopes towards courtyard and drains 6

water channel + perimetre walkways + permeable paving

massing + courtyards

1:1000 site sections

1:100 masterplan

section aa

north elevation

initial structural plan

ground floor plan 7

perspective secction cc

section dd

west elevation

8

walking up the hill

key wall section

north corridor

entrance

inside the greenhouse

9

the terrace school Rhino, Procreate, Photoshop, Illustrator Fall 2022 | ARCH393 Option Design Studio: Designing for Every Body In Collaboration with Jason Chen Selected for the Univeristy of Waterloo 2023 Dezeen Project Spotlights

The Terrace School is nestled along a hill in Taylor Creek Park in Toronto with four massings terracing along the slope of the hill. The school is designed for children from grades 3 to 6 and accomodates for students on the autism spectrum. The design approach of the school greatly opens up to the surrounding forest environment, encouraging an outdoor and collaborative learning environment.

entrances

ramp as main circulation

outdoor play

after-hours public program

Opening up directly to the forest and the trail, the Terrace School’s goal is to create more indoor-outdoor learning opportunities that are accessible for all.

The school imagines replacing the main circulation of a building with a ramp. As its own experience down the main street of the school, people are exposed to different stimulations and environments; different materials and textures are cladded down the ramp which leads down into a bright and open atrium space, which then leads to the classroom level corridor.

1:500 site context 10

main entrance

library

ADMIN + LIBRARY

Loose Parts Play A play-space with a collection of objects to allow children to re-arrange, imagine, and play with the seemingly banal objects. The theory helps kids develop

Library The bookshelves of the library are designed for students to read within the shelves of the book in a quiet enclosed space. There are also zones

creative and critical thinking skills by encouraging them to

CLASSROOMS

CLASSROOMS

CLASSROOMS

GYM

exposed axonometric

Learning Courtyard Students can use the learning courtyard as a breakout space during class time to collaborate with one another or

Gymnasium

During school hours,

the gym is used for indoor physical activity, but after-hours, can be

rented for community recreational and venue

Outdoor Learning Theatre Located right outside the lower atrium classrooms, the class can use the steppedThe Cubby Wall Playing upon the element of a wall, the design allows for students to “break-out” and work in their own chosen environment through seating and desk arrangements.

Students are able to choose to work collaboratively, semi-

down theatre space as a presentation and

Retreat Huts Located at the centre of the upper atrium cantilevering over the level below, students are able to work, read, and play in this enclosed space as a space of retreat, away from the busy school day. The space allows areas of peeking through

Corridor Play Spaces These play spaces are located in the corrdor of the lower atrium, allowing students to release their last bits of energy while lining up before entering the classroom. There are areas of different textures, materials, colours, elevations, and

Flexible Classrooms With the typical classroom with desk and chairs being overwhelming for students with autism for long periods of time, the flex classrooms allows students to break out and work collaboratively in an open atrium environment, with

plan axonometric

site axonometric 11

1:200 longitudinal section

main ramp

courtyard adjacent to hallway and classrooms 12

classroom

sectional model

1:50 cross section fragment

sectional model - down the corridor

classroom configurations 13

skyline Grasshopper, Rhino, Enscape, Illustrator, Procreate

Spring 2023 | CISC Steel Competition Entry - Performance Space Collaboration with | Jasmine Zhu Site | Toronto Centre Island

Located on a historically significant site in the Toronto Islands, skyLINE is envisioned as a key arts hub integrated into its ongoing master plan. Over the past 15 years, the Island has hosted a diverse range of events on the open lawn of Hanlan’s Point.

The seating of skyLINE is designed for inclusivity through accessibility with gently inclined walkways between sections in place of the typical stairs. It hangs in equilibrium, supported between towering HSS ‘legs’ and a mast and cable system.

to both the stage and the city’s skyline beyond.

Above, a translucent canopy of ePTFE tented up by HSS cones welded to the space frame allows glimpses of the sky through an array of skylights.

Reinforcing cables help hold its parabolic form and the edges of each strip of ePTFE are laced to the HSS members with cord. SkyLINE will become a place of celebrating cultures and the Islands’ rich stories for generations to come as its durable detailing and materials will ensure it stands the test of time.

These primary structural elements carry an innovative radial space frame that allows for unobstructed audience views

site plan

14

showcase element: custom square HSS

5

4

section perspective

3

2

1

elevation

2

1

ground plan

3

custom square hss base AESS 4

space frame to legs 1:5 AESS 3

white intumescent paint and top coat for shiny finish tapered square HSS

pin connection, steel cable with stainless steel clevis attached to chord

welds fully ground and finished stainless steel bolts

15

4

5

mast base

mast head 1:5

cable to legs 1:5

AESS 4

AESS 2

AESS 2

white intumescent paint, top coat for shiny finish <6m viewing distance

white intumescent paint and top coat for shiny finish

visible from roof view, >6m viewing distance

stainless steel

assembly

tensile wall Rhino, Procreate, Photoshop, Illustrator, Laser Cutter, Mesh Fabric, MDF Boards Winter 2025 | ARCH673 Studio

fabric opening concept

The Tensile Wall integrates stretchy translucent fabric and a metal frame to create an adaptable second skin system. The membrane system allows for the manipulation of the fabric’s tension, enabling the creation of dynamic openings that play with light and shadow while providing adjustable shade.

Stretched throughout a metal frame connected with wires, the skin offers flexibility in design, where tension provided through the material qualities of the fabric and the cables attaching its anchor points to the metal frame can be altered to control the amount of light entering or being blocked by the layers of fabric overlapping itself. This provides a unique way to create varying atmospheres, from shaded areas to areas where natural light filters through fully.

steel frame metal ties

In Collaboration with Alexandre Timperman

tensile fabric

16

anchor points and forces on fabric

function parti

wyvern

WYVERN is a shivering, spiralling, collective entity that acts in tandem with the motion and light of its surrounding environment.

Smart Cell, Laser Cutting, Mylar, Beads, Rhino, Illustrator

Upon sensing movement, the entity springs to life simultaneously with the light shining upon its form. Each of its appendages harbours a distinct attitude towards the light-- reacting differently depending on the intensity.

Fall 2023 | ARCH510 Intro to Interactive Systems: Reactive Cell Collaboration with Juliana Jiang, Meaghan Roberts

One appendage will move with a greater sense of urgency and fervor when illuminated, while the other will shy away from the spotlight, rotating at a slower pace.

outwards long enough to brush against those of the neighbouring appendage. The interactions between the appendages manifest in the form of rustling noise, fluttering, and shadows.

Embracing the reflective nature of the clear beads suspended from the fins, graduated visibility is achieved as the beads allow for residual light to gather even when the rest of the entity periodically fades into the darkness.

technical configuration

The appendages comprise of a thermoformed plexiglass spine, with mylar fins of varying sizes protruding 17

main axonometric

catalogue of parts and configuration

photo-collage 18

Truss

Elevation Fragment

At high structural loading points, the width of the members increase.

0m

5m

Top Chord

Operational Axonometric

Top and bottom chords offset by 0.6m in each plan direction, connected to web members with screws diagonally installed through the joint.

facade case study Rhino, Procreate, Photoshop, Illustrator, Laser Cutter, Mesh Fabric Winter 2025 | ARCH673 Studio In Collaboration with Alexandre Timperman

Operational Axonometric 1:50

Skylights

Supporting steel structure behind facade to connect to interior curtainwall

Bottom Chord

This facade created by Shigeru Ban for the Aspen Art Museum is composed of highpressure laminate (HPL) wood panels, which are weather-resistant and provide a rich, organic texture that contrasts with the surrounding mountainous landscape of Aspen. The panels are curved and assembled on-site, creating a dynamic visual presence while maintaining the building’s ecological credentials.

web members created out of multiple layers of timber stacked together that connect to the chords. To minimize the use of steel and showcases Ban’s commitment to using sustainable, renewable materials, the joinery was done with cuts made to each layer.

The use of timber allows for easy repair and long-term durability, reinforcing the building’s sustainability while adding warmth and visual richness to the space.

The museum’s most defining feature is its large, wooden truss structure, which spans the upper levels and creates a dramatic, wavelike form. This truss is composed of wood

The model is made using lasercut layers of basswood stacked together for the trusses and steamed strips of basswood for the woven facade.

Basket-weaved panels curved onsite

Custom birch plywood truss with chords on a 1.2 square grid, each containing 4 layers of different thicknesses glued together.

19

extensions

campus plan

makerhub Rhino, Enscape, Photoshop, Illustrator Fall 2020 | ARCH292 Design Studio Student Residence Collaboration with | Sandra Lyboun Site | Waterloo, Ontario

Conditions of immersion and retreat from technology are provided along a gradient; extremities of the building catered for the separate acts of unplugging/ plugging in.

programmatic parts of the building, extrusions breaking up the homogenous exterior appearance of the operable outer facade while floating volumes create junctions and areas of intersection vertically within.

Dichroic-paned volumes interrupt the facade, bringing in coloured light and attention to programmatic elements in an otherwise conventional residence.

Those volumes of various sizes also allow for an array of programs that require separation and ventilation, while dichroic glass emphasizes the tech spaces while still connecting the residences through views.

Organized through a strict grid and column logic, high ceilings and exposed ductwork characterize various tech areas and makerspaces.

Interrupted spaces and thresholds create a varied experience in

program

extrusions

combine

site plan

ground floor with amenities and makerspace 20

unwrapped elevation axo

operable facade detail

21

circulation diagram

structural axo

8am

12pm

4pm

section perspective

ground floor lobby

section aa - cross section

22

23