Architectural, Computational Design Portfolio - Phuong Dang, 2022

Page 1

PORTFOLIO 2022 PHUONG DANG ARCHITECT COMPUTATIONAL DESIGNER



CONTENTS

1

INTRODUCTION PAGE 02

2

WORK-FLOW STUDIES PAGE 08

3

COMPUTATIONAL DESIGN RESEARCH PAGE 50

4

ARCHITECTURAL DESIGN PAGE 64


INTRODUCTION

Phuong Dang

for take time to read the Portfolio of

EDUCATION E

HANOI ARCHITECTURAL UNIVERSITY B.Arch in Urban Planning - 2013

COMPLETE BIM WORK-FLOW 2017

E EXPERIENCE

IBST - VIETNAM INSTITUTE FOR BUILDING SCIENE AND TECHNOLOGY - HANOI 2012-2013 - Intern - Architect UNIQUE DESIGN - HCMC 2014 - Architect VIETCAPITAL REAL ESTATE - HCMC 2015 - 2020 - Project Architect

S SKILL SET

DESIGN MORPHINE - ONLINE EDUCATION PLATFORM Multiples Computation Design Workshops 2020 -2022

CONCEPTUAL DESIGN

SELF-RESEARCHER COMPUTATIONAL DESIGN 2020 -2022

DOCUMENTATION BIM COMPUTATIONAL DESIGN

2019 - 2021 -

BUENOBOX ARCHITECTURE - NC, USA Collaboration Architect / BIM Specialist

2020 - 2021 -

TIMES MIRROR ARCHITECTURE - HANOI Collaboration Architect / Computational Designer

M MIND SET

ARCHITECTURAL DESIGN COMPUTATIONAL THINKING

ARCHIT COMPUTAT DESIGN

I am here, Dang Minh Phuong DoB: February 10th, 1988 Architect, Computational Designer

+84 982 081 611 phgduo@gmail.com instagram.com/phgduo/ 117/97D Nguyen Huu Canh, Binh Thanh, HCMC

2


TECT / TIONAL NER

HOW

ANSWERS

WHY

ANSWERS

WHAT

ANSWERS

PHUONG DANG

3


INTRODUCTION

DO YOU NEED COMPUTA DESIGN?

Variations of dividing Panels

Script to help generate the Panels in seconds

4


ATIONAL

Can we apply these to Building facades?

PHUONG DANG

5


INTRODUCTION SOFTWARES AND WORK-FLOW Update workflow with new technologies. Instead of directly modeling, I learn to set constraints, the modeling part will be done by the computer with a short time and a variety of options. The software is not only smarter but also linked together, increasing efficiency in time and human resources. This work-flow consists of four steps: Modeling, Computation, BIM and Visualization.

MODELING. Nowadays there are so many modeling tools for Architecture, I changed myself to give up some tools I used since the beginning of my career and learn more suitable tools. Sort by priority: - Rhinoceros: lightweight, precise, specially made for NURBS (a concept I only got to know in the last 2 years). Little known in Vietnam but used in many leading Architecture offices around the world. -Maya: Polygon modeling tool, especially flexible and compatible with Rhino. Most widely used by Zaha Hadid Architects. - Sketchup: simple and fast. I rarely use it but it is still necessary to collaborate in the Vietnam market. - AutoCAD: Same reason as Sketchup.

COMPUTATION. This is a game changer. I mainly use Grasshopper in Rhinoceros, a perfect match. Also with the introduction of Rhino.Inside, we can run grasshopper in Revit, much more efficient than Autodesk’s Dynamo. Grasshopper is the hero behind PRAMETRIC DESIGN, PROCEDURAL DESIGN, COMPUTATIONAL DESIGN - keywords that are increasingly familiar to the design world. I also need the help of Python - a programming language to go beyond the limits of grasshopper in some cases.

6


SOFTWARES AND WORK-FLOW

BIM. Revit is the easy choice. There is everything for drawing development from concept to construction. Today it also integrates very well with the Computaion(Rhino/Grasshopper) and Visualization(Enscape/Lumion) tools.

Visualization. My first priority is speed. So I chose good quality realtime renderings are Enscape, Keyshot and Lumion. Of which I especially love Enscape because of its compactness and compatibility with most of my favorite architectural modeling tools.

Adobe toolkit. The essential support tools in daily work.

PHUONG DANG

7


WORK-FLOW STUDIES

WORK-FLOW STUDIES

8


PHUONG DANG

9


