Hadi El Kebbi | Portfolio_2022

+

+

Hadi El Kebbi University of Pennsylvania | M.Arch 22’ //Selected works from my graduate experience

+

+

WELCOME! Hey! I’m Hadi, and I’m an aspiring architect, musician, and computational designer from Beirut, Lebanon.

For the past 7 years, I’ve immersed myself in all aspects of architecture, design, and community engagement. I’ve been extremely fortunate to have worked with award-winning architects such as Bernard Khoury, highly-distinguished researchers in the field of architecture such as Masoud Akbarzadeh, and social justice design groups such as PennPraxis.

I hope you enjoy my portfolio which features selected works in public commons and computational design!

Table of Contents //01. Callowhill Paradiso //02. Structurally Optimized Joint //03. Sublime Multiplicity //04. Carbon Fiber Pavilion //05. SIX-TWO-FIVE //06. Artbridge. //07. Spirudelphia

//Left Personal Photography from 2017 Zaha Hadid Issam Fares Institute Exhibited in ‘Portraits of Beirut’ exhibition at Lehigh University

03 13 19 33 39 45 57

CALLOWHILL PARADISO Instructor Brian De Luna Location Philadelphia, PA

Public Commons | WATER PURIFICATION PLANT //SPRING 2020

//01, 02 Precedent Studies

While the importance of water is arguably needles to re-iterate, it is unfortunately still overlooked to this day, especially in areas with direct access to it. In Philadelphia, the main sources of water come from the Schuylkill and Delaware Rivers. As powerhouses for all activity in the city, the quality of these sources greatly affects the quality of activity they propel.

Precedent studies begin to inform program materialization and articulation.

By combining the primitive figures derived from Aldo Rossi’s cube and Mies van der Rohe’s Nieunationalgallerie with previously made maps, new investigations of form, program, and relief could be made.

//03 Figure Ground Study Personal interpretation of Frank Stella’s work.

//04 Abstracted Map Personal interpretation of Philadelphia’s water waste crisis in an abstracted map.

//05 Mapped Texture

The city of Philadelphia has, throughout the years, gravely suffered from poor wastewater management techniques. Its poor infrastructure and lack of management thereof has driven its wastewater - in the form of sewage, industrial waste, etc...- to be dumped in both, the Schuylkill and Delaware River. In addition to governmental and municipal neglect in providing a sustainable plan for the city’s liquid waste disposal, the centralization of industry and influx of tourism in Philadelphia has perpetuated the aforementioned issue.

What follows is a preliminary research highlighting key components of or pertaining to Philadelphia’s wastewater management. Said research will provide important information to consider from infrastructural, economic, and social perspectives of the matter. This will potentially pave the way for a better, more sustainable wastewater management plan that will purify the quality of Philadelphia’s water, thus enhancing the quality of life within it.

Combination of previous maps onto a final map exploring how texture and art could explain Philadelphia’s water waste crisis.

01 03

02 | Callowhill Paradiso

02

03

04

05 Public Commons | Computational Design

04

//01, 02 Form + Texture Studies A study of the deconstruction and reconstruction of a cube using figures drawn from previous formal exercises, followed by a study of how maps created can start to produce texture and relief.

//03 Project Lifespan

01

10 years later, and the early project conception has merged itself with its surroudnings, becoming one with the Callowhill railroad. Nature has taken its time to leave a footprint on the project itself, and such a footprint is celebrated to emphasize the rawness of the material.

02 05

01 | Callowhill Paradiso

Project Lifespan | What would happen in 10 years?

10 years later, and the early project conception has merged itself with its surroudnings, becoming one with the Callowhill railroad. Nature has taken its time to leave a footprint on the project itself, and such a footprint is celebrated to emphasize the rawness of the material.

03 Public Commons | Computational Design

06

Typology 01 The creation of the market, and its integration with a water treatment facility, was conceived through an understanding of the Brutalism of architects such as Aldo Rossi and Carlos Scarpa, and the delicate attention to detail of Mies van der Rohe.

07

01 | Callowhill Paradiso

Typology 02 The inspiration of different architects is only a part of the design and program conception. What guides the two is geometry and celebration of figural seams, done by studies that hold some significance to Philadelphia’s demographic history in their visual interpretation.

Public Commons | Computational Design

08

