## work
*I help organisations navigate complexity – from strategy to implementation. My work blends systems thinking with hands-on experience, see some highlights below:*
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">should i exist</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
critical project created for SCAR-ID, embodies the spirit of Ivan Illich’s concept of conviviality
</p>
<a href="https://joaotbarroso.com/Site/work/should+i+exist" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">wearing the weights of discrimination</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
wearing the weight of discrimination is an art installation that aims to convey the message that discrimination weighs.
</p>
<a href="https://joaotbarroso.com/Site/work/wearing+the+weights+of+discrimination" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">circular design workshop</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
workshop with children developed in partnership with sociedade ponto verde
</p>
<a href="https://joaotbarroso.com/Site/work/circular+design+workshop" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<font color="#000000">_</font>
<font color="#000000">_</font>
## thinking
*I balance critical thought with practical relevance, helping make sense of complex topics. see some highlights below:*
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">design driven (only) by growth</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
designers employ their skills to optimise human-system performance, making products more desirable, feasible, and viable while maintaining a unsustainable practice.
</p>
<a href="https://joaotbarroso.com/Site/thinking/design+driven+(only)+by+growth" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">design for regeneration - a shift to a post-anthropocentric mindset</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
dissertation that presents a visionary framework for the future of design, calling for a profound shift in mindset that recognises the interconnectedness of all things.
</p>
<a href="https://joaotbarroso.com/Site/thinking/design+for+regeneration+-+a+shift+to+a+post-anthropocentric+mindset" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<div style="width: 400px; display: flex; background-color: #f0f0f0; padding: 0.5rem; border-bottom: 2px solid #212121; box-sizing: border-box; align-items: flex-start; gap: 0.5rem; font-family: sans-serif;">
<!-- TEXT SECTION -->
<div style="flex: 1;">
<h2 style="margin: 0; font-size: 0.9rem; line-height: 1.1;">hyperobjects in design</h2>
<p style="margin: 0.3rem 0; font-size: 0.65rem; line-height: 1.2;">
as a designer, we must consider the complexity and admit that everything can be a hyperobject.
</p>
<a href="https://joaotbarroso.com/Site/thinking/hyperobjects+in+design" style="color: #212121; font-weight: 500; font-size: 0.7rem;">see more →</a>
</div>
</div>
<font color="#000000">_</font>
<font color="#000000">_</font>
<font color="#000000">_</font>
<font color="#000000">_</font>
<font color="#000000">_</font>
<font color="#000000">_</font>
<div
<div
<div
<div
<div
<div
###### <body> <div class="codepen_wrapper"> <!--Carbon Badge HTML Code starts here --> <div id="wcb" class="carbonbadge"> <div id="wcb_p"><span id="wcb_g">0.07g of CO<sub>2</sub>/view</span> <a id="wcb_a" target="_blank" rel="noopener" href="https://websitecarbon.com">Website Carbon</a></div> <span id="wcb_2"> Cleaner than 94% of pages tested</span></div> <!--Carbon Badge HTML Code ends here --> </div> <style> .carbonbadge { font-size: 9px; /* Adjust size as needed */} </style></body>