Page 1

X U E X I A L I PORTFOLIO Selected Work Since 2015


C O N T E N T S

R E S U M E \\ EDUCATION University of Pennsylvania, PA, USA

09/2015---Present

Master of Architecture I, expected graduation date : 05/10/2018

0

Core Studio, Product Design and Digital Fabrication

1

Real Estate Certificate Candidate University of Illinois at Urbana-Champaign, IL, USA

09/2012---05/2015

Bachelor of Science in Architecture, James Scholar, Dean’s List

SHIFTING HYBRID

Studio, Architectural History, HVAC, Construction and Interactive Design

pp3 - 12

Cumulative GPA: 3.91/4.0 University of Edinburgh, United Kingdom

08/2011---05/2012

Architectural Design, Honors Degree Program

0

2

Cumulative GPA: 3.5/4.0 The Kilmore International School, VIC, Australia

08/2008---11/2010

High School Diploma, Top 5

INTERNSHIP Intern Architect, Mochen Architects & Engineers, Beijing, China

RAMP-DEVOUS pp13 - 22

06/2014---08/2014

Collaborated with the design team on several projects and developed presentation materials, physical models

0

3

Played a key role in project design of a community church with various concepts and finishes Worked as a research assistant on a historic research about nearby Beijing Hutong Architectural Intern, Tsinghua University Architectural Association, Beijing, China

07/2012---08/2012

Played an instrumental role at meetings and presentations; build study and presentation models

RESOLVING RESOLUTION pp23 - 28

Engaged in collaborative research, case studies, and design projects

HONORS Dales Travelling Fellowship, 3rd Price, PennDesign, USA, Awarded for the excellence of academic portfolio

01/20/2017

James Scholar, UIUC, USA, Awarded for academic achievement

2012---2015

Tau Sigma Honor Society, USA

2012---2015

Gargoyle Honor Society, USA

2012---2015

Language skills : Native in Mandarin, Fluent in English, Elementary in French Computer skills : //Modelling: AutoCAD, SketchUp, Revit, Rhinoceros, Grasshopper, Maya, ZBrush; //Rendering: 3Ds Max, Vray, Lumion, Keyshot, Maxwell, //Graphics: Photoshop, Illustrator, Indesign Personal Interests : Oil Painting, Sculpture, Anime Photography, Wine Tasting

5

ENCLOSING SKELETONS pp39 - 42 04/20/2016

Wine tasting and comprehensive knowledge about wine production around the world Engaged in socially-focused activities, such as assisting the city council in investigating public opinions on government

CODE BOUTIQUE

0

EXTRA-CURRICULUM ACTIVITIES

Memeber, FAA James Scholar Program, Urbana, IL, USA

4

pp29 - 38

PROFESSIONAL SKILLS

Member, Wine and Spirits Education Test Level 2 and Level 3, Philadelphia, PA, USA

0

2012---2015

0

6

SIMPLEXITY

projects, volunteering at the local charity schools etc pp43 - 48

Minister of Public Relations, UIUC Chinese Transfer Student Association, Urbana, IL, USA Promoted the organization by initiating and overseeing all publicity and marketing events

2012---2013

Involved in designing publicity and advertising materials, and addressed promotional events

01

02


\\ 0 1 SHIFTING HYBRID Transformation for a Residential Building + WeWork / WeLive TriBeca, New York City Studio Work, University of Pennsylvania Critic: Hina Jamelle Transparency influences the way people behave, it also frames the program of space. The building aims at bringing the concept of literal and phenomenal transparency into the programming of the work and live scenario. The different materiality of the glazing and balcony systems on the faรงade reflects the variation of the transparency of work and live. Moreover, the circulation throughout the entire building is an immersive experience of transparency. The main core is activated by a number of gathering pods that are framed by overhanging glass boxes, and intersecting metal skeletons. \\Within the context of the district Tri-beca New York, where traces of its previous industrial and historical materiality were ubiquitous, this new configuration of the transparency of materiality is believed to attract more young business starters to establish their career and revitalize this area.

03

04


a.1

100% Living 8F

Live1

Live3

Live2

L2

L3

L2

7F

6F

L1

L4

L1

L5

L4

L7

W1

L7

L7