Ownership of Nature What is important to emphasize is the integration of non-human and human spaces that give an argument for the project’s autonomy. While different areas such as the market and gallery are spaces for human interaction, certain spaces are designated for nature to take its absolute freedom in flourishing and proliferating. The water treatment facility, despite its role in purifying water for human use, also serves a role of sustaining the non-human spaces that are meant to be observed but not experienced.

09

01 | Callowhill Paradiso

Public Commons | Computational Design

10

Footprint The project’s footprint is guided by several factors: the different typologies/design principles combining Brutalism and industrial detail, the figural seam inspired by Philadelphia’s industrial and demographic history, and the surrounding context that guided the program’s dispersal and provided opportunities for interaction between the market and the urban environment.

11

01 | Callowhill Paradiso

UP

PE

R

LE

VE

L IN

DU

ST

RIA

LG ALL

ER Y+ RE

CR

EAT

IO

N

SC AS REE N EN TR AN CE

WAT

ER

FILT

RAT

ION

MAC

HIN

ER Y

RE

CR

EA TIO

N

ST AIR CA

SE

SU

BTE

RR

AN

EA

N

FILT

RAT

IO

N

MA CH

IN

ER Y

Choisy Such views provide more information pertaining to the project’s program, design principles, and interaction with the urban environment.

Public Commons | Computational Design

12

STRUCTURALLY OPTIMIZED JOINT Instructor Masoud Akbarzadeh Collaborator Umar Mahmood Location Philadelphia, PA

Computational Design | GRAPHIC STATICS TIMBER JOINT //FALL 2021

//01 Top View

The impact of graphic statics in the field of structures is impeccable, yet not very much expressed aesthetically. Building on Dr. Masoud Akbarzadeh’s research, the structurally optimized joint is a result of the integration of structural graphic statics with design and fabrication - particularly using timber.

Render of the module in its top view expresses some elements of asymmetry.

The work was presented for Masoud Akbarzadeh’s ARCH 732, where students were tasked with designing and fabricating a structurally optimized joint with the least amount of material waste possible. Additionally, the joint components would have to be CNC-ed with a 3-axis mill, and able to withstand forces in multiple directions.

//02 Axonometric view of module showing multiple points of connection and joinery.

For this joint, there was an exploration of the hammer-headed tenon joint, and some elements of Japanese wood joinery that utilize the use of keys and locks to lock the structure in place. What was produced in the course of 4 weeks was an elegant interpretation of graphic statics that utilized aforementioned techniques.

01 13

02 | Structurally Optimized Joint

02 Public Commons | Computational Design

14

(d)(d) (d) (d) //01, 02 Graphic Statics To establish the structural principles of the joint, exercises utilizing graphic statics were applied to produce dome structures with nodes where most of the forces were applied.

Such iterations were producing using Polyframe, a plugin developed by the Polyhedral Structures Laboratory at the University of Pennsylvania, lead by Masoud Akbarzadeh.

//01

//03 Creation of Dictionary Using Python scripting, a key was developed to document relationships between nodes and joints. This was helpful not only in the distribution of forces between members, but also for fabrication purposes where every component was labelled.

(b)(a) (a)(a) //03 CNC Layout Members that were CNC-ed were laid out on the bed as shown based on the dictionary established.

//02 15

02 | Structurally Optimized Joint

//CNC Keys To produce indents within joints, CNC Routing is utilized.

//CNC Members To produce indents within joints, CNC Routing is utilized.

//Kerfing Joints To produce bendable joints, wood kerfing is utilized.

//Exploded Axonometric Showing Assembly

(b) (b)(b)

//03

//04 Public Commons | Computational Design

16

01 //01 - 06 Model Photos Small-scale models for two separate components were fabricated using CNCed wood members and kerfed joints.

02

05

//07 Piece Connections Components could be joined together to aggregate across dome structure.

03

04 17

02 | Structurally Optimized Joint

06

07 Public Commons | Computational Design

18

SUBLIME MULITPLICITY Partner Richard Rodriguez Instructor Danielle Willems Location Philadelphia, PA

Public Commons | DATA CENTER + WATER TREATMENT FACILITY //SPRING 2021

Published in Pressing Matters 10 //01, 02 Precedent Studies Precedent studies begin to inform program materialization and articulation. In the first exercises, studies of Oscar Neimeyer’s sculptures in Tripoli, Lebanon began to give direction on form, materiality, as well as interactions of architecture and water.

