Computational Design Portfolio_Clara Fonte Boa

Page 23

DYNAMO PATTERN LiBRARY

DYNAMO PATTERN LiBRARY

Visual Programming, BIM Management

Visual Programming, BIM Management

2017 - present, BWGArchitects / BWG|CannonDesign

2017 - present, BWGArchitects / BWG|CannonDesign

At BWG I had the opportunity to implement my Visual Programming knowledge from my experience in Grasshopper, while learning and developing Dynamo graphs in Revit. With the intent to automate common repetitive tasks, amplify the variety of design iterations, and better bridge the design development and its documentation, we started developing a Pattern Library using Dynamo.

At BWG I had the opportunity to implement my Visual Programming knowledge from my experience in Grasshopper, while learning and developing Dynamo graphs in Revit. With the intent to automate common repetitive tasks, amplify the variety of design iterations, and better bridge the design development and its documentation, we started developing a Pattern Library using Dynamo.

The goal was to generate 3-dimensional, family-based finish patterns directly in Revit using Dynamo Graphs. Once developed, each graph would be able to generate multiple iterations of a pattern given the manipulation of defined parametric values, such as dimensional values, material types, randomization seeds, etc. Beyond the advantage of quickly generating multiple variations for any given project, these Dynamo graphs also help to automate repetitive tasks and better integrate different phases of the design process by manipulating family type parameters in order to automatically generate tags, schedules, etc.

The goal was to generate 3-dimensional, family-based finish patterns directly in Revit using Dynamo Graphs. Once developed, each graph would be able to generate multiple iterations of a pattern given the manipulation of defined parametric values, such as dimensional values, material types, randomization seeds, etc. Beyond the advantage of quickly generating multiple variations for any given project, these Dynamo graphs also help to automate repetitive tasks and better integrate different phases of the design process by manipulating family type parameters in order to automatically generate tags, schedules, etc.

(737) 309-8425

18 - 19

18 - 19

Clara Fonte Boa

clarafonteboa@gmail.com

DYNAMO PATTERN LiBRARY

Visual Programming, BIM Management 2017 - present, BWGArchitects / BWG|CannonDesign

At BWG I had the opportunity to implement my Visual Programming knowledge from my experience in Grasshopper, while learning and developing Dynamo graphs in Revit. With the intent to automate common repetitive tasks, amplify the variety of design iterations, and better bridge the design development and its documentation, we started developing a Pattern Library using Dynamo.

The goal was to generate 3-dimensional, family-based finish patterns directly in Revit using Dynamo Graphs. Once developed, each graph would be able to generate multiple iterations of a pattern given the manipulation of defined parametric values, such as dimensional values, material types, randomization seeds, etc. Beyond the advantage of quickly generating multiple variations for any given project, these Dynamo graphs also help to automate repetitive tasks and better integrate different phases of the design process by manipulating family type parameters in order to automatically generate tags, schedules, etc.

COMPUTATIONAL DESIGN

2 - 3
18 - 19

DYNAMO & CODING

Visual Programming and Coding. 2017

- present

As an Architectural Designer, BIM Manager, and Design Technologist, I have extensive experience utilizing computational design tools such as Dynamo, Python, Autodesk GD, and Grasshopper. For over 10 years, I have used these tools in both academic and professional settings, collaborating with teams of designers, architects, and engineers on various projects such as form-finding, model analyses, automation, interoperability, and standardization.

The projects featured here demonstrate my expertise in planning, producing, and documenting graphs and workflows, as well as my ability to collaborate directly with clients. They showcase my technical skills and my capacity to deliver highquality outcomes that meet users’ expectations.

Area Boundary Generator Dynamo graph and Dynamo Player UI, created for a architectural client. In this iteration, the graph grouped rooms by Department and proximity and generated both the Area Boundary and Area elements based on user-defined settings accessed in Dynamo Player.

4 - 5

Reset Connectors with Exceptions Dynamo graph and Data-Shapes UI pop-ups created in collaboration with a MEP client. My role in the project involved improving an existing client-made graph by adding new features and creating a set of pop-ups. These enhancements provide users with more flexibility to determine the placement of new model elements.