W2

L4

W2

L7

L7

Tilted W2

W2

W3

W1

2.

3.

W4

W4

L5

4.

L3

Soft Edge Defines the spacial arrangement of unit Transforms according to the type and size of unit

3.

a.2

L6

One Bedroom

500 sqft

L5

Two Bedrooms

950 sqft

Two Bedrooms

950 sqft

Suit

750 sqft

L7

L7

1F

W4

W4

Town House

800 sqft

W1

Small Office

150 sqft

W2

Medium Office

550 sqft

W3

Large Office

750 sqft

W4

Open Office

1000 sqft

L8

W4

L5

L4 W3

L7

L6

L5

W3

W3

L1

W3

L7

L7

W3

L1 W2

L4

W2

W2

L7

W2

L2

L7

Top

L3

L3

W2

L7

W2

Glazing Atrium

Frames the transparency of unit 4.

L4

L6

L5

Tilted L2

W3

Bottom

400 sqft

100% Working

W4

2F

Defines the boundary of unit 2.

L3 W3

W4

Hard Edge

W4

W4

W4

W4

3F

1.

375 sqft

Studio

W1

Tilted

1.

Studio

L3

L7

4F

350 sqft

L5

W1 W1

5F

Live5

Studio

L2

L1

W1

W1

W1

Live5

Tilted

Work 2

L2

Live5

Live6

L4

Work 2 L2

Live5

Live4

L1

Perforated Metal Panels

L8

L8

L8

L8

Atrium

L8

L8

0F

Overlapping Balcony and Glazing Influence the transparency of unit

Basic Unit

L8

Loft Studio | Floor Plans

Open Pool

100% Living Vestry Street

Less Materials

L8

Greenwich Street

More Materials

Perforated Metal Panel

Less Materials

Interior View | a.1

Interior View | a.2

05

Facade From Vestry Street | Tectonic Variation

06


View From Bottom Up From this angle, the tectonic variations of all categories of elements, such as balcony and glazing system are clearly shown. The composition of different materiality is compatible with the surroundings.

07

08


A

B

C

G

D

F

E

4’ 12’

1

1

2

2

3

3

4

4

1/16” = 1’ 0” Floor Plan | 7th Floor

32’ A

A

B

B

C

D

C

E

F

G

D

E

4’ 12’

1

2

2

3

3

4

4

1/16” = 1’ 0” Floor Plan | 4th Floor | 100% Working

32’

A

B

B

C

D

C

E

F

D E

G

G F

1

1

2

2

3

3

1/16” = 1’ 0” Floor Plans | Ground Floor

32’ A

09

F

1

A

4’ 12’

G

B

C

D

E

F G

Cut Away Perspective Section

10


b.10 Meeting Room / Skylight

b.10

b.9

Meeting Room

Studio

96ft

Library Loft Work Space Shared by Two Studios

b.8

Music Studio

b.7

Rest Space

b.6

Meeting Room

80ft

b.8 Music Room

One Bedroom

Open Work Space

60ft

One Bedroom b.5

Gym b.5 + b.6 Gym / Meeting Room

b.4

Mini Cinema

b.3

Rest Space

b.2

Balcony

b.1

Amphitheater

Loft Two Bedrooms Share One Work Unit

Townhouse

15ft

b.1 + b.2 Amphitheater / Balcony

32’ 4’ 12’ 1/16” = 1’ 0”

11

12


\\ 0 2 RAMP-DEVOUS Multi-Purpose Art Performance Center Northern Liberty, Philadelphia Studio Work, University of Pennsylvania Critic: Joshua Freese Ramp acts as one continuous infrastracture that wrap up all the fragmented spaces. Spaces are wrapped up or intruded by the ramps, and the slopes between all the functional spaces provide different expereiences at different height. The projection of pattern was derived from the texture all over the neighborhood, and the linear pattern enhance the linear expression of the site. The color gradient is used to emphasize the immersive carnival experience. With the overall form and the pattern projection, it is a play ground an d a heterotopia that people could easily indulge themselves.

13

14


Projection Studies | Urban Texture Abstraction

Anomoly | Deconstruction Site Line Projection

Massing Silhouette

Basic Massing

Site Landscape 1. Parking 2. Concert 1