//03 Data Center Typology A study on how data center servers could be stored and cooled within non-normative bodies.

Sublime Multiplicity expresses an intrigue with concepts of the sublime, the ambiguous, and the estranged. It intends to address multiple readings of architectural spaces through form, hybrid materiality, and expressions of light in order to redefine conceptions of water treatment centers and data centers to create a unique typology reminiscent of the two.

It creates an enclosure that wraps around the Pennsylvania Water Works’ boardwalk, inviting inhabitants to congregate and introducing them to a newly-defined form of accessibility, where once inaccessible programs become transparent and welcoming, guided through form and materials that inform elements of private and public.

Throughout this project, there has been a celebration of the machinic, monolithic, and infrastructural. Sublime Multiplicity intends to redefine perceptions of the sort, through spaces that invite the public to interact and learn more about such programs.

With a newly developed system of storing data center server racks, pushing the boundaries of immersion cooling and water purification, and the reactivation of Philadelphia’s subterranean spaces and addressing its sewage crisis, Sublime Multiplicity offers agency to the city of Philadelphia, giving its inhabitants what was rightfully there’s.

01 19

03 | Sublime Mulltiplicity

02

03 Public Commons | Computational Design

20

Purification as Public Commons Purification of water becomes an immersive social activity that brings visitors and residents together

Partner Richard Rodriguez Instructor Danielle Willems Location Philadelphia, PA Purifying Philadelphia Published in Pressing Matters 10 Purified water addresses the issue of Philadelphia’s combined sewer system, giving pure water back to its residents while activating it’s underground tunnels

De-ionization Purified water is then deionized through tanks that spread out cation and anion resins

Heat Dissipation Heat dissipated from the cooling process rises to the top of the tower and leaves through a series of machinery on the top portion of the tower

Dispersal Purified water then returns to Philadelphia through a series of master pipes that spread to the city

//01 Image Logo //02 Data Tower Render

Secondary Treatment This process involves aeration tanks where the water is further purified Primary Treatment Water then goes through a series of primary clarifiers to separate solid contents from liquid Preliminary Treatment Water is collected through a pump into the pooling area to go through rotating screens

Cooling Tower The cooling tower offers immersion cooling to the data center racks that area stored in the pods

//01 Systems Diagram

Flow of Water, Data, and People The main element of flow in this proposal is that of water, which gets purified through the water treatment center and then gets pumped back into the city, as well as to a cooling tower (after getting deionized) where data center server racks are stored vertically and cooled via immersion cooling.

21

03 | Sublime Mulltiplicity

//02 Floorplan

Public Commons | Computational Design

22

//01 Verticality of Cooling Tower The section shows the verticality of the tower and data center racks, in addition to the activation of subterannean spaces as areas for exploration and interaction.

02 //02 Data Center Server Typology Data center server racks are stored vertically in pods inside the cooling tower.

//03 Data Center as Public Space This new typology of data center cooling and storage allows visitors to walk through the spaces, and witness the process, breaking boundaries of private and public.

01 23

03 | Sublime Mulltiplicity

03

Public Commons | Computational Design

24

1 1

2 2

//Spatial Organization The chunk above shows the elements of the facade which is covered Day and Night elevations with callouts with a thermochromic pigment that reacts to the internal temperatures Day and Night elevations with callouts of the tower. The relationship between subterannean spaces, exterior and interior spaces, and circulation is also apparent.

25

03 | Sublime Mulltiplicity

University of Pennsylvania | ARCH 602-Studio | Monolithic, Machinic Hybrids | Spring 2020 | instructor: Danielle Willems University of Pennsylvania | ARCH 602-Studio | Monolithic, Machinic Hybrids | Spring 2020 | instructor: Danielle Willems

1 1

Sheet metal ceiling cladding system

1 1

Flashing

2 2

Concealed gutter system

3 3

Mullion for glazing and connection to 4 perforated metal 4 cladding Rigid foam 5 5 insulation

Cladding + 01 Roof & Integrated Water Collection System //Detail Cladding + Roof & Integrated Water Collection System 1. Sheet metal ceiling cladding system

2.1.Concealed gutter with flashing Sheet metal ceiling cladding system Cladding +system Roof Connection 2. Concealed gutter system with flashing

