XINTONG ZHAO Design Portfolio for UW MHCI+D consideration
XINTONG “CHARLES” ZHAO
Education University of Illinois at Urbana-Champaign Aug 2013 - May 2017
- Bachelor of Science in Architectural Studies - University of Illinois Campus Honors Program (advanced courses) - European Union Center Brussels 2014 Summer Program
University of Pennsylvania Aug 2017 - Present
About Me
- Master of Architecture candidate - The Wharton School Real Estate Design and Development Certificate
Graduated with Chancellor’s Scholar Honor in architecture and took courses from various fields of studies, I enjoy drawing inspirations across disciplines to deliver meaningful solutions to challenging problems. Creating memorable experience for people is also a passion of mine. By prototyping and working iteratively, I like to push my project to a depth that the experience is valuable and appealing to users.
Honors University of Illinois Class of 2017 Chancellor’s Scholar MakeSeries 2 Design Competition Finalist Dean’s List: Spring 2015
Skills
European Union Center 2014 Travel Scholarship
Rhino Sketchup AutoCAD
Experience
Illustrator
Shanghai DAO Design & Consulting Co., Ltd.
Photoshop InDesign
Architecture Intern
Excel
Languages Mandarin
Native
Shanghainese
Native
English
Professional
Elementary
German
Contact Phone
217-898-7747
charleszhao1023@gmail.com
Portfolio
issuu.com/charlesxintongzhao
Home
2930 Chestnut St., Apt 2408 Philadelphia, PA 19104
2
Jun - Jul 2015
Produce post-design CAD drawings within a team of architects and structural engineers for a highdensity apartment complex of 1,500 residents in Pudong, Shanghai Prepare 2D and 3D drawings and diagrams for presentation and client meetings Work closely with clients on program design within a team of senior architects for a business district in Qingpu, Shanghai
University of Illinois Ricker Library of Architecture and Art Student Library Assistant
Sep 2014 - May 2017
Assist patrons at the circulation desk, shelve books, and upkeep of library stacks Responsible for opening and operating the library on my own during weekends
Society of Business and Management in Architecture Vice President/ Treasurer
Mar 2014 - May 2017
Overlook and manage the fund within the twenty-people organization Connect with professionals in the architecture firms around Chicago area and invite them to be guest speakers in our regular meetings which helped over a hundred undergraduate and graduate students in School of Architecture to know more about the professional life of an architect
Illinois Solar Decathlon Team Member
Aug 2014 - May 2016
Design a livable, single story, sustainable house for Solar Decathlon 2017 Competition Collaborate with a team of 22 students from architecture, engineering and computer science majors on a weekly basis
CONTENT 1
champaign incubator office building for startups|downtown champaign, il
11 19 25
campus honors program center university building|university of illinois at urbana-champaign
kickapoo campgrounds campgound|kickapoo state park
Spatail Grid makeseries 2|architecture annex|finalist
31
Aditional Works
12
2
N
champaign incubator office building for startups|downtown champaign, il senior studio project
2
41local business
etc 18%
3 banks and atms 3%
27 restaurants bakery and pubs
5 shops and supermarkets 5%
3 hotels and apartments 3%
in the neighborhood (1000ft radius) train station senior center local business
downtown champaign Site Analysis situated on main street in downtown champaign, the i-cubator is an office building specifically designed for startup companies. every year thousands of u of i students graduates from the univeristy and go on with their career. the fact that u of i is a huge engineering and computer science university gives hundreds of graduates opportunities to start their own company. Having a startup company location relatively close to a college town means endless fresh talents and resources.
3
restaurant pub office building residential
User Group Analysis corporate office
work time
typical office space
In the typical commercial office building, floors operates in isolation. Eveyone works individually most of the time. interactions are minimal.
Nine-to-five is a word specifically used to describe the working schedule of a corporate worker. There is no work overtime commitment. So no strings attached.
traditional office space
startups
startup office space
work time
Work around the clock for a new product or a public funding is everyday life for startup companies. Thus a comfortable and well-quipped office space is crucial to the employees.
Communication between employees is essential for startups. Everyone one is involved in the decision making process. Ways of blurring the seperation between floor are desired
+ lounge
+ office
activity space
4
Project Vision The project aimed to create an interactive and unique office space for startup companies. By breaking the floor barrier, the spaces would encourage conversations to happen between creative minds. Also community engagement related spaces such as product display and auditorium was intended on the lower levels of the incubator.
Design Process
available volume
alley creation
5
2
program seperation
push in facade for maximum sunlight in the afternoon
mechanical room
up
building storage
up
up
building storage
up
up
up
dn up
building manager office
dn up
product display
dn
up
cafe storage
dn
up
ground floor
2nd floor
3rd floor
Idea Alley The alley created in between the neighboring building and the incubator is a public walkway connecting Main Street and the rail yard. It works as a backyard space for employers of the incubator. Considering a senior center is right across the street to the incubator, I transformed it into a public walkway with vegetation and benches for the people of Champaign.
6
Startup Development Phases & Program
Scaling Accelerating growth and customer adoption
8th floor the skyroom large meeting room mini library lounge offices reception area restrooms
7th floor
Market Fit Key performance indicators (kpi) identified and attract funding
group project spaces large meeting room lounge offices reception area restrooms
6th floor
Public facilities like printing room and activity spaces are placed in the middle level to encourage interation among people from different levels
the print room kitchen game room gym mini theater lounge
5th floor Product Development refinement of the product & sales to early adopters
group project spaces large meeting room lounge offices reception area restrooms
4th floor Minimum Viable Product Creation of first generation product and initial market testing
7
2
maker lab product showcase offices reception area restrooms
dn
up
up
Form Follows Function
up
up
op e t n be o lo w
8th floor
up
dn
7th floor
Program Diagram
op e t n be o lo w
up
up
up
The lower levels of the incubator has a cafĂŠ, an auditorium, staff offices and display spaces. These levels are open to the public, so companies can showcase their product to the general public. The upper levels are the offices space with restricted access.
dn
up
up
up
6th floor
up
op e t n be o lo w
5th floor
up
South Elevation
4th floor up
As the main facade of the building, the south facade uses a glass-fin system to maximize transparency. From anywhere in downtown Champaign, one can see the different spaces being used as well as the movement throughout the upper levels.
8
South Facade Perspective As the centerpiece of the incubator, the south faรงade showcases the kind of interactive and unique office experience I intended to design. The building stands at the heart of downtown Champaign, representing the vigorousness of the city.
9
7th floor lounge area with views of the skyroom
view of 5th, 6th& 7th floor
10
11
2
campus honors program center university building|university of illinois at urbana-champaign junior studio project
12
23:00
00:00
01:00 02:00
22:00
03:00
21:00
20:00
04:00
19:00
05:00
06:00
18:00
07:00
17:00
08:00
16:00
09:00
15:00 14:00
10:00 13:00
12:00
11:00
students
instructors
staff
chp students
professors activity organizer
chp program staff maintenance staff
passersby
residents
night owl
college student visitors
local residents college students
concert-goers party-goers
User Group & Site Analysis Situated at the center of university of illinois, the new campus honor program house will be another physical symbol of U of I. The location of the building is special because there are education facilities, a music hall and some local businesses around the intersection. A demographic study around the area is conducted for design consideration.
132
2
Perimeter Mass 10ft set back according to the university building code
Axial Cut Double loaded corridor arrangement allows most efficient use of space
Fragmentation of Site Main enterance locates on goodwin where most of the students will be coming from
Program Allocation
00:00
00:00
06:00
18:00
06:00
18:00
12:00
12:00
residential
classrooms/ staff offices
00:00
00:00
06:00
18:00
12:00
educational facilities
00:00
06:00
12:00
shops/ music hall
both campus buildings and the library in the campus honors program center opens fairly late at night, so these two can be placed at a close location.
library/ computer lab
00:00
18:00
06:00
18:00
12:00
Most of the students get off class and go back home around 7p.m., while the offices and classrooms in the building are used between 9a.m. to 5p.m. the mismatch of the program and the context according to time of use creates ideal work/study space for people in both cases.
06:00
18:00
12:00
the entertainment area and student lounge in the campus honor’s program center are usually used late in the day which correspond to the surrounding retail places and krannert art center
entertainment area/ student lounge
14
Program Designation
UNG
E
MEN’S WOMEN’S
E GARD
ENTERTAINMEN
KITC
HEN
ENTRYPTION
STAFF LO STAFF STUNGE STAFF STAFAFF STAFF S STAFF F MEN’ DIRECTO TAFF WOMEN S ’S R REC E
COPY F IL
O
U
D
E
SE
A TI
N
G
T
EN
200 BUILDING ENTRY 100 OUTSIDE SEATING PARKING
M G ARDEN LIBRAR LO Y
TS I
15
1000 ENTERTAINMENT AREA
100 LOCKER
CLASSROO
CONFERENC E
ground floor
420 VERTICAL GARDEN
250 STUDENT LOUNGE
CLASSROO CLASSROO M M
500 LIBRARY
upper floor
450 COMPUTER LAB
500 CONFERENCE ROOM 150 STAFF OFFICE 150 STAFF OFFICE 150 STAFF OFFICE 150 STAFF OFFICE 175 STAFF OFFICE 175 STAFF OFFICE 175 STAFF OFFICE 175 STAFF OFFICE 150 RECEPTION 225 DIRECTOR OFFICE 150 FILE ROOM 100 COPY ROOM 75 SUPPLY CLOSET 125 STAFF LOUNGE
750 CLASSROOM 750 CLASSROOM
1000 CLASSROOM
Required programs are designated to each space according to my program allocation idea. Library, EXPLODED AXONOMETRIC student lounge and entertainment area are put right at the street corner to emphasize the role of communication in the learning process. A vertical garden is added to the building which would be the home of the beloved Honor House Tree.
EXPLODED AXONOMETRIC 16
East Elevation
North Elevation
17
2
View of library and student lounge
Double loaded corridor with the view of library and vertical gaerden
18
19
2
kickapoo campgrounds campgound|kickapoo state park junior studio project
20
Model Transformation Design started with a simple triangle. Of all building shapes, triangular body has the least physical presence which is crucial for a camp ground in a state park. Pushing and pulling the three walls of the shape, a huge rooftop window was made. an entrance was added to complete the hut design.
212
Disability Consideration
ADA Hut Floor Plan ADA accessible huts aimed to serve people with disabilities better and let them enjoy the fun of camping as much as abled people do. The placement of the furniture and space between are carefully designed to meet the need of people with wheelchair. 60 inch turning radius 36*48 minimum maneuvering clearance
ADA Accessible Bathroom The placement of the toilet and sink are carefully designed to meet the need of people with wheelchair. handrails are added for safety and earier use.
Camping Hut Interior View A bed, a nightstand, a table, a chair and simple lighting. What else can you ask for for a night in the woods with your favorite people? Also the gigantic window over your head provides magnificent view into the night sky.
22
Exploded Axonometric
23
2
communal space for gathering, cooking, eating, and controlled fires
shared path the campground is at the same level with the hiking path
ada accessible dock all people can enjoy canoeing with carefully design ada dock
site section rather than lift the whole campground up from the ground for easier design, i chose to build the huts as close to the topography as possible for the simple reason that people come to the camping to get closer to the nature.
24
design brief the site for makeseries2 is the north gallery in the architecture annex (architecture studio for sophomore). the boundaries of the gallery are outlined to be a rectangle defined as the 3 existing walls with the southern boundary to be 20 feet from the north wall. students are asked to create an installation that will a) define and seperate the gallery from the work spaces B)give an additional function to the space. this additional function is left for each submitting team to conceptualize. designs should not inhibit the use of the space as a gallery nor require maintenance other than routine cleaning that the gallery already receives.
25
2
spatial gird MakeSeries design competition spatial grid|architecture annex|finalist project team: yanhao liu, meng ma, ziye zhong, xintong zhao
questions we asked the most in sophomore studio: what is the dimension of a stair?
how long is 3 feet? what is 10 feet in meters?
how tall is a stool?
what is the width of a door frame? 26
Design Process
Project Detail Overview
Measurements of space
12 ft
In order to redefine the gallery space inside sophomore studio, add some new functions, and keep the current use of the gallery (pin-ups, lounge, tutorials, etc.) as much as possible, we use a well-developed grid system as the core of our design. the grid system can help these new architecture student establish their sense of scale and space.
Floor & West Wall The grid we develop is in real scale, starting at 1ft x 1ft squares and ending with 4ft x 4ft squares. The grid is consist of all possible sizes of squares within the 28ft x 20ft boundary. that means students can measure any length within the boundary which is more than enough for new architecture students. label the space like scale ruler
an additional 8ft-wide shelf is added at the west wall as a physical extension from the grid.
North Wall
creat basic grid layout
272
We extend the grids onto the northern wall by creating a one-point perspective drawing, which helps visually extend the gallery into the wall, making the whole space look wider. The center of the one-point perspective can also be used as the projection screen of tutorial projections. A stair block is designed in the corner and draw the half of it onto the one-point perspective as well. The stair becomes a connection of the real world and the world inside the wall. The grid on the west wall extends out as a shelf, which emphasizes the transformation from 2D to 3D and creates an interesting and consistent aesthetic throughout the entire gallery.
north wall
west wall
floor
28
ways of using the grid
29
10*10 Bedroom with standard door height
6*8 Standard elevator shaft size
Standard public bathroom size
1:12 Standard ADA ramp / Standard rise and run of a staircase
Standard staircase plan view and landing area
Standard size of an ADA parking spot
10*10 Standard column spacing
Curves can be drawn in the grid system
With the grid system, students can experience the spatial sequence they designed!
2
The storage shelf is a physical extension from the grid
Close-up view of the grid
Spatial Grid used as a projection background
30
Additional Works Travel Sketches
Rome
downtown champaign
31
Duomo Church, Florence
Somewhere in New York City
hvac system drawing (incubator project) cooling tower
chimney
vav unit
supply return exhaust reheat coil
open to below
exhaust fresh air intake fan room
hvac system on a typical floor
hvac section chiller
wall section
boiler
rendering works
(incubator project)
(junior studio chicago brown line station project)
metal coping 7� rigid insulation
double pane insulating glass unit glass fin
horizontal glass piece
4-way spider connection
dropped ceiling
glass-fin system
32
End of Design Portfolio for University of Washington MHCI+D consideration
xintong charles zhao M. Arch Candidate | University of Pennsylvania, 2020 B.S. Architectural Studies | University of Illinois at Urbana-Champaign, 2017