Aperture | Bridging

3. Theater 4. Gallary 2

5. Concert 2 6. Shopping

Sprawl | Growth 1

3 Cut Out Massing

Interior Massing

All Interior Massing

Ramp System

Final Massing

4

6

5

Exterior Cladding In Between | Vague Space

Interior Cladding

Seatings

Direct Circulation People can choose to visit each specific destination

Public Space Ramps

Site Landscape

Site Projection

Carnival Tour Or they can walk along the continuous ramp and experience every interesting spot.

Circulation Diagram

15

Exploded Program Diagram

16


View From Amphitheater The amphitheater locates at the end of the ramps, and it is the ultimate destination of the carnival journey. From this view, one can look back at all the theaters and concerts that are blended well with the sunset sceen.

17

18


Delaware River

Delaware Expy

The Art Performance Center aims at revitalizing the isolated neighborhood.

Interior View of Theater | Interior View of Concert 1 View From Concert 2

Site Plan

Interior Rendering

The site extends from the Delaware Expy all the way to the waterfront of Delaware River, and occupies a large area.

2d 3b

2e 3a

19

Cut Away Perspective Section

3c

20


1.b

1.a

1

2.a

4

2.g

2

2.f

2.b

2.e

2.f

4.a 2.h

4.b

7

2.d 2.c

5

5.b 5.a

3.b

3

3.a

3.c

7

6

1. Parking Center a. Interior Parking b. Outside Parking

2. Concert 1 a. Entry Hall b. Ticket Center c. Gathering Space d. Backstage | Meeting with Performers e. Main Performance Space f. Balcony Seating g. Passing | Standing | Watching Path h. Visual Arts Lobby

2.b

3. Theater a. Backstage | Meeting Space b. Auditorium c. Cafe + Restaurants

4. Gallary a. Visual Arts Gallary b. Conference Room

5. Concert 2 a. Backstage | Meeting Space b. Main Seatings

6. Shopping Center | Conference | Entertainment

7. Amphitheater

Cut Plan

2.c

8/16 Alto 8/16 Alto 8/16 Alto 8/16 Alto 8/16

Beamlite

500

Alto

2.d

2.e

3.b 5.b

3.a

3.c 5.a

21

Long Section

6

22


\\ 0 3 RESOLVING RESOLUTION Re-Imagining the Aixoni Sculpture by Nella Golanda Athens, Greece Summer Non-Linear Computational Design Studio Critic: Ezio Blasetti & Danielle Willems Deconstruction | Rebirth | Containing Instead of transformation of the sculpture, the concept is to rebuild the environment with the element of the sculpture. By classifying the fragments of the sculpture into three categories, and aggregate each by different attracting points in various vector forces. A new imagery landscape is a extension of the original sculpture. Moreover, the process is recorded and edited in the same manner., and re-projected on to the sculpture.

23

24


a. Vertical Pieces | White

260

b. Horizontal Pieces | Grey

100

c. Pattern Pieces | Brown

Video Projection on Original Sculpture

20

a.

c. b.

a.

b.

c.

a.

1.0 Projector 1

1920 x 1080

2.0 Projector 2

1920 x 1080

The sculpture is mapped with two projectors and is projected with the manipulation that has done to its original components. The projection has blurred the boundary of the digital and the real and creates a dream-like experience for people to watch it.

Defragmentation of The Original Sculpture The sculpture has three types of elements: horizontal planes, vertical panels and small pattern pieces.

c.1

a.1 Upwards b.1 Sideways c.1 Horizontally b.1 a.1

Sorting of Defragmented Pieces Giving each element a certain directionality, and move them accordingly, which creates an artifical landscape.

1.0

2.0

Resolved landscape with the set up of two projectors that are used for digital projection.

Part I Physical Resolving Resolution

25

Part II Digital Resolving Resolution

26


Start 00:00:00 2d Pixel Sort Focused Lens

00:00:44 Zoom In Parts 240 Frames Distorted Lens

Small Pixels

00:01:20 Distortion 720 Frames

00:01:35 Pixelation 1320 Frames

Column Pixels

Horizontal Pixels

Transition of Pixels

Fade In

Calming Down 00:02:35