5. Mullion for glazing and connection to perforated metal cladding 6.5.Rigid foam Mullion forinsulation glazing and connection to perforated metal cladding 6. Rigid foam insulation

Perforated metal sheet cladding

1 1

2 2

Ceiling structure with light fixtures

2 2 3 3

Structural Mullion

Glazing system with insulation and spandrel

4 4

Thermal regulating pipe system integrated to floor

5 5

Rigid foam insulation

6 6

Main Cladding & Perforation System

Main Cladding Perforation System //Detail 02sheet&cladding 1. Perforated metal 2.1.False ceiling metal structure with lighting fixtures Perforated sheet cladding 3.2.Mullion with structure connected to cladding False ceiling structure with lighting fixtures framework 4.3.Glazing with insulation and spandrel Mullionsystem with structure connected to cladding framework 4. Glazing system with insulation and spandrel

Main Cladding + Perforation System

project title: Sublime Multiplicity project title: Sublime Multiplicity

| |

5. Thermal regulating pipe system integrated to floor 6.5.Rigid foamregulating insulation pipe system integrated to floor Thermal 6. Rigid foam insulation

student team : El Kebbi, Hadi - Rodriguez, Richard student team : El Kebbi, Hadi - Rodriguez, Richard

| |

Scale: 1’ - 0 = 3/4” Scale: 1’ - 0 = 3/4”

Public Commons | Computational Design Weitzman School of Design Weitzman School of Design

26

During the Day During the day, the polycarbonate cladding on the facade has a degree of translucency registered.

27

03 | Sublime Mulltiplicity

During the Night During the night, internal lights illuminate the polycarbonate cladding, adding a different registration of the facade as time passes.

Public Commons | Computational Design

28

Water Treatment Public Commons Spaces of the water treatment facility are activated in order to allow visitors to immerse themselves in what is regarded as an infrastructural and inaccessible program.

29

03 | Sublime Mulltiplicity

Subterannean Public Commons Spaces above ground and below-ground are activated, allowing visitors to experience different degrees of verticality. In the image above, visitors experience elements of the water treatment facility (purification and redistribution) belowground.

Public Commons | Computational Design

30

CARBON FIBER PAVILION Instructor Ezio Blasetti Collaborators June Mingyang and Umar Mahmood Location Philadelphia, PA

Computational Design| DEPLOYABLE PAVILION //SPRING 2021

//01, 02 Tessellation Studies

The purpose of this pavilion was to explore the different possibilities of design and form that could be established through carbon-fiber robotic weaving.

A study of how cuboidal structures could tessellate, aggregate, and vary within space.

//03 Pavilion on Site Render showing Philadelphia visitors interacting with Pavilion

The pavilion was challenging on many aspects, particularly through fabrication as well as deployment. It was necessary to ensure that the pavilion’s components were easy to fabricate and assemble, with a logical relationship between each other.

Additionally, it was necessary to address how such a pavilion could be introduced into a site and offer some engagement and interactivity to the public.

Research into robotic weaving of carbon-fiber has become increasingly more prominent with multiple efforts into integrating it into built construction projects.

The pavilion produced was for Ezio Blasetti’s ARCH 732, Composite Computational form.

01 33

04 | Carbon Fiber Pavilion

02

03 Public Commons | Computational Design

34

//Exploration of Form A study of the multiple ways an indivudal cube could be subdivided with multiple individual modules.

//Cubes as Modules A study of how different forms could occupy the boundaries of a single cube using different formal languages and techniques

35

04 | Carbon Fiber Pavilion

Topological Structural Optimization In an attempt to optimize the structure and topology of the massing based on loads and supports, topological structural optimization using Millipede (Grasshopper Plugin) was done, analysing the different deformations the structure could be prone to and producing a new form (right) that could accommodate for such stresses and forces.

//01 Vonmises Stress

//02 Bending

//03 Final Massing Composite Computational Form | Stuart Weitzman School of Design, instructor: Ezio Blasetti

design team: Hadi Kibbi, June Mingyang Yuan, Umar Mahmood

//Formal Reconfiguration for Fabrication

//Custom Jig

After establishing a final form, it is then broken down into components that could be fabricated based on a robotic jig.

A custom jig was made to allow for the fabrication of the component robotically.

Public Commons | Computational Design

36

01 //01 - 05 Model Photos 2 Modules were fabricated as multiple parts of a whole.

05

