ARCH 20004 Digital Design Portfolio

D I G I TA L D E S I G N P O R T F O L I O Semester 1 - 2018

G i r v a n C h r i s t i a n Te n g g o n o 917833 Siavash Malek + Studio 18

G I R VA N C H R I S T I A N T E N G G O N O gtenggono@student.unimelb.edu.au Education 2017 - current 2016

Reflection University of Melbourne Bachelor of Design Architecture & Landscape Architecture

Trinity College

Foundation Studies: July Fast Track

Work Experience 2017

Intern PT Brahmayasa Bahtera a subsidiary of PT Astra International tbk

Awards / Exhibitions 2018

Design Studio Beta Exhibition

2017

CasA Exhibition Design Studio Alpha Exhibition FOD:R Exhibition GFOD Exhibition

I design with my passion for the natural world and art. So, throughout this subject, I learned various skills and ideas that would help me develop further as a designer, through the implementation of digital skills and knowledge. Through Module 1 I learned about the creation of diagram and how it could convey information if achieved properly. On Module 2 I explored the use of parametric, which reduces the time to create iterations significantly. Furthermore, through Module 2 I also did an exploration of digital fabrication to create models directly through digital data. Lastly, Module 3 is the implementation of all of the skills and ideas that I developed throughout the previous modules. Additionally, through module 3 I learned basic skills on creating a virtual reality level through real-time rendering using Unreal Engine.

As a designer, I aspire to create something that engages with the users.

From creating a good experience down to leaving a lasting memory. This, I believe, is achieved through being meticulous on thinking and crafting every piece of my design. This is reflected in my final pavilion where every aspect is thought of thoroughly through several studios with the help of my peers and tutor. Thus, the pavilion, Sylvan, was created, where everything from the overall circulation, shadow, landscape, down to texture, material and ergonomics is considered to maximise the user’s comfort.

After this subject, I aim to improve my rendering, photo enhancement, and photography skills. This is reflected significantly in module 3, where I felt that I could achieve better angle and saturation through my rendering and images. I also hope to develop and polish my diagram making and presentation further, skills that I consider my strength throughout the modules.

Content

I

II

D I A G R A M M I N G D E S I G N P R E C E D E N T

G E N E R AT I N G

II1

I D E A S

Q U E E N

T H R O U G H

V I C T O R I A

G A R D E N

P R O C E S S

PAV I L I O N

N

Exploded Isometric 1:2 0

4 - 7

8 - 21 3

22 - 31

500

I

D I A G R A M M I N G D E S I G N P R E C E D E N T

The isometric here is chosen to show the depth of the shadow. The shadows are detailed further in Adobe Illustrator to show the philosophy of the pavilion, which follows the form of the Japanese origami. From this Isometric view, the width of the passages is clearly shown, allowing us to see how the users will circulate in the structure. The visual experience created a feeling of threshold in this structure, besides the tight openings framing perspectives, the spatial perception of the space, from open to compressed, emphasised this idea.

5

Computational Process Given Images

Creating surfaces from the images

6

Creating Diagrams

Circulation and Form

Visual Threshold

7

II

G E N E R AT I N G T H R O U G H P R O C E S S

I D E A S

4.1

4.2

4.3

4.4

Surface and Waf fle

0

1

2

4

8

The twisting shape of the panels implicitly direct the users on how to circulate through the space.

The gradual increase of panel height created a threshold from 2D to 3D creating a dynamic texture for the users to experience.

The openings enable light to penetrate through the panels creating an elaborate visual experience.

10

The waffle structure framed the panels without losing the twisting behaviour of the panels.

The panels with no openings capture the lights and the shadows coming from the openings of the opposite panels.

The waffle acts as a frame, a threshold mediating the user from the structure.

Design Matrix Lofts Interaction

1.1

1.2

1.3

1.4

Key Chosen Iteration Points

0

1

2

4

8

Panel Shape and Opening Exploration

2.1

0

1

2

4

Panel Height Exploration

2.2

2.3

2.4

3.2

3.3

3.4

8

3.1

Tall - Short Flip

4.1

0

1

4.2

2

4

4.3

4.4

8

The twisting shape of the panels implicitly direct the users on how to circulate through the space.

11

The waffle structure framed the panels without losing the twisting behaviour of the panels.

The panels with no openings capture the lights and the shadows coming from the openings of the opposite panels.

The waffle acts as a frame, a threshold mediating the user from the structure.

Computation Workflow

The creation of panels. openings are created on one side to enable light to penetrate through the surface. The gradual increase of panel height created a threshold from 2D to 3D creating a dynamic texture for the users to experience.

Exploring surface Iterations. Utilizing the parametric software to create a dynamic surface interaction that is harder to achieve using other methods.

Generating the waffle structure.

The waffle structure framed the panels without losing the dynamic twisting behaviour of the panels. The waffle acts as a frame, a threshold mediating the user from the structure.

12

Laser Cutting

The panels are created by using the Rhino unroll command, the number of panels joined is adjusted so that no faces would overlap. Then, tabs are added to the panels so that connection is possible.

The waffles are created using grasshopper, the panels are oriented to the x plane and text tags are added to keep track of the waffle.

Then a copy of the laser cutting is made where cut lines and numbers are removed. The other copy is kept for reference when the structure is constructed. The shapes are then adjusted to join each other, overlapping curves are removed by using the “make 2D� command, then the panels are sent to be cut on an Ivory card while the waffles are to be cut on a mount-board.

13

Final Model An exploration of Surface and Waffle.

15

Solid and Void 0

1

2

4

8

Various sized negative space accomodates the public and private.