Add new and replace obsolete shared parameters graph and DMU add-in by BirdTools. This workflow was designed to QA/QC Shared Parameters among multiple Revit documents. The Dynamo graph add/replace any missing or mismatching shared parameters to ensure coordination with the official SP file, while also transferring any data from old to new parameters to ensure no data is lost.

Furthermore, the graph has been optimized to run seamlessly with the Dynamo Multiplayer add-in, enabling it to execute across multiple documents consecutively.

6 - 7
Adaptive Component Revit Family P1 P2 P3 P4 MATERIAL 1 MATERIAL 2 MATERIAL 3 MATERIAL 4
- Annotation Revit Family Geometric Pattern - Dynamo Graph
Dynamo Graph
Dynamo
Patterns and Iterations L 0 1 2 1 0 1 2 0 1 2 1 H REVIT WALL INPUTS: TILE LENGTH TILE HEIGHT ROW ORIENTATION ROW SHIFT: RANDOMIZATON SEED VARIATION INPUTS: RANDOMIZATION AUTOMATIC TAGGING MATERIAL QUANTITY SCHEDLUE OPTION A OPTION B OPTION N OPTION A OPTION B OPTION N DRIPPING WATER PATTERN FAMILY TYPE TYPE MARK FAMILY COLOR CASCADE Wall Based Finishes The first patterns generated in the library were wall based tiles. For those, an Adaptive Component Family containing the desired material types was created. The graph uses any vertical designated rectangular area to first generates a geometric pattern, as shown bellow, and then places the adaptive components based on the object pattern generated by the graph. Using this process two di erent random based patterns were created, each containing multiple variables that can be manipulated in order to achieve the most desirable result. M1 M3 M2 M4 M4 M1 M1 M4 M1 M3 M2 M4 M3 M3 M4 M1 M3 M4 M1 M4 M2 M1 M2 M4 M1 M2 M3 M1 M4 M3 M4 M2 M4 M1 M4 M1 M3 M2 M3 M1 M4 M2 M3 M3 M1 M2 M3 M1 M2 M1 M4 M3 M1 M3 M2 M1 M3 M1 M3 M3 M4 M2 M3 M1 M3 M4 material material 1 material 2 material 3 material 4 unit 18 13 19 16 sf 2.25 1.625 2.75 2.00 Once the pattern is chosen, another graph is used to define type marks for each type family, allowing the creation of quantity schedules in Revit. A special tag family was also created, and once introduced in the graph, it allows the automatic generation of the material tags at any selected view. 20 - 21
Tag
Object Pattern
Construction Documentation
Graph Developed

Screen shot showcasing Autodesk’s Generative Design Tool while running multiple iterations for an Exhibit Hall layout study.

Series of screen shots displaying a Dynamo graph running in Dynamo Player. This graph rationalizes and a structure, calculates weight accumulation, and outputs a heat map to help engineers visualize the results.

Diagram explaining the logic behind a Dynamo graph. Each time the graph runs, it creates a unique tile patter, places the resulting model elements and auto-documents it in Revit.

8 - 9

FABRICATION

10 - 11

single unit assembly one possible arrangement for six units

single unit assembly one possible arrangement for six units

To see our PARAMETRIX3D.COM for complaints, parametrix3d@gmail.com

To see our PARAMETRIX3D.COM for complaints, parametrix3d@gmail.com

HYPERBOLIC PUZZLOID

Grasshopper and Fabrication. Parametrix3d 2015

Hyperbolic Puzoloid Light Shade picture.

Hyperbolic Puzzloid is a collection of 3D-printed sculptural puzzles I designed.

The idea came through the formal exploration of hyperbolic paraboloid surface geometry. Using Rhino and Grasshopper, I explored the geometry, tested the joints, and ensured the required precision to create aesthetically pleasing and functional puzzles with satisfyingly snappy results.

Hyperbolic Puzoloid Tessellation pictures and assembly guides.

12 - 13
Tealight Shade Assembly Guide: Take a close look at the shape details are the key to sucessfully Assemble the each side single unit assembly one possible arrangement for six units To see pictures our otherPARAMETRIX3D.COM for doubts, complaints, please parametrix3d@gmail.com single unit assembly one possible arrangement for six units To see pictures of this and all of our other projects visit us at: PARAMETRIX3D.COM for
suggestions and
please contact us at:
doubts,
complaints,
parametrix3d@gmail.com