02 //06 Robotic Fabrication Modules were fabricated using the sequential weaving of carbon fiber around a jig for every countour of the component/ mass.

03 //07, 08 Model on Site The pavilion was envisioned to be deployed by the Philadelphia Waterworks and thus engage the public with an innovatively fabricated and aesthetically compelling installation.

04 37

04 | Carbon Fiber Pavilion

06

07

08 Public Commons | Computational Design

38

SIX - TWO FIVE Instructor Emmett Zeifman Collaborators Ellie Garside, Honhongg Hung , Lauren Hunter Location Philadelphia, PA

//01 Silhouette Drawing Silhouette Drawing of Final of infite forms established.

//02 Render On-Site On-site render of pavilion installed at the Philadelphia art-musuem.

Computational Design | Pavilion to House Artefacts //FALL 2019 | Team Design + Fabrication //SPRING 2022 | Individual Development of Formal Algorithm for self-generation of Pavilion This pavilion features the wooden joint was explored as an opportunity to aggregate a complex system with a clear set of rules. There was a particular interest in how form can be generated without any final form in mind. Because the system is flexible, it can create an infinite amount of variationin terms of size, mass, and form, while maintaining an expressive visual language.

This cabinet was created by a robust system that can support itself as well as the artifacts.This is one manifestation that is specific to these four artifacts from the Penn Museum. While rules may seem restrictive, they allow for the system to manifest in many different ways. The rules are specific to the creation of the modules, the connection of modules, and number of modules that the system can support.

The artifacts within the cabinet are strategically dispersed based on visual and topological hierarchy. The interstitial spaces were built to support the pseudostructures. As a result, the system generated a field of colorful modules which house four very different artifacts from the Penn Museum.

01 39

05 | SIX - TWO - FIVE

02 Public Commons | Computational Design

40

//01 Variation of Module Types

//0 Var 00

//1 Var 01

//2 Var 02

//03 Var 03

//04 Var 04

The joints vary based on their surface area of contact. Each variation is assigned a number from 0 to 4.

//02 Variation of Module Connection

//0 Con 00

//1 Con 01

//Var {3,0} //Con 0

//Var {2,2} //Con 1

//2 Var 02

//03 Var 03

//04 Var 04

//05 Var 05

//Var {4,2} //Con 2

//Var {3,1} //Con 3

//Var {4,0} //Con 4

//Var {1,2} //Con 5

The joints can connect to each other 6 different ways. Each connection type is assigned a number from 0 to 5

//03 Varying Types and Connections Different module types can connect to each other in multiple connections, creating different possibilities of aggregation

//04 Automated Aggregation

0.

1.

2.

3.

4.

Aggregation is created with a recursive Grasshopper python function. It can be controlled using two inputs: //Boolean Toggle turns the function on //Count number slider that determines the number of modules in the aggregation.

It generates two lists, and the pairing of an instance from each list determines the module and connection types.

5.

41

05 | SIX - TWO - FIVE

6.

7.

8.

Aggregation following Form Aggregation was used to generate a pavilion that housed 4 distinct artefacts provided by the Penn Museum. Project was displayed at the Penn Museum for 2 weeks in October 2019.

Public Commons | Computational Design

42

ARTBRIDGE. Instructor Jonas Coersmeier Location Brooklyn, NY

Public Commons | ARTIST + CREATIVE HOUSING //FALL 2020

//01,02 Material and Texture Studies

Artbridge is a proposal that tackles social and artistic housing, resident engagement, and creative collaboration by celebrating the rich artistic culture of Fort Greene that has had a history of resilience through artistic expression. From Spike Lee’s 40 Acres and a Mule, to the Afropunk Festival and International African Arts Festival, Fort Greene has been a rich venue for artistic creation. The last two, in particular, are popular events that host people of all ethnicities to celebrate their cultures and diverse forms of artistic expression. They take place in Commodore Barry Park, a green space that is located right in front of our site. The park has several other programs, such as a baseball field, basketball courts, and a swimming pool.

Preliminary analog studies of how different materials can be mixed and cast to create provocative finishes.

//03 View Looking Up The view looking up introduces the project’s texture and material palette. Additionally, it shows how the housing units inform the facade, whether through solid or void.

The intervention I am proposing takes the form of an artistic housing residence, where both artists and non-artists can creatively collaborate and learn from one another, with responsibilities of engaging with each other as part of their housing duties. Fort Greene itself is home to several organizations that support artists such as Alliance of Resident Theaters and Brooklyn Academy of Music.