A various amount of articulation iterations could be achieved by scaling the structure up or down.

Movement is directed through the shape of the structure.

The openings start from a sphere, then to more complex shapes creating a threshold of texture from smooth to rough; thus, encouraging a dynamic user interaction with the space.

The irregular shape of the structure casts organically shaped shadows that change according to the light source.

16

Openings light up the area underneath them, enhancing the visual experience with the space.

Design Matrix Cellulation Variation

1.1

Attractor Points

2.1

1.2

1.3

1.4

Key Chosen Iteration Attractor Points Attractor Curves Cellulation Shift

2.2

2.3

2.4

Shape Exploration

3.1

3.2

3.3

3.4

Boolean Result

4.1

4.2

4.3

4.4

0

0

1

1

2

2

4

4

8

8

17

Computational Process The script to generate 3D grids

The box. The Solid that will receive substraction.

Cellulation to various iteration

The shapes that generate the void

18

will

create

Using the created grid shapes are inserted to create more iterations with the different sizes.

3D Printing

The final iteration is later booleaned further to create a smaller section. The section is chosen due to the shapes adhering to the initial idea of transition from smooth to rough. The shape was later oriented where the most open part is facing up to reduce the number of supporting structures when it is 3D printed thus strengthening the structure as a result. The model took 3 hours to print and sanding is required to smoothen the surface.

There are several qualities achieved by the model. Various sized negative space accommodates the public and private, changing the porosity and permeability of the space. The openings start from a circle to more complex shapes, this created a threshold of texture from smooth to rough; thus, encouraging a dynamic user interaction with space. There are openings on the structure that lights up the area underneath them, enhancing the visual experience with space, and the irregular shape of the structure casts organically shaped shadows that change according to the light source.

19

Final Model An exploration of Solid and Void.

21

II1

Q U E E N

V I C T O R I A

G A R D E N PAV I L I O N

S Y L V A N Sylvan (adj.) Consisting of or associated with woods; wooded.

Sylvan is a pavilion that invites the users and shatters your expectation once the users come closer. The pavilion would work best if the users experience it first-hand. The result is achieved using wood through parametric design.

The pavilion will be used for a lunchtime seminar and an evening quarter performance. During the lunchtime seminar the decking would be used as a chair and the light from the oculus spills in, shining the afternoon sun upon the speaker. Furthermore, during the evening quartet, the sound of the quartet will arouse curiosity further. The large opening allows the users to experience the sound from the interior to the exterior.

The pavilion uses a single axis to encourage users to stay. On the side where the user volume is bigger the entrance is made bigger, while the opposite entrance is made smaller and the seatings are trimmed to allow the landscape to spill inside.

Steps are created to create a strict boundary between the inside and the outside. Steps are also used as chairs where the audience would sit. The opening lets the landscape flow inside, and the timber flooring blurs where does the pavilion start.

The exterior is made using dark carbonised timber using reductive fabrication method. it is panelled yet easy to read due to the dark colour. Thus, encouraging touch and exploration once the users come closer.

The interior is made out of plywood using subtractive fabrication method. The smooth ruled surface interior is contrasted against the simple yet rough exterior.

Design Iteration Voids

1.1

1.2

1.3

1.4

1.5

Voids

1.1

1.2

1.3

1.4

1.5

Voids

1.1

1.2

1.3

1.4

1.5

Iterations are made by creating voids to sculpt a light volume that maximises the shadow without diminishing the sense of enclosure. and Flow Passage and Passage Flow Passage and Flow

2.1

2.2

2.3

2.4

2.5

2.1

2.2

2.3

2.4

2.5

2.1

2.2

2.3

2.4

2.5

Refinements Refinements Refinements

3.1

3.2

3.3

3.4

The single axis is explored to make steps that create a strict boundary between the inside and the outside.

3.1

3.2

3.3

3.4

3.1

3.2

3.3

3.4

Tour Bus Stop

Tour Bus Stop

Tour Bus Stop

Final configurations are made to relate the pavilion into the site. The decking is expanded onto the exterior, openings are adjusted according to user volume. The oculus is adjusted to achieve the spotlight effect. An opening is made to let the landscape flow inside creating a threshold from the inside and outside. The rough exterior is created and the sharp edges are trimmed to allow comfortable seating.

Tram Stop

Tram Stop

Tram Stop

25

Renders + Final Diagram

N

Exploded Isometric 1:25 0

26

500

1500mm

Additional Diagrams Tour Bus Stop

Tram Stop

Site Map 1:3.000 0

30.000

120.000

27

Computational Process

1.2

1.2

2.2

2.3

3.3

3.3

Initial creation of volume and voids.

1.5

1.4

2.4

2.4

1.1

2.5

3.4

1.3

1.2

2.5

2.1

Refinements

3.2

2.3

1.5

Passage and Flow

3.2

1.3

1.4

Voids

2.2

1.3

3.1

Exploration of circulation and threshold.

2.3

2.2

3.4

Adjustments to volume 3.2 and void.

final

Further adjustments are made through Rhino.

30 Tour Bus Stop

3.3

Fabrication Process The panels are made by laser-cutting 2.7mm Luan Plywood.

The front 3D Panels are 3D printed using the MakerBot Replicator +.

The panel took 7hr to finish.

The seatings are made by laser-cutting 2.7mm Luan Plywood. Some panels are etched to add precision when connecting them together.

The Landscape and the base are made by laser cutting 1mm White Mountboard.

All panels including the 3D prints are attached together by PVA Glue.

31

D I G I TA L

D E S I G N

Semester 1 - 2018