Case Study 01: SERPENTINE WALL Based on Serpentine Pavillion designed by BIG, I recreated it to develop my own work-flow. I’m not trying to imitate exactly what BIG did, but building this full workflow makes it easy to change the shape and variations of the building. It’s a simple project, but it’s a pretty good demonstration of this efficient workflow. https://big.dk/project/serpentine-pavilion/

10

Grasshopper “script” behind the scenes, included somes Python codes


PHUONG DANG

11


Case Study 01: SERPENTINE WALL 4 STEPS DESIGN WORK-FLOW

Modeling 2 simple Surfaces in Rhino

Generate a variety of options in Grasshopper

12

Every box shares the same section profile but may vary in length. The computation process helps solve this, which is almost impossible with the “manual modeling” method. This data can be transferred to the Fabrication as well.


Bring to Revit with fully BIM information and details

Visualize quickly with Enscape inside Revit

PHUONG DANG

13


Case Study 01: SERPENTINE WALL EVOLUTIONS OF SHAPES AND FORMS

1

Manipulate the Surface with the Control Points

4

Generate the Bounding Box of each sub-surfaces

2

Divide Surface with a pair of mutable numbers of rows and columns

5

Group Boxes into two sets, increment every 2 columns

3

Remove sub-surfaces to create a Checkerboard pattern

6

Calculate the Intersection between 2 groups

The Shape & Form Evolution

14


SOLVE THE INTERSECTIONS The biggest challenge by far is computing the alignment for the boxes.This connecting piece is the intersection of any two consecutive boxes. Since the length and displacement in one direction of each box are separate, these connecting parts also have different lengths. In addition, for each box, the number of links with its neighbors is also different. As shown below, I have given all the possibilities when calculating the association for any box B. Depending on whether the initial pattern is of the form (I) or (II) we have 1 in 10 possible intersections. This is where the programming language comes in, with about 40 lines of code, Python solved this puzzle in about 1/10 of a second.

Box A

Box B

Pattern I

Pattern II

Box Group and Pattern Type

The Intersections between the Boxes

1

4

2

5

3

6

Form Pattern I

1

3

2

4

Form Pattern II

Python code for solve the every Intersection conditions

PHUONG DANG

15


Case Study 01: SERPENTINE WALL DETAILING IN REVIT 80% of the hard work is done in the computation design part. We already have the necessary pieces of information to include in Revit. In this BIM platform, we develop ready-to-go details for drawing and construction. Here we have detailed parameters for each component: position, size and unique name Tag. It is very difficult to achieve this result if relying on traditional methods without the support of computation, because here objects have a variety of sizes and complexity when assembled together. Humans make the rules, computers take care of the calculations.

16


PHUONG DANG

17


Case Study 01: SERPENTINE WALL VISUALIZE WITH ENSCAPE

18


PHUONG DANG

19


Case Study 01: SERPENTINE WALL VISUALIZE WITH ENSCAPE

20


PHUONG DANG

21


Case Study 02: RED7

Watch Turnable Video by Scan this QR Code.

22


PHUONG DANG

23


Case Study 02: RED7

24


A Grasshopper script to make the Building Facade. This one helps to prepare the Model and Data, then bring them into Revit.

In this example I chose a more difficult challenge - MVRDV’s RED 7 project. It looks like a building in the game Minecraft. https://www.mvrdv.nl/projects/322/red7 I just focused on the facade and tried to build a process from Massing to Detailing in BIM, as well as Visualize it effectively.

PHUONG DANG

25


Case Study 02: RED7 MODELING AND COMPUTATION OPTION 1

OPTION 2

MASSING

VOXELIZING

COLOR BLOCKING

26


PREPARING THE MODEL AND DATA, TRASFERRING TO BIM

Transforming massing blocks into voxels is not too difficult and fast. We only need to test whether a voxel is inside or outside the massing block, if it is outside, it will be eliminated. The challenge here is to classify the Curtain panels. It seems simple, but after many tries and failures, up to 8 types of Curtain panels are defined. I use color code to identify them. I wrote a piece of Python code that lets the computer determine which panel belongs to which type, and it works great no matter what massing block you put in or the panel size. A piece of Python to deal with Panel Types

8 Panel Types have been defined

Then bring the Model and its’ Data into Revit. Make sure everything here is a native Revit component, and highly accurate.

PHUONG DANG

27


Case Study 02: RED7 TRANSFERRING DATA TO BIM

A Sample Curtain Panel Properties, automatic created with Rhino.Inside Revit.

28


TRANSFERRING DATA TO BIM Revit Model with full Facades components: Floors, Curtain Walls, Railings, Terraces. Everything is leveled, properly classified, logically named and ready for further development in the BIM environment.