Artbridge sits itself as a sculpture that bridges Commodore Barry Park and the site itself, portraying itself as a notable mecca for those who create art, learn it, and/or coexist with it.

01 45

06 | Artbridge.

02

03 Public Commons | Computational Design

46

Material Studies The overall aesthetic of the building relief, facade, and organization of program was brought forth through a series of digital and analog studies comprised of material casting (using various resins, plaster, Rockite, cement, and alcoholic ink), 3d printing, photogrammetry, and image manipulation (using Processing and Photoshop). //Building Elevation 47

06 | Artbridge.

//03 Year 10 Render

Public Commons | Computational Design

48

Typology 01 | 2 BED: Upper Plan (Left), Lower Plan (Right)

Typology 02 | 4 BED: Upper plan (left), Lower plan (Right)

Typology 03 | 3 BED: Upper plan (left), Lower plan (Right)

Unit Typology + Cluster In terms of the private commons, the units that compose the housing section itself allow for some spatial flexibility. Their typology allows for a nonlinear aggregation that creates interstitial spaces, which are designated collaborative areas. Units have polarized exits that allow residents to ricochet between different forms of creative collaboration. By opening the door to a jam session on one side to opening the door to a figure arts lesson on the other, units become micro-corridors that connect the arts together.

49

06 | Artbridge.

//Typical Floorplan Public Commons | Computational Design

50

//Whole Building Section 51

06 | Artbridge.

//Cluster Section Public Commons | Computational Design

52

Private Exploration Artists will have the opportunity to have private workplaces within their apartments for individual exploration.

53

06 | Artbridge.

Public Collaboration Artists will have the opportunity to collaborate with others where there is an event taking place at every level of the units.

Public Commons | Computational Design

54

Sit

//Callout 01

Chunks Despite the distinction in material qualities, Artbridge aims to solidify newly formed friendships and create rich relationships that celebrate cultural and social qualities of character through artistic collaboration and interchange. Its creation of a permanent performance venue, conscious of the park’s other programs, on the park itself, the interplay of its units in their typological qualities that allow for a holistic experience of great artistic variety, will hopefully play a role in engaging the rich cultural history of Fort Greene and embrace its creative diversity and talent.

//Chunk Facing Broo 55

06 | Artbridge.

Callout A

Public Art Gallery

Public Theatre

Public Walkway

te plan

oklyn Expressway Public Commons | Computational Design

56

SPIRUDELPHIA Instructor Robert Stuart-Smith Collaborator Umar Mahmood Location Philadelphia, PA

Computational Design | ALGAE PLANT + ORGANIC GROCER //FALL 2021

//01 - 04 GAN Results

Our project reflects a high interest in the emerging usage, exploration, and research of algae and its mulitple facets all throughout. Algae’s flexibility in multiple areas of use has rendered it quite promising, with significant impact on the environmental, culinary, and biofuel aspects.

The first portion of this project included studies of texture, relief, and color through Generated Adversarial Networks (GAN).

Images produced were the results of a dataset that included images of algae, moldy fruits, and organic decay.

//05 Site Integration The project features two masses that simultaneously introduce themselves to the site, located in Callowhill, Philadelphia, PA. The site is part of ‘The Cut,’ part of Philadelphia’s railpark, and is surrounded by parking lots and vacant lots. Spirudelphia is meant to activate otherwise unused lands and give autonomy, ownership, and agency to Callowhill residents.

In our research for our program, we were interested in boasting the utilization of algae in two different timelines. The first phase is that of research and exploration, coupled with a gradual public introduction. This phase is embodied with the massing up on top, which integrates a technical space on the parking lot, and an algae farm on the bottom.

Upon applying the uses of algae and viewing its successes come to fruition, we were interested in further boasting algae through a public space, on the cut. Its placement on the cut serves two puproses, the first receiving a supply of rodophyta, a reddish algae that contains a high quantity of porphyra, a high food protein source. Such algae is farmed on the cut, processed on the top, and then transported downwards through an intricate system of photobioreactor pipes that connect the two levels together.

01 57

07 | Spirudelphia

02

03

04

05 Public Commons | Computational Design

58