ACADEMIC PROJECTS

14 - 15

The three phases of the Grasshopper graphs and the corresponding geometry generated in Rhino.

Flattening of each face of the canopy unit membrane for precise fabrication and assembly.

3d representation of a canopy unit with desks incorporated.

processo projetual - fase 2

Documentation of a canopy unit featuring plan, elevations, and it’s tubular structure diagram.

processo projetual - fase 3

Inner yard plan highlighting the specific placement of each canopy unit.

Intervenção clara fonte boa Detalhamento 4 5 A D 31,25 62,50 altura xa para todos os canopis (cm) altura xa para todas as barras = 300cm 93,75 125 Altura Canopi (cm) Diagrama construtivo da estrutura tubular 220 240 260 280 0 20 40 60 y (cm) y: variação da dimensão vertical da barra de acordo com altura de cada canopi + profundidade de engaste na base de conscreto. Ver tabela. x: variação da dimensão horizontal da barra de acordo com seu comprimento total. Ver detalhamento. Barra 1 1 3 5 2 3 4 10,4 18,2 23,2 70,7 5 83,3 x Ponto A B C D 729,5 570,4 66,00 125,0 E 76,5 Raio (grau) comprimento total: 384,4 comprimento total: 392,7 comprimento total: 397,2 comprimento total: 457,3 318.2 370.7 383.3 1.2 2.3 3.4 4.5 5.1 554.5542.7 441.1 292.7 508.9 516.4 177.2 220.0 92.4 127.6 220.0 92.4 127.6 589.2 655.6 Vista de topo. Canopi Escala: 1/50 E SV Elevação 1. Canopi Escala: 1/50 Elevação 2. Canopi Escala: 1/50 Dimensionamento dos Tubos para Calandragem. Canopi Escala: 1/50 2 p = profundidade de egaste na base de concreto SV SH SH SH SH Canopi em tenso estrutura. Tela de bra de vidro revestida com menbrana de silicone na cor amarela e estrutura calandrada tubular metálica engastada em base de concreto armado. Canopi em tenso estrutura. Tela de fibra de vidro revestida com menbrana de silicone na cor amarela. Estrutura tubular calandrada metálica engastada em base de concreto armado pré-moldado.

Canopi em tenso estrutura. Tela de bra de vidro revestida com menbrana de silicone na cor amarela e estrutura calandrada tubular metálica

Detalhamento

ESCOLA DE MINAS INTERVENTION

While studying Architecture at UFOP, Brazil and at DIA, Germany, I started my journey into computational design. Through my education, I gained expertise in computational design processes and utilized tools like Grasshopper and Processing. During the Escola de Minas Intervention project, my team and I applied these skills effectively.

da Escola de Minas clara fonte boa professoras cláudia arcipreste e fernanda bueno

In this project we used the voronoi diagram and Grasshopper to crate a series of membrane canopies traversing the inner yard of a building in the University campus. The design process involved 3 Grasshopper graphs supplemented by stages of modelling in Rhino.

18

de Transição. Tenso estrutura em tela de fibra de vidro revestida com

de silicone na cor branca. Estrutura tubular metálica engastada em base de concreto armado.

Célula de Transição Especial. Tenso estrutura em tela de fibra de vidro revestida com menbrana de silicone na cor branca. Estrutura tubular metálica engastada em base de concreto armado. Célula Rede. Tenso estrutura em tela de fibra de vidro revestida com menbrana de silicone na cor azul. Estrutura tubular metálica engastada em base de concreto armado.

Célula de Estudos. Tenso estrutura em tela de fibra de vidro revestida com menbrana de silicone na cor amarela. Estrutura tubular metálica engastada em base de concreto armado.

Through this project, I expanded my knowledge of Grasshopper, utilizing its power to explore and document complex geometries. In this project I started to learn when visual programming proved most advantageous, as well as when it was appropriate to transition to conventional 3D modelling. At the end we had found a process that integrated both approaches, effectively achieving the desired design goals.

Célula de Bate-papo. Tenso estrutura em tela de fibra de vidro revestida com

de silicone na cor laranja. Estrutura tubular metálica engastada em base de concreto armado.

