Computational Design Portfolio_Clara Fonte Boa

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

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.

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.

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.

FABRICATION

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.

ACADEMIC PROJECTS

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.

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.

Grasshopper in Academic Project. UFOP 2013

BIM TECHNOLOGY

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.

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.

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.

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.

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.