PHUONG DANG

29


Case Study 02: RED7 VISUALIZATION Although I can render with Enscape right in Revit, I need to fine-tune the material and this is done more efficiently with Rhino. I therefore moved the Revit model back to Rhino - with a much greater level of detail. With the help of Rhino.Inside, we can switch between the two environments very efficiently. After going through Rhino, I built a Grasshopper script to arrange the interior of the building according to the function of each floor that I classified earlier. Imagine how much time it would take to do it manually, after finishing the script, we only need a single click.

MASSING + DEFINING DATA

DETAILING + DOCUMENTING

HELPERS

VISUALIZATION

Switching between Platforms

The material list is prepared for the automation of interior placement for the whole building.

30

A Grasshopper script was written to automate the interior placement.


VISUALIZATION Two same views with a different Interior look. We can control the Interior by the combination of Grasshopper + Python with the Renderer! THE INTERIOR LOOK MAY BE RANDOM BUT STILL, FOLLOW THE FUNCTION DEFINED FOR EACH FLOOR. All Interior, peoples, trees are set by the computer based on the rules I have predefined. There is no manual element.

RESIDENTIAL LEVELS

OFFICE LEVELS

RETAIL LEVELS

PHUONG DANG

31


Case Study 02: RED7 VISUALIZATION

32


VISUALIZATION

Two same views with a different Interior look. We can control the Interior by the combination of Grasshopper + Python with the Renderer!just in a single click! PHUONG DANG

33


Case Study 02: RED7

34

The image Rendered with Enscape


PHUONG DANG

35


Case Study 02: RED7

The image Rendered with Enscape

36


All Interiors, peoples, plants are set by the computer based on the rules I have predefined. There is no manual element. PHUONG DANG

37


Case Study 02: RED7

The image Rendered with Enscape

38


PHUONG DANG

39


Case Study 03: IQON

This project I do not spend too much space for the presentation. I try to capture the logic that BIG’s team has developed, while continuing to apply the process that I have developed. Software used: Rhino + Grasshopper, Revit, Enscape. https://big.dk/project/iqon/ 40


PHUONG DANG

41


Case Study 03: IQON This building’s footprint is the only thing that’s been drawn manually. All the rest is computer generated.

Green Terraces

A front view of facade

A piece of the “script”

Blocking Options, done with Grasshopper

42


The image Rendered with Enscape

PHUONG DANG

43


Case Study 03: IQON

View showed the detail model in Revit

44


The image Rendered with Enscape

PHUONG DANG

45


Case Study 03: IQON

The image Rendered with Enscape

46


The image Rendered with Enscape

PHUONG DANG

47


Case Study 03: IQON

The image Rendered with Enscape

48


The image Rendered with Enscape

PHUONG DANG

49


COMPUTATIONAL RESEARCH

COMPUTATIONAL RESEARCH

50


PHUONG DANG

51


COMPUTATIONAL RESEARCH PARAMETRIC FRAMING

52


Here is the experience with voronoi cells applied on a manually modeled form. The process is done by script, so we have a lot of results, but I only render an illustrative version.

1

2

3

PHUONG DANG

53


COMPUTATIONAL RESEARCH RECURSION MESH

1

2

3

4

5

6

I have been inspired by nature a lot. After reseaching computational design, I believe that architectural design today with the advancement of technology is moving closer and closer to nature. The above research is to find out how a simple action (grow up) can create a form? The Process is done using a Python script. Figure 1-6. Variations of cell growth based on the original data are the color of the object no.1 Figure 7. Romanesco Broccoli closeup - Photo by Michael Cole/Flickr 7

54


OBJECTS AGGREGATION Some studies how to combine any number of objects. Pre-designed input objects, specified ways to connect with other objects. The overall form is controlled by rules by the designer.

1

3

2

PHUONG DANG

55


COMPUTATIONAL RESEARCH MESH TOPOLOGIES

1

56


MESH TOPOLOGIES

2

3

Mesh topology is an important concept in architectural design. In the past, when I was always designing blocks, I almost didn’t care about topologies. But when looking at modern architecture, with countless forms applied, we need to pay attention to it. Figure 1. Evolutionary variations of a square grid with a circular hole. Figure 2. Evolutionary variations of the square grid with 2 circular holes. Figure 3. Mesh topology influences the final design of a tesnsion structure. PHUONG DANG

57


COMPUTATIONAL RESEARCH APPLIED PATTERNS ON SURFACES

1

2

3

Some studies of applying procedural patterns to surfaces. Figure 1. Patterns on flat surfaces Figure 2,3. Patterns on curvy surfaces 58