16 - 17 Intervenção - cantina e pátio da Escola de Minas clara fonte boa professoras cláudia arcipreste fernanda bueno
17 Célula de Estudos Juntas de dilatação Piso de concreto camurçado Cadeira Flash Arne Jacobsen, amarela Mesa de estudos. Ver detalhamento prancha 20 Canopi. Ver detalhamento pranchas 18 e 19. 2,80 2,80 2,60 2,40 0,00 0,00 0,00 -0,10 -0,10 -0,10 0,00 2,40 2,80 2,20 2,20 2,60 2,60 2,40 2,20 2,60 2,80 2,20 2,60 2,40 2,40 2,80 2,40 2,20 2,60 2,60 2,80 2,80 2,80 2,80 2,40 2,20 2,20 1 3 1 1 3 4 4 4 4 4 4 4 4 3 3 3 3 5 5 5 5 5 5 5 3 1 1 1 2 2 1 2 3 4 5 Célula
menbrana
menbrana
Canopis Diagrama construtivo da estrutura tubular dos canopis A A Projeto Executivo A B C D E 0 31,25 62,50 altura xa para todos os canopis (cm) altura xa para todas as barras = 300cm 93,75 125 y x Altura Canopi (cm) 220 240 260 280 0 20 40 60 (cm) y: variação da dimensão vertical da barra de acordo com a altura de cada canopi + profundidade de engaste na base de conscreto. Ver tabela. x: variação da dimensão horizontal da barra de acordo com seu comprimento total. Ver detalhamento. Ponto A B C D 729,5 570,4 66,00 125,0 E 76,5 Raio (grau) Célula de Estudos detalhada. Clara Fonte Boa Célula Bate-papo detalhada. Luísa Cangussu Intervenção - cantina e pátio
Detalhamento
1 2 4 3 5 A B C D 0 31,25 62,50 altura xa para todos os canopis (cm) altura xa para todas as barras = 300cm 93,75 125 y x Altura Canopi (cm) Diagrama construtivo da estrutura tubular 220 240 260 280 0 20 40 60 (cm) y: variação da dimensão vertical da barra de acordo com a altura de cada canopi + profundidade de engaste na base de conscreto. Ver tabela. x: variação da dimensão horizontal da barra de acordo com seu comprimento total. Ver detalhamento. Barra 1 1 2 3 4 5 2 3 4 10,4 18,2 23,2 70,7 5 83,3 Ponto A B C D 729,5 570,4 66,00 125,0 E 76,5 Raio (grau) 310.4 comprimento total: 374 comprimento total: 384,4 comprimento total: 392,7 comprimento total: 397,2 comprimento total: 457,3 120.2 318.2 370.7 323.2 383.3 120.2 120.2 120.2 120.2 p 1.2 1.2 2.3 2.3 3.4 3.4 4.5 4.5 5.1 5.1 300.7 515.8 321.8 352.3 302.9 475.5 274.6 542.7 356.2 178.3 554.5542.7 441.1 292.7 508.9 516.4 177.2 610.8 220.0 92.4 127.6 220.0 92.4 127.6 589.2 655.6 711.4 Vista de topo. Canopi Escala: 1/50 E 1 SV Elevação 1. Canopi Escala: 1/50 Elevação 2. Canopi Escala: 1/50 Plani cação das Faces da Membrana. Canopi Escala: 1/50 Dimensionamento dos Tubos para Calandragem. Canopi Escala: 1/50 N E 2 Diagrama de corte das faces da membrana para corte a lazer. União das faces por costura. p = profundidade de egaste na base de concreto SV SH SH SH SH
engastada em base de concreto armado. Canopi em tenso estrutura. Tela de fibra de vidro revestida com menbrana de silicone na cor amarela. Estrutura tubular calandrada metálica engastada em base de concreto armado pré-moldado. - cantina e pátio da Escola de Minas professoras cláudia arcipreste fernanda bueno
18 1.2 2.3 3.4 4.5 5.1 300.7 515.8 302.9 274.6 356.2 Plani cação das Faces da Membrana. Canopi Escala: 1/50 Diagrama de corte das faces da membrana para corte lazer. União das faces por costura.
Detalhamento
Grasshopper in Academic Project. UFOP 2013