//(Upper) Top View The image on top shows the interaction between the two masses and their surroundings. Elevational change is also apparent through the subterannean algae farm and occupied parking lot.

//(Lower) Plan The lower image shows a plan cut at two different levels of the project to introduce two distinct yet closely related programs within the two masses.

The mass adjacent to the parking lot is a research facility for algae, while the bottom includes different public programs for purchasing and consuming algae.

Plan Legend: //01 Entrance/Lobby //02 Exhibition/Display Area //03 Collaboration Space //04 Algae Monitoring Space //05 Bathroom //06 Cafe/Public Lounge //07 Vendor //08 Mezzanine Lounge Area //09 Algae Pond

59

07 | Spirudelphia

Project Lifespan | What would happen in 10 years?

10 years later, and the early project conception has merged itself with its surroudnings, becoming one with the Callowhill railroad. Nature has taken its time to leave a footprint on the project itself, and such a footprint is celebrated to emphasize the rawness of the material.

Public Commons | Computational Design

60

//(Upper) Elevation The upper image shows how the two masses occupy the upper and lower areas of the site, the bottom massing almost being entirely hidden in ‘The Cut.’

//(Lower) Section The lower image shows two section cuts running across the masses’ central axes.

Elevational changes, built-ins, and the integration of public and private spaces are apparent, referencing the exterior geometry on the inside.

Section Legend: //01 Entrance/Lobby //02 Exhibition/Display Area //03 Collaboration Space //04 Algae Monitoring Space //05 Bathroom //06 Cafe/Public Lounge //07 Vendor //08 Mezzanine Lounge Area

61

07 | Spirudelphia

Project Lifespan | What would happen in 10 years?

10 years later, and the early project conception has merged itself with its surroudnings, becoming one with the Callowhill railroad. Nature has taken its time to leave a footprint on the project itself, and such a footprint is celebrated to emphasize the rawness of the material.

Public Commons | Computational Design

62

2. Algae Pond: Algae farm is introduced at the bottom of the cut level providing ideal conditions for 2.

Algae Pond: algal growth.

Rhodophyta is processed at that level, monitoring takes place Algae farm where is introduced at the bottom of for ideal conditions. the cut level providing ideal conditions for algal growth. Rhodophyta is processed at that level, where monitoring takes place for ideal conditions.

Bottom Ceiling Bottom Ceiling

1. Algae Pond:

//01 Algae Pond

3. Algae Bioreactor: //02 Algae Bioreactor

Algae farm is introduced at the bottom of the cut level providing ideal conditions for algal growth. Rhodophyta is processed at that level, where monitoring takes place for ideal conditions.

spaces for informance andare publicization of Algae bioreactors introduced in 3.

Algae Bioreactor: research. public spaces for informance and Algae bioreactors are introduced in public spaces for informance and publicization of publicization of research. research.

Algae farm is introduced at the bottom of the cut level providing ideal conditions for algal growth. Rhodophyta is processed at that 1.

Algae Pond: level, where monitoring takes place for ideal conditions.

Algae farm is introduced at the bottom of the cut level providing ideal conditions for algal growth. Rhodophyta is processed at that level, where monitoring takes place for ideal conditions.

63

07 | Spirudelphia

Algae bioreactors are introduced in public

//Material Discoloration The use of organic matter and living cells such as algae in concrete mixtures produces a compelling material finish over time. The growth and/or decay of these cells over time produces a discoloration that is reminiscent of its origins.

The images on the right not only show the material finish, but also show the carbon fiber substructure that holds the concrete mixture in place. It is meant to show the process in which this mixture is made and the logic towards supporting it.

With the discoloration in mind, the interior and exterior can have multiple different registrations of color and texture, rendering the masses as living autonomous bodies.

//01 Concrete, Magnesium Phosphate, and Rodophyta Algae

//02 Concrete, Magnesium Phosphate, and Rodophyta Algae

1

2 3 4

5

6 7

Chunk Legend:

8

//01 Concrete Panel Exterior //02 Batt Insulation //03 Carbon Fiber Substructure //04 False Ceiling //05 Interior Discoloration //06 Heated Floor Tiles //07 Floor Substructure //08 HVAC Public Commons | Computational Design

64

//01 Public Commons Interior

Footprint The project’s footprint is guided by several factors: the different typologies/design principles combining Brutalism and industrial detail, the figural seam inspired by Philadelphia’s industrial and demographic history, and the surrounding context that guided the program’s dispersal and provided opportunities for interaction between the market and the urban environment. //03 View from Parking Lot 65