FORM & PATTERN STUDY ON A BUILDING

PHUONG DANG

59


COMPUTATIONAL RESEARCH CONTROLED ARRAY PATTERN STUDY

60


CONTROLED ARRAY PATTERN STUDY

PHUONG DANG

61


COMPUTATIONAL RESEARCH CONTROLED ARRAY PATTERN STUDY

62


ARCHITECTURAL FORM STUDY

PHUONG DANG

63


ARCHITECTURAL DESIGN

ARCHITECTURAL DESIGN

64


PHUONG DANG

65


ARCHITECTURAL DESIGN PROJECT: RACH GIA BUILDING

FRON ELEVATION

OVERALL PLAN

Prject: RACH GIA - RETAIL AND OFFICE BUILDING Year: 2020 - Schematic Design LAND AREA: 3900 sqm TOTAL FLOOR AREA: 32 800 sqm ROLE: PROJECT ARCHITECT 66


SIDE ELEVATION

ISOMETRIC VIEW

BUILDING SECTION

PHUONG DANG

67


ARCHITECTURAL DESIGN

Rach Gia Building - Perspective Rendering

68


PHUONG DANG

69


ARCHITECTURAL DESIGN

Rach Gia Building - Perspective Rendering

70


Rach Gia Building - Perspective Rendering

PHUONG DANG

71


ARCHITECTURAL DESIGN PROJECT: THAI NGUYEN STADIUM

PLAN & PERSPECTIVE RENDERING

Prject: THAI NGUYEN STADIUM Year: 2021 - Competition BUILDING AREA: 52,000 sqm IN COLLABORATE WITH TIMES MIRROR ARCHITECTS ROLE: COMPUTATIONAL DESIGN

72


PHUONG DANG

73


ARCHITECTURAL DESIGN PROJECT: SONG VAN BRIDGE

Prject: SONG VAN BRIDEGE Year: 2021 - Competition IN COLLABORATE WITH TIMES MIRROR ARCHITECTS ROLE: COMPUTATIONAL DESIGN

74


PROJECT: SKYLIGHT DINNING

Prject: SKYLIGHT DINNING Year: 2020 - Competition THIS IS THE FIRST INTERIOR PROJECT I WANT A PARAMETRIC DESIGN APPLICATION. IMPORTANT COMPONENTS ARE ALL DESIGNED WITH SCRIPT READY FOR CHANGE OR FABRICATION. SCAN THE QR CODE FOR SHORT EXPLAINED VIDEO.

PHUONG DANG

75


ARCHITECTURAL DESIGN

76

Skylight Dinning - Perspective Rendering


PHUONG DANG

77


ARCHITECTURAL DESIGN PROJECT: CANTEEN - TON DUC THANG UNIVERSITY

SPACE TRUSS - DESIGNED FOR THE OUTDOOR ROOF PARAMETRIC DESIGN USING REVIT

Prject: CANTEEN - TON DUC THANG UNIVERSITY Year: 2019 - Construction Design TOTAL FLOOR AREA: 1150 sqm ROLE: PROJECT ARCHITECT THIS PROJECT INCLUDES DESIGNING A SPACE STRUCTURAL ROOF, DESIGNING FOR LANDSCAPE AND SEATING AREA BELOW THE ROOF, AND DESIGNING THE INTERIOR OF 7-ELEVEN CONVENIENCE STORE.

FLOOR PLAN

78

PERSPECTIVE RENDERING


PROJECT: CANTEEN - TON DUC THANG UNIVERSITY

PERSPECTIVE RENDERING

PHUONG DANG

79


ARCHITECTURAL DESIGN

Prject: McDONALD’S RESTAURANTS Year: 2014 - 2020 ROLE: PROJECT ARCHITECT I HAVE DESIGNED MCDONALD’S RESTAURANTS IN VIETNAM INCLUDING THE BASIC DESIGN STAGE TO CONSTRUCTION STAGE. ALTHOUGHT THIS IS A SMALL DESIGN, THIS IS A OPPORTUNITY TO WORK WITH INTERNATIONAL TEAMS FROM MANY FIELDS. ALSO, CUSTOMERS’ REQUIREMENTS ARE VERY HIGH, MAKES ME ALWAYS GUARANTEE DESIGN QUALITY AT THE BEST.

80


PHUONG DANG

81


PROCEDURAL TIGER - PHUONG DANG 2022


THE END

PHUONG DANG ARCHITECT & COMPUTATIONAL DESIGNER 2022 0982 081 611 phgduo@gmail.com instagram.com/phgduo/


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.