This video started off a school project, and ended up as a my first approach to motion design. Since it was going to be presented to representatives of different areas of the university, with a mixed audience of people inside and outside the architectural field, I realized I had the challenge of  making the video understandable to both groups. From concepts about sanitation, water supply and electricity, to explaining the key considerations and decisions that were made on my solution to a building's infrastructure.\
\
The next collection of animations that I **created using Figma** served as a visual aid that takes us on a tour of the infrastructure design process.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F68354ffa-fbf9-4933-b070-4ae604efc455.gif?alt=media&token=53f09a11-dc4a-48ac-98cd-37683a5abb6d","id":"68354ffa-fbf9-4933-b070-4ae604efc455","width":306,"height":306,"filename":"1_Trazo.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F2915a6f7-ea22-4862-aeae-2e9f4684f945.gif?alt=media&token=d5a6f482-cb30-4105-9158-111388950843","id":"2915a6f7-ea22-4862-aeae-2e9f4684f945","width":306,"height":306,"filename":"2_Sotano.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F7a02fb8b-7a82-4bb8-8bcd-e21000f2e6c2.gif?alt=media&token=047db4c9-8643-4b2f-81b9-57ee6a0a2e9f","id":"7a02fb8b-7a82-4bb8-8bcd-e21000f2e6c2","width":306,"height":306,"filename":"3_Engranes.gif","type":"image/gif","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F81f1ac14-ee6d-4746-8e90-8394be8db6a3.gif?alt=media&token=c46f6613-3645-4398-a013-38d26da61878","id":"81f1ac14-ee6d-4746-8e90-8394be8db6a3","width":306,"height":306,"filename":"4_Agua a dptos.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2Ff35f9f61-a6ac-40f6-ae2b-cfb0d3c9ef36.gif?alt=media&token=b9ccca72-8ef2-4a49-83e0-2520d06c7ae1","id":"f35f9f61-a6ac-40f6-ae2b-cfb0d3c9ef36","width":306,"height":306,"filename":"5_Hidroneumatico.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2Fa38bec51-bf5f-48f2-b196-cd4c4be303f9.gif?alt=media&token=dc259964-d9ad-45a4-9645-1ddf49514ca9","id":"a38bec51-bf5f-48f2-b196-cd4c4be303f9","width":306,"height":306,"filename":"6_Presurizador.gif","type":"image/gif","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2Fbe3bd3f9-a2ba-4188-aa8a-a554c12cdc6d.gif?alt=media&token=0b3dae25-9db3-4fda-98a0-a332124aa293","id":"be3bd3f9-a2ba-4188-aa8a-a554c12cdc6d","width":306,"height":306,"filename":"7_Aguas a lavabo.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2Fd94db0bd-32c3-4aef-851f-f3def7216e75.gif?alt=media&token=4d958336-03e5-4dbb-a35f-b59687c35a94","id":"d94db0bd-32c3-4aef-851f-f3def7216e75","width":306,"height":306,"filename":"8_Foco colores.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2Fcd8a4571-96b3-458a-a43b-8eb9f11d923e.gif?alt=media&token=efef394b-1a60-4f3d-8061-5e5b443534ce","id":"cd8a4571-96b3-458a-a43b-8eb9f11d923e","width":306,"height":306,"filename":"9_Luz sensor.gif","type":"image/gif","caption":"","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F3ef0a869-06d9-485a-9558-683c0641b546.gif?alt=media&token=ea25c08e-9538-46e8-ac11-f10fa9e28e1c","id":"3ef0a869-06d9-485a-9558-683c0641b546","width":306,"height":306,"filename":"10_Edificio se va luz.gif","type":"image/gif","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FXMFo9pmQUTTt4LSP0siPl3FfiCv2%2F84OrhafAImd9deswpmYU%2F0be84c6b-cdd9-452d-92b1-3de2a666171a.gif?alt=media&token=add656d1-c0c1-4684-8374-f094032d46c1","id":"0be84c6b-cdd9-452d-92b1-3de2a666171a","width":306,"height":306,"filename":"11_Bateria.gif","type":"image/gif","caption":"","border":false}]}
```

As a designer, it's important for me to convey complex concepts and technical jargon in a way that's easy to understand for people who may not be familiar with the field.\
\
By using animations, I can break down these concepts into visual representations that can help the audience better comprehend the information being presented. In essence, animations provide a means to simplify and clarify the technical aspects of architecture, making it accessible to a wider audience.\
\
Feel free to watch the explanation video below to have the full context behind all of them.

```cv
youtube
{"url":"https://www.youtube.com/watch?v=16c-J9PTp_0","width":200,"height":113,"thumbnail":"https://i.ytimg.com/vi/16c-J9PTp_0/hqdefault.jpg"}
```

\*Last part of the video was removed as it contained private or confidential information.

Designing for Functionality: A Motion Design tour to Infrastructure

UX Designer & Architect

Figma UI UX Design Advanced

HTML

Diseño UX: experiencia de usuario UX/UI + Figma 2023

Responsive web design

Google UX Design Certificate

Caer o No caer. El Secreto de las Estructuras.

Mobile app design. Project made as part of the Google UX certificate

Making rewarding equitable for foodies

Freelance project of a responsive web design

Providing mental health for spanish speakers abroad

Designing for Functionality: A Motion Design Guide to Infrastructure

Architect internship

QA Specialist

Mauricio Rabay

2023