Start of Second Half (Defragmentation of Pieces) 00:02:50

Sorting of White Pieces 600 Frames

00:03:16 Sorting of Grey Pieces 1320 Frames

00:03:35

Sorting of Brown Objects 1320 Frames Fade Out

Fin 00:04:45 Color 1: White R 237, G 234, B 223 Color 2: Grey R 165, G 165, B 165 Color 3: Brown R 141, G 130, B 112

Movement of Pixels depends on the RGB value

Color 2 Color 1 Color 3

Front Photography of Original Sculpture

27

Digital Pixel RGB Sorting

28


\\ 0 4 CODE HOTEL Boutique Hotel Champaign, Illinois Capstone Work, University of Illinois at Urbana Champaign Critic: Mark Taylor

The Code Hotel aims at adopting digital techniques to attract young businessmen and people who are interested in high techniques to come and visit the university city of Champaign Urbana. The code facade is inspired from the bar code that demonstrates the vacancy of each hotel room, and it is installed at an angle that when people drive by, they could read the hotel names and rooms. The hotel has an operating system that connects each room with specific codes,on the ground floor, a big projection screen will display different codings for people to decode, and they could introduce events and activities that the visitors could participate/

29

30


Activities that draw people here

Smart -Device that people now are obssessed with The hotel can be scaned on the phone and be known

1

E Washington St

NNeil St

2

N Fr emo

n St

3

main st

Site Plan : 1” =100’

E

6’

10

N

op

spa

ce

43

Glazing Percentage: 30%

W

en

43

25 50

150

450

250

Glazing Percentage:40%

20

Life Cycle Energy Cost Net CO2

Initial $944484 325

S

126

Glazing Percentage: 40% Glazing Percentage:

%

60

If open, all the three sides of the atrium will be grass facade, which introduces a enarly 40% of glazing

SKY LIG HT

Glazing Percentage:20%

Glazing Percentage: 30%

Glazing Percentage: 40%

Glazing Percentage: 30%

Glazing Study

31

Life Cycle Energy Cost Net CO2

Downtown Champaign, a various of activities available around these area. Such as dinning, conference, night life and so on. People who will visit this place could develop their own interests here. Thus, as a boutique hotel, it must has its own identity that could also be transformed by people who occupy it.

The building is located next to a green park that is used both as a parking space and also a gathering place. This triangular space is the focal point of all the traffic around this area and it acts a very important role in organizing the activities around here. Thus, to incorporate with this park is key to the design.

The South side of the building will be pretty important since all the pedestrians who either walk or park here will go through the park and head toward the hotel. Therefore, the facade at South side should largely reveal the characteristics of this hotel, and the entrance should also be located here.

Developed

$859736 269

If close, the three glass facade of the previous atrium is reduced, and the total glazing area of south facade decreases to 20%

Energy Analysis

32


The natural light is transmitted into the interior through the perforated panels and is coherent with the digital screen installed at the main hall. The screen projects codes for people to decode, and it displays time and location of events for people to participate.

33

34


A

B

C

D

E

F

A

B

C

D

E

F

1

2

3

4

5

A

B

C

D

E

F

A

B

Ground Floor Structure Plan

A

B

C

D

C

D

E

F

E

F

Foundation Structure Plan

E

F

A

B

C

D

1 2

3

4

The hotel holds activities regularly and attracts people from all over the city to gather together. The location of the hotel has been benefited from its adgency to the university campus, thus people who participate the university events would have a chance to stay.

The hotel also provides gallary space for local artists to present their work, which is also beneficial for protecting and promoting the local art development.

The Code Hotel also values the importance of sustainbility, thus the vertical green walls installed in each hotel room is irrigated by the rain water collected from the roof.

5

6

A

B

C

D

Typical Floor Structure Plan

35

E

F

A

B

C

D

E

F

Second Floor Structure Plan

36


9 inch reinforced concrete slab

Perforated steel cladding 1/4 inch thickness

2 feet polystyrol thermal insulation

Ground Floor HVAC Plan

Second Floor HVAC Plan

3 - 3-1/2 inch steel SHS cross-bracing

5.5 inch mineral wool

Typical Guest Floor HVAC Plan