07 | Spirudelphia

//02 South-East View

//04 View from ‘The Cut’ Public Commons | Computational Design

66

//Solar Optimized Screen The project to the right is a render from a cell designed using a cellular automata logic, translated into a building facade. The logic and porosity of the final facade’s form comes from a solar analysis of the building itself.

HADI EL KEBBI ARCHITECTURAL DESIGNER hadielk@upenn.edu 484-747-3766

EDUCATION + UNIVERSITY OF PENNSYLVANIA Master of Architecture (M.ARCH) | May 2022 (Aniticipated) // 60% Academic Scholarship Receipient

+ LEHIGH UNIVERSITY

COMPETENCIES + 3D MODELLING Rhino Grasshopper, Python Autodesk AutoCAD, Maya, Revit

+ RENDERING Enscape, Keyshot, V-Ray

+ POST-PRODUCTION Adobe Photoshop, Illustrator, Indesign, Lightroom, After-Effects, Premiere Pro

+ FABRICATION Digital 3D-Printing, CNCMilling, Laser-Cutting, Robotic Arm Operation

RELEVANT COURSES + ADVANCED ROBOTICS

PROGRAMMING operating robotic arm for computational design methods using MachinaBridge, Firefly, and Arduino

+ BUILDING ACOUSTICS

understanding principles of building acoustics and their impact in experiences of space

+ COMPOSITE COMPUTATIONAL FORM robotic fabrication using carbon fiber and custom jig for robotic arm

+ ARCH 532 | BIM building

information modelling course using Revit and Enscape

REFERENCES + Julie Donofrio (PennPraxis) donojt@design.upenn.edu

+ Masoud Akbarzadeh (PSL)

masouda@design.upenn.edu

+ Phil Ryan (Studio Modh)

pryan@studiomodh.com + Rob Stuart-Smith (AML) rssmith@design.upenn.edu

Bachelor of Arts in Architecture, Minor in Music | 2015 - 2019 // 100% Academic Scholarship Receipient Summa Cum Laude

RELEVANT EXPERIENCE + POLYHEDRAL STRUCTURES LABORATORY (PSL) Research Assistant | June - December 2021 // Assisted in computationally designing, detailing, and prototyping small scale components models for a bridge project meant to be fabricated using robotic clay extrusion // Participated in weekly progress meetings with client and fabrication team (PIKUS) for above project // Produced drawings and diagrams for existing PSL projects to be published in a research journal

+ BERNARD KHOURY/DW5 Design Intern | May - July 2019 // Assisted in designing and visualizing automatic shutter system for a private residence in Kuwait // Participated in weekly site visits and inspections for Al Quasar Tower // Produced drawings and diagrams for existing DW5 projects to be published in Bernard Khoury’s upcoming book

+ PLANNING, DESIGN & CONSTRUCTION Design Intern | August 2017 - December 2018 // Designed and produced construction documents for a lactation room in Williams Hall - construction completed in 2019 under Brent Stringfellow // Produced interior visualizations, site plans, and graphic presentations for the development of Buildings C and D at Lehigh’s Mountaintop Campus

TEACHING EXPERIENCE + FRESH AIR EVERYWHERE (PennPraxis) Studio Instructor | July - August 2021 // Introduced analog and digital design tools to underserved high school students from New York through a hybrid studio that met 4 times a week, twice online and twice at Governor’s Island in New York // Facilitated weekly desk crits, tutorials, as well as design conversations to create an empowering studio culture // Conducted, in collaboration with the Beam Center, woodshop, welding, and bell-making workshops for young designers who collaborated on a physical installation on Governor’s Island, as well as a large scale model of the site

+ UNIVERSITY OF PENNSYLVANIA Graduate Teaching Assistant | September 2020 - Present // Material Formations | Ezio Blasetti & Rob Stuart-Smith Introduction to robotics and python programming // Digiblast + Design Studio I | Ezio Blasetti & Danielle Willems 10 day introduction to Rhino and Grasshopper, and semester-long studio // ARCH 531 & 631 I | Philip Ryan & Franca Trubiano First and second year construction methods and case studies in architecture

LANGUAGES English (Fluent), Arabic (Native), French (Conversational)

THANK YOU.