BIM TECHNOLOGY

18 - 19

CODE TOOLS

BIM Management. EvolveLAB 2020 - present

The Code Tools are a collection of Revit workflows and content that leverage various BIM features to assist architects in calculating and documenting Occupancy Load, Number of Occupants, and other IBC information.

These tools are rely solely on OOTB Revit features, utilizing shared parameters and formulas to covert a small number of inputs into information the architects can integrate into their Code Plans. The tools also feature a user-friendly interface, schedules, and customized tags, allowing architects to interact and document their project with ease.

In this project, I was responsible to redesign the previous code tools version to simplify user interaction and ensure seamless data flow, eliminating the need for Dynamo Graphs or plug-ins. This involved implementing Shared Parameters, creating formulas, and redesigning schedules, tags, and documentation. Additionally, I served as the main speaker for the Data-Driven Occupancy Load Workflow Using Revit class at Autodesk University 2022, where this project was featured.

From top to bottom then left to right: 1) Color-coded QA/QC schedule designed as the main workflow interface. 2) Code Plan example combining multiple Code Tools features. 3) Custom Room/Area Tags. 4) Function of Space Legend, associated with the Code Plan example.

20 - 21

REVIT FAMILY LIBRARIES

BIM Management. EvolveLAB

2020 - present

EvolveLAB’s Revit Family Libraries consist of customized Casework, Doors, and Windows families that I helped develop, customize, and document to meet a broad range of client requirements.

These families incorporate various Revit features, including shared parameters and nested components, which enhance flexibility and enable seamless scheduling and tagging customization.

Window isometric explosion illustrating the main nested components within the family.

Selected imagery from Doors, Windows, and Casework Libraries. Including samples of some available families and their documentation within the Revit container file.

Throughout the production of these libraries, I undertook several responsibilities such as planning, implementing standards, revising existing families, and generating new families and their corresponding documentation.

22 - 23

TASKS

DIMENSION

VIEW CATEGORY DIMENSION

Dimension View by Category

Sample from a Glyph prototype. As part of the Glyph team, I have been actively involved in the project since its inception, providing wireframes, prototypes, and valuable feedback to shape the overall look and feel of the app’s UI/UX. During this time, I have made multiple constributions, helping coordinate the progress and consolidation of new features with previous versions of the

SETTINGS

View Type

Floor Plan: Floor Plan

View Template Floor Plan: 01 - Entry Level Parent View Dependant View

Architectural Plan

The Glyph UI/UX design played a pivotal role in establishing the firm’s standards and guidelines, as well as creating a cohesive identity and iconography for current and future apps.

Name Parameter Plan Custom Scope Box Name ParameterNaming Scheme Level 1 - Plan Overall Name Sample - Separator: Upercase Make RCP Make Elevation Make Section
Floor Plan
Level
Make
UI.

Some icons and logos I designed while at EvolveLAB.

UI/UX DESIGN

Visual Programming and Coding. 2020 - present

At EvolveLAB, I have worked closely with the app development team, assuming the role of a UI/UX Designer. In this capacity, I have been instrumental in crafting the user interface and user experience of diverse applications by employing wireframes and interactive prototypes to ensure functionality and usability as well as visual cohesion and refinement.

Furthermore, I have taken the helm in the realm of Graphic Design, leading the team in the creation of app logos and icons. Additionally, I have played a pivotal role in elevating and standardizing the firm’s Brand Identity, ensuring a cohesive and visually impactful representation across various platforms and touchpoints.

These mock-ups icons demonstrates my design skill as well as my proficiency in utilizing various software and tools such as in Adobe XD, Figma, Miro and Adobe Illustrator.

24 - 25

Sample from a Morphis prototype. This mock-up was developed as part of a comprehensive visioning study aimed at visualizing the possibilities and intricacies of a future iteration of the app. As part of this process, I collaborated with teammates and created various mock-ups that help brainstorm visual concepts and userinteraction processes to help guide the current app’s version and inform the implementation of future features.

Wire-frame created for the View Renumbering tool, a component of Bento (EvolveLAB’s free app suite). Given its simplicity and budget constraints, a wireframe sufficed during the design process, as the UI identity had already been established.

26 - 27

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.