Basement HVAC Plan Zone 1: Enclosed Public Space Zone 2: Open Public Space Zone 3: Guest Rooms Supply Duct Return Duct Supply Diffuser

Double pane glass 1/4 inch thickness

Reply Diffuser Ground Diffuser Floor Construction Foyer: 3/4 inch linoleum flooring ceme cement ent sscreed creed wi with thh 3 iinchh under-floor nder-floor heating thermal al insulation insula ins u tio tion n

Fire Egress Concrete Structure Balcony

37

Overall Structure Model

Detailed Section D t il d S ti

38


\\ 0 5 ENCLOSING SKELETONS Container Design For Russel Wright 1939 Coffee Pot Studio Work, University of Pennsylvania Critic: Lasha Brown

Container as a bounding box for the object, it could be an extention of the object or it could also be indepent. The bounding box is deconstructed and redesigned according to the basic design strategy of Russel Wrigtht’s Utensils, such as holes and bridging. The Enclosing Skeletons work as branches that embrace the cofee pot, and the solids and void s are arranged along with the curvatur of the coffee pot.

39

40


3D Powder Print Model | Deconstruction of Skeleton | Front

Basic Objects | Bounding Box and Coffee Pot

Reference Lines | Outlines of Objects

Embracing Skeletons and Contained Coffee Pot

41

Main Branch | Skeletons Derived from Destructured Bounding Box

3D Powder Print Model | Deconstruction of Skeleton | Side

Modified State | Low Resolution of Coffee Pot

Modified State | Deconstruction of Bounding Box

Branch Skeleton | Deconstruction of Main Branch

42


\\ 0 6 SIMPLEXITY Interacive Architecture Seminar Champaign, Illinois Studio Work, University of Illinois at Urbana Champaign Partner: Aaron Laniosz Critic: Therese Tierney Simplexity is an interactive surface which materializes furniture when its use is needed. A chair appears when a person begins to sit. A shelf emerges when an object is lifted. A mantle recedes the moment it is empty. Simplexity reduces visual complexity while maintaining a room’s functionality through a surface of tensioned elastic fabric. Interaction begins as sensors in the wall detect proximity. The sensor then relays a signal to servo motors which bring forth the desired furniture geometry

43

44


Grasshopper + Firefly

Human Motion

Sensor

Motor 1

Umbrella Arm Draws Back 1

Umbrella Arm Stretches 1

Shelf

Motor 2

Umbrella Arm Draws Back 2

Umbrella Arm Stretches 2

Mantel

Motor 3

Umbrella Arm Draws Back 3

Umbrella Arm Stretches 3

Seat

Arduino

Demo Model Flow Chart

It Starts From a Normal Wall

When Something Get Close to It It Reacts

The Mug Will Cover the Sensor So the Shelf Stays

Back of Wall Set up

Grasshopper Script Uno Board Set up

Wall Movement Test Story Board

45

Overall Structure

46


Human Proximity

Back of Wall Structure

Interactive Wall

Sitting Area

Motor

Supporting Wall Structure

In the reconsideration of architectural space through interactive computational systems, the element of furniture must be examined. Furniture, often a hybrid between environment and object, has long balanced between the realms of architecture and consumer product. Furniture undoubtedly defines the rooms we inhabit. Tables and chairs occupy increasingly valuable floor area while shelves, windows, and mantles clutter walls both visually and spatially. Yet, with the emergence of responsive technology, the volume occupied by these objects comes into question. Furniture no longer needs to exist when it is not in use. This is the advancement that Simplexity demonstrates. Furniture becomes a building system integrated into the architecture. The complexities of the environment’s components are brought into the wall of the building proposing a more homogeneous organization of interior space and function. Simplexity inherits Modernism’s understanding of spatial minimalism while taking a futuristic approach to the activation of the architecturally designed surface

Exploded Wall Section

47

Section 1: 1/8”=1’0

48


T H A N K Y O U XUEXIA LI Selected Work Since 2015 633 W Rittenhouse St, Apt A0507 Philadelphia, PA19144, USA (217)778-6246 xuexiali@upenn.edu

Portfolio Xuexia Li  

Selected Work Since 2015

Portfolio Xuexia Li  

Selected Work Since 2015

Advertisement