Hidde Griek | The future isn’t a crystal ball. It's a canvas

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</title>
	<link>https://hiddegriek.com</link>
	<description>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</description>
	<pubDate>Fri, 01 Mar 2024 20:34:04 +0000</pubDate>
	<generator>https://hiddegriek.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Splashscreen</title>
				
		<link>https://hiddegriek.com/Splashscreen</link>

		<pubDate>Fri, 01 Mar 2024 20:34:04 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Splashscreen</guid>

		<description>
  
  Writing Effect
  
    .text-container {
      max-width: 100%;
      margin: 0 auto;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .top-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    .line-1, .line-2, .line-3, .line-4, .line-5, .line-6 {
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      animation: typing 1.5s steps(30, end) forwards, blink .75s step-end infinite;
      width: 100%;
      word-wrap: break-word;
    }

    .line-1 { animation-delay: 3s; animation-fill-mode: forwards; }
    .line-2 { animation-delay: 6s; animation-fill-mode: forwards; }
    .line-3 { animation-delay: 9s; animation-fill-mode: forwards; }
    .line-4 { animation-delay: 12s; animation-fill-mode: forwards; }
    .line-5 { animation-delay: 15s; animation-fill-mode: forwards; }
    .line-6 { animation-delay: 18s; animation-fill-mode: forwards; }

    @keyframes typing {
      from { width: 0; opacity: 0; visibility: hidden; }
      to { width: 100%; opacity: 1; visibility: visible; }
    }

    @keyframes blink {
      50% { border-color: transparent; }
    }

    @media (max-width: 767px) {
      .text-container {
        padding: 10px;
      }
      .top-row {
        flex-direction: column;
        align-items: flex-start;
      }
    }
  

        My personal mission in life is to reignite imagination. Why?
      
      
 Home &#38;nbsp;
    
    
    Nowadays life comes at us pretty fast - new technologies in old systems connect us more, but we feel individual control slipping away.
    
    Facing growing complexity, people feel increasingly powerless. Cynicism and fatalism spread - we figure society's best days have passed.
    
    Try it yourself: is your image of 2070, good or bad?
    
    This is what we forget - our structures, systems, gadgets, products, from tax systems to groceries - they are all engineered from human dreams made real with mutual effort.
    
    Our world and future are the canvas of our making. Imagination is the brush with which we paint reality.
    
    I want to make it yours too by showing you how.
  </description>
		
	</item>
		
		
	<item>
		<title>Navigation</title>
				
		<link>https://hiddegriek.com/Navigation</link>

		<pubDate>Wed, 15 Nov 2023 16:12:20 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Navigation</guid>

		<description>
.coming-soon {
  background-color: black;
  color: white;
  font-size: 10px; /* Very small text */
  padding: 1px 3px; /* Small padding for the label */
  border-radius: 5px; /* Rounded corners */
  margin-left: 5px; /* Space from the "Notes" link */
  white-space: nowrap; /* Prevents the text from wrapping */
  display: inline-block; /* Ensures it's on the same line as the link */
}


  	Home
    Project Vault
    Notescoming soon!
    About
  
  
    Get in contact
    
  
function toggleMenu() {
  var x = document.getElementById("navLinks");
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

function contact() {
  // Implement contact functionality or redirect to contact page
}

function goBack() {
  window.history.back();
}
</description>
		
	</item>
		
		
	<item>
		<title>Header</title>
				
		<link>https://hiddegriek.com/Header</link>

		<pubDate>Tue, 29 Aug 2023 18:37:03 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Header</guid>

		<description>

Home


  window.dataLayer = window.dataLayer &#124;&#124; [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-EDZQC9ZNGF');


/* Keyframe animations and other CSS styles remain unchanged. */

.image-container {
  position: relative;
  text-align: center;
  overflow: hidden; /* Ensures no spillover outside the container */
}

.rotate {
  position: relative;
  z-index: 2; /* Ensures this content is on top */
  transition: transform 0.1s ease-in-out;
}

/* Hover state for the .rotate class */
.rotate:hover {
  transform: rotate(4deg); /* Rotate the image slightly on hover */
}

.svg-scanline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Full width to cover the container */
  height: 100%; /* Full height to cover the container */
  z-index: 1; /* Below the .rotate layer */
  animation: revealScanline 2s linear forwards;
}

.custom-h3 {
      margin-top: 32px; /* More space above h3 */
      margin-bottom: 24px; /* More space below h3 */
    }

    .header h2 {
      position: relative;
      display: inline-block;
    }

    .header h2 .hidde-circle {
      display: inline-block;
      position: relative;
    }

    .header h2 .hidde-circle::after {
      content: '';
      position: absolute;
      bottom: -10px; /* Adjust this value to move the circle/line closer or further from the text */
      left: 0;
      right: 0;
      margin: auto;
      width: 1.5em; /* Circle size */
      height: 1.5em; /* Circle size */
      border: 2px solid black;
      border-radius: 50%;
    }

    .animated-intro {
      text-align: center;
      font-size: 2.5em; /* Adjust the font size as needed */
      opacity: 0;
      animation: fadeInOut 4s ease-in-out forwards;
    }

@keyframes revealScanline {
  from {
    clip-path: inset(0 0 100% 0); /* Hide the entire SVG initially from the bottom */
  }
  to {
    clip-path: inset(0 0 0 0); /* Reveal the SVG fully from the top to bottom */
  }
}


  body {
    background-color: white; /* White background */
    font-family: Arial, sans-serif; /* Default font */
  }
  
  .custom-label {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 50px;
  background-color: black;
  color: white;
  font-size: 15px; /* Inherits the font size from the parent element */
  line-height: inherit; /* Inherits the line height from the parent element */
  margin-left: 0px; /* Space between the button and the label */
  
}
  .header {
    font-size: 3em; /* Large text for the header */
    text-align: center; /* Centering the header text */
    margin-top: 50px; /* Spacing from the top */
  }
  
  .subheader {
    text-align: center; /* Centering the subheader text */
    margin-top: 20px; /* Spacing from the header */
    font-size: 1.2em
  }

  .header h1 {
      margin-bottom: 10px; /* Adjust this value to increase space between h1 and header2 */
    }

        .header2 h1 {
      font-size: 66%; /* Sets the font size to be 66% of the parent h1, making it approximately 1/3 smaller */

    @media (max-width: 768px) {
        /* Ensure the same width on mobile for header and header2 */
        .header, .header2 {
            width: 100%; /* Adjust as necessary for mobile */
        }
    }
 
  
  /* Adjustments for mobile views */
@media (max-width: 768px) {
  .text-section {
    margin-bottom: 40px; /* Increase space at the bottom of the text section */
  }


  Our future is a canvas, not a crystal ball 🔮
Hidde Griek — pronounced as 'hidden' minus the 'n' — is a strategic designer and entrepreneur with a cross-disciplinary background. His diverse education in design, philosophy, systems biology, and business fuels his unique approach to problem-solving. Want to know more?


    	All projects

    
    About Hidde
    
    
 Talk about your project for free
    30min
</description>
		
	</item>
		
		
	<item>
		<title>Section 4 - Featured Project</title>
				
		<link>https://hiddegriek.com/Section-4-Featured-Project</link>

		<pubDate>Sun, 19 Nov 2023 18:47:46 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Section-4-Featured-Project</guid>

		<description>

Recent Work

body {
  margin: 0;
  padding: 0;
}

[grid-row] {
  display: flex; /* or 'display: grid;' if using CSS Grid Layout */
  align-items: start; /* This aligns items to the top */
  /* Add other properties as needed for spacing and responsiveness */
}

.custom-button {
  display: inline-block;
  padding: 10px 10px; /* Adjust padding */
  margin-right: 10px; /* Space between buttons */
  border-radius: 30px; /* Rounded corners */
  border: 1px solid black; /* Black border */
  text-decoration: none; /* Removes underline from link */
  cursor: pointer;
  color: black; /* Text color */
  background-color: white; /* Background color */
  font-size: 13px;
}

.custom-button:hover {
  background-color: #ff0; /* Turns yellow on hover */
}

  
.button-container2 {
  text-align: left; /* Aligns buttons to the left */
  margin-top: 10px; /* Adds space above the button container */
}
.container2 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; /* Allows items to wrap on smaller screens */
  padding: 10px;
}

.card2 {
  border: 1px solid #000;
  padding: 10px;
  margin: 10px 10px 10px 10px; /* Adjusts the margin */
  flex: 0 0 calc(100% - 10px); /* Adjusts the width */
  box-sizing: border-box;
  border-radius: 10px;
  position: relative; /* Needed for absolute positioning of children */
  height: 100%; /* This will make them equal height */
}

@media (max-width: 768px) {
  .container2 {
    flex-direction: column;
    align-items: center;
  }
  
   .custom-button {
    padding: 8px 16px; /* Smaller padding for buttons */
    font-size: 12px; /* Smaller font size for buttons */
    margin-right: 5px; /* Reduced space between buttons */
  }

  .card2, .image-card {
    flex-basis: 100%; /* Full width on smaller screens */
    margin: 0px;
  }

  .button-container {
    flex-direction: column;
    align-items: center;
  }
  
  [grid-row] {
    flex-direction: column;
  }

  .image-gallery,
  .card2 {
    width: 100%; /* On mobile, they take full width */
    height: auto; /* Height can be auto to allow content to dictate the size */
  }

}


Featured projects


&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/09a9f05a9061fa6c54a76057182e36ab179c2fbf932677359fecc5eae11ff12c/FlipTheWipExport-6-min.jpg" data-mid="198344598" border="0" alt="Duckweed bloom in Delft (2023)" data-caption="Duckweed bloom in Delft (2023)" src="https://freight.cargo.site/w/1000/i/09a9f05a9061fa6c54a76057182e36ab179c2fbf932677359fecc5eae11ff12c/FlipTheWipExport-6-min.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/f983ae8a4d2b5459894edf628719e800550ccf3f2891ec5729557575cf3a5777/FlipTheWipExport-101-min.jpg" data-mid="197315986" border="0" alt="Planting the kroostegel version 2 (2023)" data-caption="Planting the kroostegel version 2 (2023)" src="https://freight.cargo.site/w/1000/i/f983ae8a4d2b5459894edf628719e800550ccf3f2891ec5729557575cf3a5777/FlipTheWipExport-101-min.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/2fdaa1a4fe2ff28fcf55020b5c5a11d299916fe94b59ca32e473547fd04dfb43/FlipTheWipExport-58-min.jpg" data-mid="198344601" border="0" data-no-zoom="true" alt="Creating the kroostegel version 2 (2023)" data-caption="Creating the kroostegel version 2 (2023)" src="https://freight.cargo.site/w/1000/i/2fdaa1a4fe2ff28fcf55020b5c5a11d299916fe94b59ca32e473547fd04dfb43/FlipTheWipExport-58-min.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/e735c351a274ae35ee5546fe6cf4f8d5136d7ea4dc83c1e3bf1ec95b516756cc/FlipTheWipExport-41-min.jpg" data-mid="198344600" border="0" alt="Sourcing duckweed (2023)" data-caption="Sourcing duckweed (2023)" src="https://freight.cargo.site/w/1000/i/e735c351a274ae35ee5546fe6cf4f8d5136d7ea4dc83c1e3bf1ec95b516756cc/FlipTheWipExport-41-min.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/9b20d8299f7390faf4ecfaf586ce5197f7f51efcf549342fffa658c58b2bcc2f/FlipTheWipExport-10-min.jpg" data-mid="198344599" border="0" alt="Dutch chamomile flower (2023)" data-caption="Dutch chamomile flower (2023)" src="https://freight.cargo.site/w/1000/i/9b20d8299f7390faf4ecfaf586ce5197f7f51efcf549342fffa658c58b2bcc2f/FlipTheWipExport-10-min.jpg" /&#62;
&#60;img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/2caf53e17363306eb5a6e796620ef5db08bc16ff8e8efdc5b0fb3d3282b1310e/FlipTheWipExport-100-min.jpg" data-mid="198344603" border="0" alt="The kroostegel version 2 (2023)" data-caption="The kroostegel version 2 (2023)" src="https://freight.cargo.site/w/1000/i/2caf53e17363306eb5a6e796620ef5db08bc16ff8e8efdc5b0fb3d3282b1310e/FlipTheWipExport-100-min.jpg" /&#62;

	
	&#60;img width="50" height="43" width_o="50" height_o="43" data-src="https://freight.cargo.site/t/original/i/213e04db0d593a21e5c9436a84ec9082d968ab8ed38de597dc753e5956fea4bc/fliplogowebsite.svg" data-mid="197313953" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/50/i/213e04db0d593a21e5c9436a84ec9082d968ab8ed38de597dc753e5956fea4bc/fliplogowebsite.svg" /&#62;
      Flip: regenerating biodiversity as a circular business case
      
        Currently working on
 
        Co-founder
        Market
      
    
      Flip the City is a start-up I founded in 2020. By using duckweed, Flip the City makes cities greener through creating innovative biodegradable planter tiles that promote biodiversity. Here are some achievements:
- Selected as part of the top 100 innovative companies in the Netherlands (2021)
- National press coverage: NPO, AD.nl, Financieel Dagblad, NEB
- As seen on national television with 550.000 viewers
      
      
 Visit website
    Explore
  
    
&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/ff04b128f7ed9510f3345d311b3040c878627b2c8a1e9224a9e1d81667519963/image-416-min.jpg" data-mid="198345375" border="0" alt="Presenting the SMR-2 in Helsinki Music Museum (2023)" data-caption="Presenting the SMR-2 in Helsinki Music Museum (2023)" src="https://freight.cargo.site/w/1000/i/ff04b128f7ed9510f3345d311b3040c878627b2c8a1e9224a9e1d81667519963/image-416-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/1b64fea9e8f3a156ffac90c6a82125c0b96e384f4a588ab0cc5bfbc667b5ec80/jpeg-optimizer_newportfolio3-1-min.jpg" data-mid="198345376" border="0" alt="Molding the concrete base of SMR-2 (2023)" data-caption="Molding the concrete base of SMR-2 (2023)" src="https://freight.cargo.site/w/1000/i/1b64fea9e8f3a156ffac90c6a82125c0b96e384f4a588ab0cc5bfbc667b5ec80/jpeg-optimizer_newportfolio3-1-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/0e1241a5bd6ee76ab5546357ae5dcb461fe44d5fbc5683cb9d19be612722bdd3/jpeg-optimizer_newportfolio4-1-min.jpg" data-mid="198345377" border="0" data-no-zoom="true" alt="Designing the interior of SMR-2 (2023)" data-caption="Designing the interior of SMR-2 (2023)" src="https://freight.cargo.site/w/1000/i/0e1241a5bd6ee76ab5546357ae5dcb461fe44d5fbc5683cb9d19be612722bdd3/jpeg-optimizer_newportfolio4-1-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/544c588f077978ddea606204a5513c94fcc67621db0a1bcac0bd104198cbd62d/jpeg-optimizer_newportfolio5-1-min.jpg" data-mid="198345378" border="0" alt="Milling the slider system of SMR-2 (2023)" data-caption="Milling the slider system of SMR-2 (2023)" src="https://freight.cargo.site/w/1000/i/544c588f077978ddea606204a5513c94fcc67621db0a1bcac0bd104198cbd62d/jpeg-optimizer_newportfolio5-1-min.jpg" /&#62;

	
	&#60;img width="65" height="58" width_o="65" height_o="58" data-src="https://freight.cargo.site/t/original/i/323b6ba79e0f962c1c7d0e84f5fb55a2e75893ac0beb7c5eab292fe04049408d/image-417.svg" data-mid="198345645" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/65/i/323b6ba79e0f962c1c7d0e84f5fb55a2e75893ac0beb7c5eab292fe04049408d/image-417.svg" /&#62;
      SMR-2 player: the future of music listening is interactive
      
        Designer
        Completed
        Prototype
      
    
      The future of music is an interactive one. During my studies at Aalto University I designed and developed a new way of interacting with music during the listening experience. By using neural networks and physical sliders, a user can adjust the volume of all parts of a song (drums, vocals, instruments, bass). Here are some achievements:
- Using the Spleeter Neural network infrastructure to dissect songs in parts
- Exhibited in the Museum of Music (Helsinki)
- Developed a novel technique for light reinforced concrete using 3D-printed structures

      
    Explore
  
    
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/5042c09d71495fe7e52d1b0d27e05b2dc98270298fa1881effe0fc6beef7ff4b/fokus2-min.jpg" data-mid="198411788" border="0" alt="Designing the Fokus(1) (2022)" data-caption="Designing the Fokus(1) (2022)" src="https://freight.cargo.site/w/1000/i/5042c09d71495fe7e52d1b0d27e05b2dc98270298fa1881effe0fc6beef7ff4b/fokus2-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/cedf0a07e8d1160312f437468fb174361007e8cb6f27cc2ef34885267b008190/fokus3-min.jpg" data-mid="198411789" border="0" data-no-zoom="true" alt="3D printing the Fokus(1) (2022)" data-caption="3D printing the Fokus(1) (2022)" src="https://freight.cargo.site/w/1000/i/cedf0a07e8d1160312f437468fb174361007e8cb6f27cc2ef34885267b008190/fokus3-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/5145c4d54677bad0c9cc9620be4b8d11861e49eaf2d56455ba6d0471f6d841fa/fokus4-min.jpg" data-mid="198411790" border="0" alt="Sketches of Fokus(1) by Nicolas Robertson (2022)" data-caption="Sketches of Fokus(1) by Nicolas Robertson (2022)" src="https://freight.cargo.site/w/1000/i/5145c4d54677bad0c9cc9620be4b8d11861e49eaf2d56455ba6d0471f6d841fa/fokus4-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/e8b8b41a699a4a96016b824465b128965dac1844c6536f272b17088cfef7c973/fokus5-min.jpg" data-mid="198411791" border="0" alt="Rapid prototyping the Fokus(1) (2022)" data-caption="Rapid prototyping the Fokus(1) (2022)" src="https://freight.cargo.site/w/1000/i/e8b8b41a699a4a96016b824465b128965dac1844c6536f272b17088cfef7c973/fokus5-min.jpg" /&#62;
&#60;img width="2003" height="1333" width_o="2003" height_o="1333" data-src="https://freight.cargo.site/t/original/i/b29af9d965c4b11f91fcbae608e8ccaf320132690325ea4d81d352a39438bacf/fokus1-min.jpg" data-mid="198411787" border="0" alt="Renders of the Fokus(1) by Nicolas Robertson (2022)" data-caption="Renders of the Fokus(1) by Nicolas Robertson (2022)" src="https://freight.cargo.site/w/1000/i/b29af9d965c4b11f91fcbae608e8ccaf320132690325ea4d81d352a39438bacf/fokus1-min.jpg" /&#62;

	
	&#60;img width="52" height="49" width_o="52" height_o="49" data-src="https://freight.cargo.site/t/original/i/9b47708ad92daba10b1c8f55be81add857b67208092962f5db68bbd0efb5151a/fokus.svg" data-mid="198411825" border="0" data-scale="2" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/52/i/9b47708ad92daba10b1c8f55be81add857b67208092962f5db68bbd0efb5151a/fokus.svg" /&#62;
      Fokus(1): ‘fidgeting’ can be used to enhance attention
      
        Designer
        Completed
        Prototype
      
    
      The candy-shaped Fokus(1) is a device that can both measure (a) how a person fidgets and (b) what a person's stress level is, all the while changing the fidget interaction on the basis of a stress level. Developed and designed at Aalto University with Nicolas Robertson and Natalia Trzmielak. Here are some achievements:
- Developed a technique (using GSR-sensors) to approximate a user’s stress levels
- Designed and prototyped within six weeks.
      
      
    Explore
  
  
&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/8aec7c742ffb117a895c2f5494b94e2e30e9ea4612ab22f1ebad509e7078a6ef/image-472.jpg" data-mid="204176690" border="0" alt="Sozo Mountain Bag shot by Kelt van Meurs in Switserland (2021)" data-caption="Sozo Mountain Bag shot by Kelt van Meurs in Switserland (2021)" src="https://freight.cargo.site/w/1000/i/8aec7c742ffb117a895c2f5494b94e2e30e9ea4612ab22f1ebad509e7078a6ef/image-472.jpg" /&#62;
&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/c2f3e844501fa4ba1e97b103605b1478376826cca41c35f2a62891a847e224f5/30534-1.jpg" data-mid="204176688" border="0" alt="Sold-out promotional event in the Melkweg (2019)" data-caption="Sold-out promotional event in the Melkweg (2019)" src="https://freight.cargo.site/w/1000/i/c2f3e844501fa4ba1e97b103605b1478376826cca41c35f2a62891a847e224f5/30534-1.jpg" /&#62;
&#60;img width="2000" height="1333" width_o="2000" height_o="1333" data-src="https://freight.cargo.site/t/original/i/107b968cbd3c51828730773f2c1c459777e528dd2a946c9657e8a6a6ccf6ed8d/image-471.jpg" data-mid="204176689" border="0" alt="Sozo Dad Cap shot by Kelt van Meurs in Guatamala (2020)" data-caption="Sozo Dad Cap shot by Kelt van Meurs in Guatamala (2020)" src="https://freight.cargo.site/w/1000/i/107b968cbd3c51828730773f2c1c459777e528dd2a946c9657e8a6a6ccf6ed8d/image-471.jpg" /&#62;

	
	&#60;img width="100" height="42" width_o="100" height_o="42" data-src="https://freight.cargo.site/t/original/i/7e7eca5f428d51198734239406d8ed2da21b4e66af587aaa344ae2095e9ca324/sozologosvg-1.svg" data-mid="204177275" border="0" data-scale="3" data-icon-mode src="https://freight.cargo.site/w/100/i/7e7eca5f428d51198734239406d8ed2da21b4e66af587aaa344ae2095e9ca324/sozologosvg-1.svg" /&#62;
      Sozo: branding the creator economy in a fashion jacket
      
        Completed
 
        Co-founder
        Market
      
    
      Co-founded in 2018, The Sozo Company represented my first startup. A fashion brand blending radical transparency, sustainability, and digital experiences. Here are some achievements:
- Sold out first promotional event in de Melkweg (2019)
- Launched over 31 products (2018-2021) selling in 10 different countries
- 120,000 unique social users reached, with 335,000 unique social impressions and an engagement rate of 10.4%
      
      
    Explore&#38;nbsp;
  
    
</description>
		
	</item>
		
		
	<item>
		<title>Section 2: Currently working on</title>
				
		<link>https://hiddegriek.com/Section-2-Currently-working-on</link>

		<pubDate>Wed, 15 Nov 2023 18:18:46 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Section-2-Currently-working-on</guid>

		<description>

Your Webpage Title


 body {
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
  }

.container {
    display: flex;
    justify-content: space-around; /* Distributes space evenly around items */
    flex-wrap: wrap; /* Allows items to wrap as needed */
    padding: 0px;
  }

  .card {
    border: 1px solid #000;
    padding: 10px;
    margin: 10px; /* Space around the card */
    flex: 0 0 calc(33.333% - 20px); /* Width - margin */
    box-sizing: border-box;
    transition: transform 0.2s ease-in-out;
    display: flex;
    align-items: center;
    border-radius: 5px;
    flex-direction: column;
    justify-content: space-between;
  }

  .card:hover {
    transform: translateY(-20px);
  }

.card-image {
  width: 30px; /* Adjust as needed */
  height: 30px; /* Adjust as needed */
  margin-right: 0px; /* Adjust the spacing between the image and the text */
  flex-shrink: 0; /* Prevent the image from shrinking */
}

.card-text {
  flex-grow: 1; /* Allows the text to take up the remaining space */
}

.card-labels {
  margin-top: 10px; /* Space between text and labels */
}

.label {
  /* Your existing label styles */
}

.see-more {
  display: inline-block;
  padding: 10px 10px;
  border-radius: 30px; /* Rounded corners */
  border: 1px solid black; /* Black border */
  text-decoration: none; /* Removes underline from link */
  cursor: pointer;
  color: black; /* Text color */
  background-color: white; /* Background color */
  font-size: 13px;
  margin-top: 10px; /* Adjust as needed */
  align-self: flex-end; /* Aligns the link to the right */
}

.see-more:hover {
  background-color: #ff0; /* Turns yellow on hover */
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  .container {
    justify-content: center;
  }

  .card {
    flex: 0 0 100%;
    margin: 5px; /* Corrected margin */
    max-width: 100%;
    transition: transform 0s; /* Disables the transform transition */
  }

  .card:hover {
    transform: none; /* Disables the hover effect */
  }

  .see-more {
    align-self: center;
    font-size: 13px;
    margin-top: 10px;
  }
}
}


Working as ..


        &#60;img width="50" height="43" width_o="50" height_o="43" data-src="https://freight.cargo.site/t/original/i/213e04db0d593a21e5c9436a84ec9082d968ab8ed38de597dc753e5956fea4bc/fliplogowebsite.svg" data-mid="196971859" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/50/i/213e04db0d593a21e5c9436a84ec9082d968ab8ed38de597dc753e5956fea4bc/fliplogowebsite.svg" /&#62;
      
Running Flip the City as founder, a startup that uses duckweed to create biodiversity for greener cities in the Netherlands.
        
          Designer
          Co-founder
        
        Explore&#38;nbsp;
      
    
        &#60;img width="50" height="43" width_o="50" height_o="43" data-src="https://freight.cargo.site/t/original/i/e99630efeb3dd4aea872fd82ce41987e37bd2f2564295b64f4f5f7b2274c4906/ftrprflogowebsite.svg" data-mid="196974341" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/50/i/e99630efeb3dd4aea872fd82ce41987e37bd2f2564295b64f4f5f7b2274c4906/ftrprflogowebsite.svg" /&#62;
      
I work as an analyst for ftrprf. Currently helping one of the largest Dutch pension funds transition towards becoming an impact-investor.&#38;nbsp;
        
          Designer
          Researcher
        
        Explore
      
    
       🧠 
      
Open as a freelance designer or business developer for gigs in product design, strategic design, consultancy and research.
        
          Designer
          Business developer
          Freelance
        
        Explore
      
    
</description>
		
	</item>
		
		
	<item>
		<title>Section 3.5 - Now Working On</title>
				
		<link>https://hiddegriek.com/Section-3-5-Now-Working-On</link>

		<pubDate>Sun, 11 Feb 2024 13:06:53 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Section-3-5-Now-Working-On</guid>

		<description>

Recent Work

/* ... other styles ... */

@keyframes fillBar {
  from { width: 0; }
  to { width: 100%; }
}

[grid-row] {
  display: flex; /* or 'display: grid;' if using CSS Grid Layout */
  align-items: start; /* This aligns items to the top */
  /* Add other properties as needed for spacing and responsiveness */
}

.custom-button3 {
  display: inline-block;
  padding: 10px 10px; /* Adjust padding */
  margin-right: 10px; /* Space between buttons */
  border-radius: 30px; /* Rounded corners */
  border: 1px solid black; /* Black border */
  text-decoration: none; /* Removes underline from link */
  cursor: pointer;
  color: black; /* Text color */
  background-color: white; /* Background color */
  font-size: 13px;
}

.custom-button3:hover {
  background-color: #ff0; /* Turns yellow on hover */
}

 .button-container2 {
  text-align: left; /* Aligns buttons to the left */
  margin-top: 10px; /* Adds space above the button container*/
  margin-bottom: 10px; /* Adds space above the button container*/
  
  }

.progress-bar {
  height: 24px; /* Increased height of the progress bar */
  background-color: black; /* Progress bar fill color */
  color: white; /* Text color */
  line-height: 24px; /* Align text vertically */
  text-align: center; /* Center text in the progress bar */
  border-radius: 3px; /* Adjusted for inner bar */
  width: 0; /* Initial width */
  /* Animation will be applied via JavaScript */
}

.card2 {
  /* ... other styles ... */
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align children to the start of the cross axis */
}

.h3-container {
  display: flex;
  justify-content: space-between; /* Space out title and social icons */
  align-items: center;
  width: 100%; /* Full width to spread content across the card */
  margin-top: 10px; /* Distance between title and progress bar */
  margin-bottom: 10px; /* Distance between title and progress bar */
}

.label-container {
  /* ... other styles ... */
  margin-top: 10px; /* Distance between labels and text */
  margin-bottom: 10px; /* Distance between labels and text */
}

.follow-container {
  /* Your styles for the container */
}

.follow-container {
  width: calc(100% - 10px); /* Full width minus padding */
  height: 10px
  display: flex;
  flex-direction: column;
  gap: 5px; /* Space between form elements */
  margin-bottom: 10px; /* Space at the bottom */
}

.follow-container input[type="email"] {
  /* Your styles for the input field */
  width: calc(100% - 10px); /* Adjust width according to your button width */
  margin-right: 10px; /* Space between input and button */
  display: flex;
  flex-direction: column;
  gap: 5px; /* Space between form elements */
  margin-bottom: 10px; /* Space at the bottom */
}

/* You can use media queries to adjust the layout on smaller screens */
@media (max-width: 768px) {
  .follow-container input[type="email"],
  .follow-container button {
    width: 100%;
    margin-right: 0;
  }
}


input[type="email"], .custom-button3 {
  width: 100%; /* Fill the width */
  box-sizing: border-box; /* Include padding and border in width */
}

.container2 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; /* Allows items to wrap on smaller screens */
  padding: 0px;
}

.card2 {
  border: 1px solid #000;
  padding: 10px;
  margin: 10px 10px 10px 10px; /* Adjusts the margin */
  flex: 0 0 calc(100% - 10px); /* Adjusts the width */
  box-sizing: border-box;
  border-radius: 5px;
  position: relative; /* Needed for absolute positioning of children */
  height: 100%; /* This will make them equal height */
}

  .image-gallery,
  .card2 {
    width: 100%; /* On mobile, they take full width */
    height: auto; /* Height can be auto to allow content to dictate the size */
  }

}


/* Update your progress-bar class to remove the width settings */
.progress-bar {
  height: 24px;
  background-color: black;
  color: white;
  line-height: 24px;
  text-align: center;
  border-radius: 5px;
  /* Animation will be applied via JavaScript */
}


.progress-bar-container {
  width: 100%;
  background-color: white; /* White background */
  border: 1px solid black; /* Black border */
  border-radius: 5px; /* Rounded corners for the container */
  overflow: hidden; /* Ensures the inner bar stays within the border */
}

.progress-bar {
  height: 12px; /* Height of the progress bar */
  text-align: center; /* Center text in the progress bar */
  line-height: 12px; /* Align text vertically */
  color: white; /* Text color */
  background-color: black; /* Progress bar fill color */
  transition: width 0.4s ease; /* Smooth transition for width changes */
}

/* Classes for each progress level */
.progress-25 { width: 25%; }
.progress-50 { width: 50%; }
.progress-75 { width: 75%; }
.progress-100 { width: 100%; }

.social-icons1 {
  display: flex;
  gap: 5px; /* Space between icons */
  list-style-type: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
  margin: 0 0 0 auto; /* Auto margin to push to the right */
}

.social-icons1 img {
  width: 20px; /* Small size for social icons */
  height: 20px; /* Maintain aspect ratio */
  filter: grayscale(100%); /* Black and white filter */
}

/* ... @keyframes and .progress-bar styles ... */

@media (max-width: 768px) {
  .container2 {
    flex-direction: column;
    align-items: center;
  }
  
   .custom-button3 {
    padding: 8px 16px; /* Smaller padding for buttons */
    font-size: 12px; /* Smaller font size for buttons */
    margin-right: 5px; /* Reduced space between buttons */
  }

  .card2, .image-card {
    flex-basis: 100%; /* Full width on smaller screens */
    margin: 0px;
  }

  .button-container2 {
    flex-direction: column;
    align-items: center;
  }
  
  [grid-row] {
    flex-direction: column;
  }


&#38;nbsp;Now working on.. 


          Pidgin
          
            
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/instagram-new.png" alt="Instagram Icon"&#62;
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/linkedin.png" alt="LinkedIn Icon"&#62;
          
        
          Currently working on
          Designer
          Researcher
        
        
        How can we demystify AI technologies and foster stronger communication between technical and non-technical team members in business settings?
&#38;nbsp;
This tool aims to streamline the onboarding process for business professionals in AI projects by providing clear, practical, and tailored explanations of AI technologies and their applications.

        
        Follow this project?

        
    Subscribe to follow updates

      
          Twig
          
            
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/instagram-new.png" alt="Instagram Icon"&#62;
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/linkedin.png" alt="LinkedIn Icon"&#62;
          
        
          Currently working on
          Designer
          Researcher
        
        
        Global fertility has plunged 50% since 1950, below population replacement levels. The repercussions of this are that major economies face shrinking, aging populations. 
Although perhaps from a sustainability angle not entirely fitting, I am exploring ways to empower both men and women with accurate and tailored fertility information, ensuring equitable access.&#38;nbsp;

        
        Follow this project?

        
    Subscribe to follow updates
  

          Studio-model
          
            
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/instagram-new.png" alt="Instagram Icon"&#62;
            &#60;img src="https://img.icons8.com/ios-filled/50/00000/linkedin.png" alt="LinkedIn Icon"&#62;
          
        
          Currently working on
          Designer
          Co-Founder
        
        
        Currently developing a new model for what strategic design agencies can look like. Integrating rigorous contextual research with real-world concept validation, we create innovative 75%-ready solutions ready for impact. 
Rather than just optimizing for clients, we want to actively try to shape preferable futures - while using a new methodological approach. Interested?

        
        Follow this project?

        
    Subscribe to follow updates
  

document.addEventListener("DOMContentLoaded", function() {
  // Function to check if the element is in the viewport
  function isInViewport(element) {
    const rect = element.getBoundingClientRect();
    return (
      rect.top &#62;= 0 &#38;&#38;
      rect.left &#62;= 0 &#38;&#38;
      rect.bottom </description>
		
	</item>
		
		
	<item>
		<title>Section 3: Slider</title>
				
		<link>https://hiddegriek.com/Section-3-Slider</link>

		<pubDate>Sun, 19 Nov 2023 15:53:33 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Section-3-Slider</guid>

		<description>
  
  Your Webpage Title
  
    body {
      margin: 0;
      padding: 0;
      overflow-x: hidden; /* Hide horizontal scrollbar caused by logo slider */
    }

.static-slider-container {
      width: 100%;
      box-sizing: border-box;
      padding: 20px 0;
      justify-content: space-evenly; /* Evenly space icons across the container */
    }

    .static-slider {
      display: flex;
      flex-wrap: wrap; /* Allow icons to wrap to the next line */
      justify-content: center; /* Center icons horizontally */
    }

    .static-icon {
      flex: 0 0 auto;
      margin: 0 10px;
      
      }
    .slider-container {
      width: 100vw;
      overflow: hidden;
      white-space: nowrap;
      box-sizing: border-box;
      padding: 20px 0;
    }

    .slider {
      display: flex;
      animation: slide linear 15s infinite;
    }

   .icon {
  flex: 0 0 auto;
  margin: 0 10px; /* Adjust space between logos */
  transition: transform 0.2s ease-in-out; /* Smooth transition for hover effect */
}

    /* Continuous slide animation */
    @keyframes slide {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); } /* Slide only half the distance of the total width */
    }

   /* Hover effect */
@media (hover: hover) and (pointer: fine) {
  .icon:hover {
    transform: translateY(-20px); /* Move up on hover */
    /* No need to repeat the transition rule here as it's already defined for the .icon class */
  }
    }
  
  
 Recognized by ..
  
    
      &#60;img width="151" height="150" width_o="151" height_o="150" data-src="https://freight.cargo.site/t/original/i/cb8fd124483ec64e04e079b24fc8c5d56899f99ccc17c2d536887fe8dfa1147d/Group-20.svg" data-mid="197304554" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/151/i/cb8fd124483ec64e04e079b24fc8c5d56899f99ccc17c2d536887fe8dfa1147d/Group-20.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/cee8f0f2633b56fbe20c5091420b1c7c9121ffc6604effebcb53971fad105ff3/Group-21.svg" data-mid="197304555" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/cee8f0f2633b56fbe20c5091420b1c7c9121ffc6604effebcb53971fad105ff3/Group-21.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/6ba42ff05bb4893322cdafffda4350ad08d191469818c3b6f652d7bfaffcd12e/Group-22.svg" data-mid="197304556" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/6ba42ff05bb4893322cdafffda4350ad08d191469818c3b6f652d7bfaffcd12e/Group-22.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/6f7e9d8d6a78553aeb8180f3bc41def5ea6952299cd68b0a512b7a4531d333b1/Group-23.svg" data-mid="197304557" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/6f7e9d8d6a78553aeb8180f3bc41def5ea6952299cd68b0a512b7a4531d333b1/Group-23.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/8be4f41ec5f086924a58f9fade291c0fa882ba300cfd3f413e5c0e661cfd37e2/Group-24.svg" data-mid="197304558" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/8be4f41ec5f086924a58f9fade291c0fa882ba300cfd3f413e5c0e661cfd37e2/Group-24.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/1142e2dfefcb3f6de9e9cfb59e6e48aa71a9152d2f6d896e30e7cfe9ea23d1b6/milanodesignweek-1.svg" data-mid="197304579" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/1142e2dfefcb3f6de9e9cfb59e6e48aa71a9152d2f6d896e30e7cfe9ea23d1b6/milanodesignweek-1.svg" /&#62;

      
      &#60;img width="151" height="150" width_o="151" height_o="150" data-src="https://freight.cargo.site/t/original/i/cb8fd124483ec64e04e079b24fc8c5d56899f99ccc17c2d536887fe8dfa1147d/Group-20.svg" data-mid="197304554" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/151/i/cb8fd124483ec64e04e079b24fc8c5d56899f99ccc17c2d536887fe8dfa1147d/Group-20.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/cee8f0f2633b56fbe20c5091420b1c7c9121ffc6604effebcb53971fad105ff3/Group-21.svg" data-mid="197304555" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/cee8f0f2633b56fbe20c5091420b1c7c9121ffc6604effebcb53971fad105ff3/Group-21.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/6ba42ff05bb4893322cdafffda4350ad08d191469818c3b6f652d7bfaffcd12e/Group-22.svg" data-mid="197304556" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/6ba42ff05bb4893322cdafffda4350ad08d191469818c3b6f652d7bfaffcd12e/Group-22.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/6f7e9d8d6a78553aeb8180f3bc41def5ea6952299cd68b0a512b7a4531d333b1/Group-23.svg" data-mid="197304557" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/6f7e9d8d6a78553aeb8180f3bc41def5ea6952299cd68b0a512b7a4531d333b1/Group-23.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/8be4f41ec5f086924a58f9fade291c0fa882ba300cfd3f413e5c0e661cfd37e2/Group-24.svg" data-mid="197304558" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/8be4f41ec5f086924a58f9fade291c0fa882ba300cfd3f413e5c0e661cfd37e2/Group-24.svg" /&#62;
      &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/1142e2dfefcb3f6de9e9cfb59e6e48aa71a9152d2f6d896e30e7cfe9ea23d1b6/milanodesignweek-1.svg" data-mid="197304579" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/1142e2dfefcb3f6de9e9cfb59e6e48aa71a9152d2f6d896e30e7cfe9ea23d1b6/milanodesignweek-1.svg" /&#62;
      
      
Worked with ..

  
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/5c43bc0d96d3d07cabd73e8418b095ac462b22c3f785f070924edef5a34fe346/Group-35.svg" data-mid="200011767" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/5c43bc0d96d3d07cabd73e8418b095ac462b22c3f785f070924edef5a34fe346/Group-35.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/287e45dee8b5ffa5eb13d86c0f0f0e37089446de8248f1d92651e03b7d9945ee/Group-37.svg" data-mid="200011769" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/287e45dee8b5ffa5eb13d86c0f0f0e37089446de8248f1d92651e03b7d9945ee/Group-37.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/ec2c39ff82425d9e6583e87500ef7a4ddc45c48fa570a0e05f0543a16f6a805a/Group-38.svg" data-mid="200011859" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/ec2c39ff82425d9e6583e87500ef7a4ddc45c48fa570a0e05f0543a16f6a805a/Group-38.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/a453ebee374b07e91a22f5281a688ec2d9581695f31e8b0ce950f3b4f3861b89/Group-34.svg" data-mid="200011766" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/a453ebee374b07e91a22f5281a688ec2d9581695f31e8b0ce950f3b4f3861b89/Group-34.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/eaff4fe421049b1f42113be5719063a84fac8e4c45e0e080f8086c52d4ba51cb/Group-33.svg" data-mid="200011765" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/eaff4fe421049b1f42113be5719063a84fac8e4c45e0e080f8086c52d4ba51cb/Group-33.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/3c059d2c60b810ea956d6802a1fe10016ce2861ae69939126b6a19c1e17204c2/Group-32.svg" data-mid="200011764" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/3c059d2c60b810ea956d6802a1fe10016ce2861ae69939126b6a19c1e17204c2/Group-32.svg" /&#62;
    
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/5c43bc0d96d3d07cabd73e8418b095ac462b22c3f785f070924edef5a34fe346/Group-35.svg" data-mid="200011767" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/5c43bc0d96d3d07cabd73e8418b095ac462b22c3f785f070924edef5a34fe346/Group-35.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/287e45dee8b5ffa5eb13d86c0f0f0e37089446de8248f1d92651e03b7d9945ee/Group-37.svg" data-mid="200011769" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/287e45dee8b5ffa5eb13d86c0f0f0e37089446de8248f1d92651e03b7d9945ee/Group-37.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/ec2c39ff82425d9e6583e87500ef7a4ddc45c48fa570a0e05f0543a16f6a805a/Group-38.svg" data-mid="200011859" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/ec2c39ff82425d9e6583e87500ef7a4ddc45c48fa570a0e05f0543a16f6a805a/Group-38.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/a453ebee374b07e91a22f5281a688ec2d9581695f31e8b0ce950f3b4f3861b89/Group-34.svg" data-mid="200011766" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/a453ebee374b07e91a22f5281a688ec2d9581695f31e8b0ce950f3b4f3861b89/Group-34.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/eaff4fe421049b1f42113be5719063a84fac8e4c45e0e080f8086c52d4ba51cb/Group-33.svg" data-mid="200011765" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/eaff4fe421049b1f42113be5719063a84fac8e4c45e0e080f8086c52d4ba51cb/Group-33.svg" /&#62;
    &#60;img width="150" height="150" width_o="150" height_o="150" data-src="https://freight.cargo.site/t/original/i/3c059d2c60b810ea956d6802a1fe10016ce2861ae69939126b6a19c1e17204c2/Group-32.svg" data-mid="200011764" border="0" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/150/i/3c059d2c60b810ea956d6802a1fe10016ce2861ae69939126b6a19c1e17204c2/Group-32.svg" /&#62;
    
  
</description>
		
	</item>
		
		
	<item>
		<title>design overview</title>
				
		<link>https://hiddegriek.com/design-overview</link>

		<pubDate>Mon, 12 Dec 2022 11:43:38 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/design-overview</guid>

		<description>


  window.dataLayer = window.dataLayer &#124;&#124; [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-EDZQC9ZNGF');


/* Chrome, Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .project-block {
    /* Specific styles for Chrome/Safari */
  }
}


.custom-img img {
  width: 100%;
  display: block;
  height: auto;
}


.project-block {
  display: flex;
  flex-direction: column;
  overflow: auto; /* This can contain the float and prevent margin collapse */
}

.project-block .button-container {
  margin-top: auto; /* Pushes the button to the bottom */
}
    /* Desktop styles */
    .grid-row .project-block {
      float: left; /* Align blocks side by side */
      width: 25%; /* Four blocks should fit in a row */
      box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }

    /* Clearfix for floated elements */
    .grid-row::after {
      content: "";
      clear: both;
      display: table;
    }

    /* Mobile styles */
    @media screen and (max-width: 768px) {
      .grid-row .project-block {
        width: 100%; /* Full width for mobile */
        float: none; /* Stack blocks vertically on mobile */
      }
      
      .bodycopy {
        font-size: 2.2rem;
        font-family: "Neue Haas Grotesk", Icons;
        font-style: normal;
        font-weight: 400;
      }

      .custom-img img {
        width: 100%;
        height: auto; /* Ensure images fill the container on mobile */
      }
    }

    /* Toggle button styles */
    .toggle-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      width: 100%;
    }

    .toggle-icon {
      cursor: pointer;
      margin-right: 1rem;
      font-size: 5.2rem;
    }

    /* The project list will display by default */
    .project-container {
      display: block; /* Initially show the content */
    }

    .button-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      gap: 10px;
      margin-top: 20px;
    }

    .custom-btn-white-back {
      /* Additional styling for your buttons */
    }
  

Selected Projects
    
  
 &#60;img width="512" height="512" width_o="512" height_o="512" data-src="https://freight.cargo.site/t/original/i/e2c8af807a4ac0b02a25a893204932208acfc1c5ad26a33ee9adc3538775504f/SMR-2-512-by-512.jpg" data-mid="182397997" border="0"  src="https://freight.cargo.site/w/512/i/e2c8af807a4ac0b02a25a893204932208acfc1c5ad26a33ee9adc3538775504f/SMR-2-512-by-512.jpg" /&#62;


          SMR2-player
The future of music is interaction. I designed a new way to interact with loudspeakers using artificial intelligence.&#38;nbsp;
        
        
          ID:
          #018.23
        
        
          Status:
          
            Designer
 
          
          Client:
          Genelec, Self-initiated
        
        
          Year:
          2023
        
        
          Website:
          n/a
        
        
          Discover:
          n/a
        
        
        Open this project
        
      
 &#60;img width="700" height="700" width_o="700" height_o="700" data-src="https://freight.cargo.site/t/original/i/e1379a9165e3cb018b10916b553a3e4eb0236a95640799810392ebbe3cfb6e10/image_2022-12-14_213855895.png" data-mid="161958935" border="0"  src="https://freight.cargo.site/w/700/i/e1379a9165e3cb018b10916b553a3e4eb0236a95640799810392ebbe3cfb6e10/image_2022-12-14_213855895.png" /&#62;


          Fokus(1)
It’s okay to fidget, as long as you do it with Fokus: the first smart ‘fidgeting’ device for soliciting better attention.&#38;nbsp;
        
        
          ID:
          #011.22
        
        
          Status:
          
            Designer
 
          
          Client:
          Aalto University
        
        
          Year:
          2022
        
        
          Website:
          n/a
        
        
          Discover:
          n/a
        
        
        Open this project
        
      
 &#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/d1f7c5071fef732c4839372cbecb92a97acf86c9f205b05cd4dbdf558e8633da/image_2024-01-27_221407007.png" data-mid="202965780" border="0"  src="https://freight.cargo.site/w/1000/i/d1f7c5071fef732c4839372cbecb92a97acf86c9f205b05cd4dbdf558e8633da/image_2024-01-27_221407007.png" /&#62;


          Flip the City
Building greener cities by creating kroostegels innovative biodegradable substrate tiles made from duckweed.&#38;nbsp;
        
        
          ID:
          #018
        
        
          Status:
          
            Designer
            Co-founder
          
        
          Client:
          Self-initiated
        
        
          Year:
          2020
        
        
          Website:
          www.letsflipthecity.nl
        
        
          Discover:
          BinnesteBuiten, FD, AD, MT
        
        
        Open this project
        
      
 &#60;img width="512" height="512" width_o="512" height_o="512" data-src="https://freight.cargo.site/t/original/i/58499f370ec3d7b08d1b85335f61bcafb48b4ebe2994786b365f2512b4350796/gp.jpg" data-mid="185242632" border="0"  src="https://freight.cargo.site/w/512/i/58499f370ec3d7b08d1b85335f61bcafb48b4ebe2994786b365f2512b4350796/gp.jpg" /&#62;


          MimiA dementia-oriented social technology that integrates rural healthcare, family and AI.


          ID:
          #008.12
        
        
          Status:
          
            Designer
            Advisor
          
        
          Client:
          Aalto University, NordicCentre
        
        
          Year:
          2021
        
        
          Website:
          n/a
        
        
          Discover:
          World Expo 2021, Aalto
        
        
        Open this project
        
      
.clearfix {
  clear: both;
}


 &#60;img width="966" height="966" width_o="966" height_o="966" data-src="https://freight.cargo.site/t/original/i/734eb290ab08c2cc54bcb1880a166b26611f4f149f5aafbd70123640b6dd9987/image_2024-01-28_180839565.png" data-mid="203000860" border="0"  src="https://freight.cargo.site/w/966/i/734eb290ab08c2cc54bcb1880a166b26611f4f149f5aafbd70123640b6dd9987/image_2024-01-28_180839565.png" /&#62;


          Systems Weavingpresents a vision for how designers can overcome the complex, dynamic and interconnected nature of contemporary design problems.
        
        
          ID:
          #019.23
        
        
          Status:
          
            Designer
            Researcher
          
        
          Client:
          Self-Initiated
        
        
          Year:
          2023
        
        
          Website:
          Download
        
        
          Discover:
          Aalto Doc
        
        
        Open this project
        
      
 &#60;img width="512" height="512" width_o="512" height_o="512" data-src="https://freight.cargo.site/t/original/i/fc6be505675f30d74a875d98da9d3fb26352eedcede71a46c5f24eb71b7a6c88/mountlab.jpg" data-mid="185864237" border="0"  src="https://freight.cargo.site/w/512/i/fc6be505675f30d74a875d98da9d3fb26352eedcede71a46c5f24eb71b7a6c88/mountlab.jpg" /&#62;


          Mountlab
We created durable, flexible &#38;amp; tactical trousers next to a sleeve that measures muscle stretching for climbers and indoor bouldering enthusiasts.
        
        
          ID:
          #012b.23
        
        
          Status:
          
            Designer
 
          
          Client:
          Aalto University
        
        
          Year:
          2022
        
        
          Website:
          n/a
        
        
          Discover:
          n/a
        
        
        Open this project
        
      
 &#60;img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/0e9a67adfa423b136439af2d94280a3c5566b1e21db14906dfbca68f394ebe84/image_2024-02-08_160205040.png" data-mid="204182471" border="0"  src="https://freight.cargo.site/w/1000/i/0e9a67adfa423b136439af2d94280a3c5566b1e21db14906dfbca68f394ebe84/image_2024-02-08_160205040.png" /&#62;


          Josephine Malcorps
I designed Josephine Malcorps, a Dutch/Norwegian designer at Botter Official, her portfolio website (focus on tactile and traditional mediums).
        
        
          ID:
          #013.22
        
        
          Status:
          
            Designer
            Developer
          
        
          Client:
          Josephine Malcorps
        
        
          Year:
          2022
        
        
          Website:
          www.josephinemalcorps.com
        
        
          Discover:
          n/a
        
        
        Open this project
        
      
 &#60;img width="1000" height="1000" width_o="1000" height_o="1000" data-src="https://freight.cargo.site/t/original/i/8cf123b0b687a108988cb9aa80123c7ac01a5ba18081bdab9a9f099c8c25f3ff/image_2024-02-08_152358175.png" data-mid="204177380" border="0"  src="https://freight.cargo.site/w/1000/i/8cf123b0b687a108988cb9aa80123c7ac01a5ba18081bdab9a9f099c8c25f3ff/image_2024-02-08_152358175.png" /&#62;


          The Sozo Company
Co-founded in 2018, Sozo represented my first entrepreneurial attempt at starting a fashion brand blending radical transparency and sustainability.
        
        
          ID:
          #003.18
        
        
          Status:
          
            Designer
            Co-Founder
          
        
          Client:
          Self-initiated
        
        
          Year:
          2018
        
        
          Website:
          n/a
        
        
          Discover:
          n/a
        
        
        Open this project
        
      
    Selected Graphics
    − 
  

</description>
		
	</item>
		
		
	<item>
		<title>The Sozo Company</title>
				
		<link>https://hiddegriek.com/The-Sozo-Company</link>

		<pubDate>Wed, 07 Feb 2024 10:24:21 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/The-Sozo-Company</guid>

		<description>Project Overview
  
  
document.querySelector('.image-list').addEventListener('scroll', function(e) {
  if (this.scrollLeft === 0) {
    e.preventDefault();
  }
}, false);


/* Scroll Section */

   .image-list {
  display: flex;
  overflow-x: auto;
  padding: 20px 0; /* Top and bottom padding only */
  list-style: none;
}

.image-item {
  margin-right: 5px; /* Small gap between images */
}

.image-item:last-child {
  margin-right: 0; /* Prevent extra space at the end of the scroll */
}

.image-item img {
  display: block; /* Remove any default inline spacing */
  height: auto; /* Maintain aspect ratio */
}

.viewport {
  max-width: 100%;
  margin: auto;
  overflow: hidden; /* Hide the overflow to maintain a clean look */
}

/* Seperator */

.hr-thin {
  height: 0.1em;
  border: none;
  background-color: #333;
}


/* If the hero image is not the last element and you want to add space below it */
.hero.image {
  margin-bottom: 1rem; /* This adds spacing below the hero image */
}

/* ... other styles ... */
.info-table {
  width: 80%; /* Adjust the width as needed */
  font-size: 0.8em; /* Smaller font size */
  table-layout: fixed; /* This helps to keep the table layout fixed regardless of content */
}

.info-table td {
  padding: 4px 8px; /* Reduced padding inside cells */
}

.info-table .label {
  padding: 2px 4px; /* Smaller labels */
  font-size: 0.75em; /* Even smaller font size for labels */
}


/* Adjustments for the right alignment and width of the table */
.info-table {
  width: 50%; /* Decreased width */
  font-size: 0.8em;
  table-layout: fixed;
  margin-left: auto; /* Align table to the right */
  margin-right: 0;
}

.info-table td {
  padding: 4px 8px;
}

.info-table .label {
  padding: 2px 4px;
  font-size: 0.75em;
}

/* Responsive grid adjustments if needed */
[grid-row] {
  display: flex;
  justify-content: space-between;
}

[grid-col="7"] {
  flex: 0 0 58.33333%; /* Adjusted to 7/12 of the parent container */
}

[grid-col="5"] {
  flex: 0 0 41.66667%; /* Adjusted to 5/12 of the parent container */
}

/* Additional responsive adjustments for smaller screens can be added here */
@media (max-width: 768px) {
  [grid-col="7"], [grid-col="5"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .info-table {
    width: 100%;
  }
}


	The Sozo Company
Founded in 2018, The Sozo Company represented my first attempt at starting a fashion brand blending radical transparency, sustainability, and digital experiences.


          ID:
          #003.18
        
        
          Status:
          
            Completed
            Market
          
        
          Client:
          Self-initiated
        
        
          Year:
          2018-2021
        
        
          Collab:
          
        
          Discover:
          
        
&#60;img width="1350" height="1000" width_o="1350" height_o="1000" data-src="https://freight.cargo.site/t/original/i/3fbdda5abd7eba3ad801ba883e4894c9c3cbd03295e15024ed1146e35ac18078/image_2024-02-07_112604273-min.png" data-mid="204072044" border="0" data-no-zoom="true" alt="Sozo Bag Campaign by Kelt van Meurs in Switserland (2020)" data-caption="Sozo Bag Campaign by Kelt van Meurs in Switserland (2020)" src="https://freight.cargo.site/w/1000/i/3fbdda5abd7eba3ad801ba883e4894c9c3cbd03295e15024ed1146e35ac18078/image_2024-02-07_112604273-min.png" /&#62;


	ChallengeEstablishing a fashion brand (2018) that stood out in a saturated market by emphasizing sustainability, transparency, and a unique digital experience.
 

	In the face of hypercapitalism and the environmental impacts of the fashion industry, our ambition was to launch a brand that not only offered high-quality, sustainable fashion but also educated consumers on the importance of transparency in the production process. 
The aspect of integrating transparent production is now of course a staple in the industry, but back in (2018) there were little to no brands using this as part of their content strategy. Our objectives with the Sozo Company were twofold: to make our supply chain fully transparent while at the same time serving the “design development” of our products as part of a content strategy. 


&#60;img width="902" height="1350" width_o="902" height_o="1350" data-src="https://freight.cargo.site/t/original/i/ed87967dd6f2a4eb780395e9e9b034c36bbe4846f4e22d6d65278122d8b3a5e7/portfolio-sozoIII-2-min.jpg" data-mid="204172999" border="0"  src="https://freight.cargo.site/w/902/i/ed87967dd6f2a4eb780395e9e9b034c36bbe4846f4e22d6d65278122d8b3a5e7/portfolio-sozoIII-2-min.jpg" /&#62;
&#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/230947868e3e9dfdced3562074209ad34f9ace81046b92325d2af48a6a224abb/image-465-min.jpg" data-mid="204172998" border="0"  src="https://freight.cargo.site/w/1000/i/230947868e3e9dfdced3562074209ad34f9ace81046b92325d2af48a6a224abb/image-465-min.jpg" /&#62;
&#60;img width="900" height="1350" width_o="900" height_o="1350" data-src="https://freight.cargo.site/t/original/i/a062f07f1e8507e176dceadfafcab9ce98df892f9e987d1ddd88f84776334958/portfolio-sozoIII-3-min.jpg" data-mid="204173000" border="0"  src="https://freight.cargo.site/w/900/i/a062f07f1e8507e176dceadfafcab9ce98df892f9e987d1ddd88f84776334958/portfolio-sozoIII-3-min.jpg" /&#62;
&#60;img width="1823" height="1350" width_o="1823" height_o="1350" data-src="https://freight.cargo.site/t/original/i/effa8c904338964aa94b78414de01baac723878d72d5472a2fa58e4e4eff3d71/image-454-min.jpg" data-mid="204172995" border="0"  src="https://freight.cargo.site/w/1000/i/effa8c904338964aa94b78414de01baac723878d72d5472a2fa58e4e4eff3d71/image-454-min.jpg" /&#62;


	ApproachWith the Sozo Company, we pioneered an approach of radical transparency integrating digital technology with sustainable fashion, enhancing both product transparency and consumer engagement.
 

	Our brand’s development began with a clear vision to redefine the streetwear market through three core pillars: sustainability, transparency, and new customer touchpoints through digital innovation. Our brand’s history can be summarized in three parts:
Phase I (2018-2019)

We launched our initiative by developing a signature t-shirt, distinguished by a scannable front logo leading to detailed production insights and design inspiration. This feature, powered by Google's CloudVision API, allowed our customers and users to scan their t-shirts by phone and exemplified our commitment to transparency and digital engagement.
Phase II (2019-2020)

 Despite the potential of our “computer vision” idea, we faced challenges with the user interface of our digital features, which led us to pivot our strategy towards enhancing our brand presence - focussing on radical transparency on social media, specifically Instagram. This shift did not only compensate for the initial technological hurdle but also allowed us to expand our product line and establish a distinctive style, thereby growing our audience and revenue.
Phase III (2020-2021)
Our continuous interaction with the creative community unveiled a widespread lack of transparency regarding financial and operational practices. This insight inspired a strategic reorientation towards becoming a primary resource on the 'creative economy', influencing both our content creation and product design to reflect themes of functionality and informed consumerism.

This approach underscored our adaptability and dedication to our founding principles, allowing us to navigate challenges and redefine the interaction between consumers and their clothing. We not only aimed to sell apparel but also to educate and engage our audience on significant issues through the very medium of fashion.


     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/0ed72abf6bf12f7d28381a264e67c550bbc9c76b82d11892362607ec6023efed/49326-min.jpg" data-mid="204175301" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/0ed72abf6bf12f7d28381a264e67c550bbc9c76b82d11892362607ec6023efed/49326-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/3147fab14e6e28c66307c208efa745dfe4581a334d3dc7f160b810d948b7b905/62443-min.jpg" data-mid="204175302" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/3147fab14e6e28c66307c208efa745dfe4581a334d3dc7f160b810d948b7b905/62443-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/28310710001578699d5064451980abcbdeeeb447b6f9c51326df1e6678dd950c/62529-min.jpg" data-mid="204175303" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/28310710001578699d5064451980abcbdeeeb447b6f9c51326df1e6678dd950c/62529-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/4f1d5996dd0cffbd055552331eb81da6c96a45aa16f0bba01b63eb4097d5af14/68447-min.jpg" data-mid="204175305" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/4f1d5996dd0cffbd055552331eb81da6c96a45aa16f0bba01b63eb4097d5af14/68447-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/91f544e1550c4c1a8adfff2b617b75366082e8f6e10f03cadaee9de5927a2bd8/69281-min.jpg" data-mid="204175306" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/91f544e1550c4c1a8adfff2b617b75366082e8f6e10f03cadaee9de5927a2bd8/69281-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/d9088682f2f9d81df057164bb033c202f2462a3ff8f496d87e86414666173fa4/Group-49-min.jpg" data-mid="204175307" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/d9088682f2f9d81df057164bb033c202f2462a3ff8f496d87e86414666173fa4/Group-49-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/c094d1189782f86894d51c2b784066d1e388f5d38d4d02ea7b312e9916f23c22/Group-50-min.jpg" data-mid="204175308" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/c094d1189782f86894d51c2b784066d1e388f5d38d4d02ea7b312e9916f23c22/Group-50-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/40411af6a731eed9e63cacbf7419f2909befe132277fcc2f34f910ea1b041e1c/image-455-min.jpg" data-mid="204175309" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/40411af6a731eed9e63cacbf7419f2909befe132277fcc2f34f910ea1b041e1c/image-455-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/a2f19a45bf5d67edc959c3c81468708465b7162acff0e63e536cdbc9539567a3/image-457-min.jpg" data-mid="204175310" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/a2f19a45bf5d67edc959c3c81468708465b7162acff0e63e536cdbc9539567a3/image-457-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/6e70a537d38b2591fa09681a78af97cb2e613d1e26168cdd077b01072113f08e/image-458-min.jpg" data-mid="204175311" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/6e70a537d38b2591fa09681a78af97cb2e613d1e26168cdd077b01072113f08e/image-458-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/8ae4724c2540955925a35324182be673f8c206bbdee77d4336f11352a32c32c5/image-459-min.jpg" data-mid="204175312" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/8ae4724c2540955925a35324182be673f8c206bbdee77d4336f11352a32c32c5/image-459-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/71dfae89721122cf3b365f4a30b16d0abda63d20e276d4cf1787cee74ef68498/image-466-min.jpg" data-mid="204175313" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/71dfae89721122cf3b365f4a30b16d0abda63d20e276d4cf1787cee74ef68498/image-466-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/538276ce85b168dbe3f16bf9b2e93f64ca2be3531846539f8510598c82ecafbd/image-467-min.jpg" data-mid="204175314" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/538276ce85b168dbe3f16bf9b2e93f64ca2be3531846539f8510598c82ecafbd/image-467-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/07ab8078d7b7ea3b237d61871060cf63864142546d187ca9cd8b11b0bfa87714/portfolio-sozo-2-min.jpg" data-mid="204175315" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/07ab8078d7b7ea3b237d61871060cf63864142546d187ca9cd8b11b0bfa87714/portfolio-sozo-2-min.jpg" /&#62;
     &#60;img width="1080" height="1350" width_o="1080" height_o="1350" data-src="https://freight.cargo.site/t/original/i/85aa86dcb44c8dcc026d545c7103d640ffc9c77fb04c78424b45cce7cd59176a/portfolio-sozoIII-5-min.jpg" data-mid="204175318" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/85aa86dcb44c8dcc026d545c7103d640ffc9c77fb04c78424b45cce7cd59176a/portfolio-sozoIII-5-min.jpg" /&#62;
      
    
	Outcome &#38;amp; ImpactWe successfully established The Sozo Company as a novel fashion brand that married sustainability, transparency, and digital innovation with fashion.
 

	Through our distinctive approach, we launched over 31 products between (2018 and 2021), selling products worldwide in 10 different countries and achieving a store conversion rate of 2.1%. Notably, our first product launch event sold out in the Melkweg (2019), and we were selected to be represented by the HTNK agency at the Modefabriek Summer edition in 2019. Our innovative use of social media and digital marketing strategies led to 120,000 unique social users reached, with 335,000 unique social impressions and an engagement rate of 10.4%.


Furthermore, our commitment to education and transparency facilitated the organization and completion of 15 internships, providing industry experience - albeit ‘startup’ experience - to emerging talents. I’m confident in saying that the ‘Sozo Company’ initiative not only contributed to the creative community but also aligned with our mission to shed light on the 'creative economy', making a lasting impact on the way creative careers are perceived and navigated.


	ReflectionThe Sozo Company journey underscored the power of innovation, adaptability, and the importance of staying true to one's vision in the face of challenges.
 

	Founding and leading The Sozo Company was a profound learning experience and my very first in entrepreneurship. The initial challenge of engaging consumers with our digital features taught us the importance of user-friendly design and the necessity of pivoting strategies when faced with obstacles. Our shift towards a stronger social media presence and the strategic reorientation towards content creation around the 'creative economy' were pivotal in sustaining and growing our brand.This venture deepened my understanding of the fashion industry's complexities, particularly the critical need for sustainability and transparency in an era of hypercapitalism. It reinforced my belief in the didactic potential of products, not just as items of consumption but as vehicles for education and change. Moreover, the experience honed my skills in strategic planning, digital marketing, and brand development, shaping my approach to future projects with a more holistic and informed perspective - skills that continue to drive my approach to work today.


	All projects

    
 ← Previous 
    
    
 Next → 
 Random Page&#38;nbsp;
</description>
		
	</item>
		
		
	<item>
		<title>Systems Weaving</title>
				
		<link>https://hiddegriek.com/Systems-Weaving</link>

		<pubDate>Sun, 28 Jan 2024 16:03:58 +0000</pubDate>

		<dc:creator>Hidde Griek &#124; The future isn’t a crystal ball. It's a canvas</dc:creator>

		<guid isPermaLink="true">https://hiddegriek.com/Systems-Weaving</guid>

		<description>Project Overview
  
  
document.querySelector('.image-list').addEventListener('scroll', function(e) {
  if (this.scrollLeft === 0) {
    e.preventDefault();
  }
}, false);


/* Scroll Section */

   .image-list {
  display: flex;
  overflow-x: auto;
  padding: 20px 0; /* Top and bottom padding only */
  list-style: none;
}

.image-item {
  margin-right: 5px; /* Small gap between images */
}

.image-item:last-child {
  margin-right: 0; /* Prevent extra space at the end of the scroll */
}

.image-item img {
  display: block; /* Remove any default inline spacing */
  height: auto; /* Maintain aspect ratio */
}

.viewport {
  max-width: 100%;
  margin: auto;
  overflow: hidden; /* Hide the overflow to maintain a clean look */
}

/* Seperator */

.hr-thin {
  height: 0.1em;
  border: none;
  background-color: #333;
}


/* If the hero image is not the last element and you want to add space below it */
.hero.image {
  margin-bottom: 1rem; /* This adds spacing below the hero image */
}

/* ... other styles ... */
.info-table {
  width: 80%; /* Adjust the width as needed */
  font-size: 0.8em; /* Smaller font size */
  table-layout: fixed; /* This helps to keep the table layout fixed regardless of content */
}

.info-table td {
  padding: 4px 8px; /* Reduced padding inside cells */
}

.info-table .label {
  padding: 2px 4px; /* Smaller labels */
  font-size: 0.75em; /* Even smaller font size for labels */
}


/* Adjustments for the right alignment and width of the table */
.info-table {
  width: 50%; /* Decreased width */
  font-size: 0.8em;
  table-layout: fixed;
  margin-left: auto; /* Align table to the right */
  margin-right: 0;
}

.info-table td {
  padding: 4px 8px;
}

.info-table .label {
  padding: 2px 4px;
  font-size: 0.75em;
}

/* Responsive grid adjustments if needed */
[grid-row] {
  display: flex;
  justify-content: space-between;
}

[grid-col="7"] {
  flex: 0 0 58.33333%; /* Adjusted to 7/12 of the parent container */
}

[grid-col="5"] {
  flex: 0 0 41.66667%; /* Adjusted to 5/12 of the parent container */
}

/* Additional responsive adjustments for smaller screens can be added here */
@media (max-width: 768px) {
  [grid-col="7"], [grid-col="5"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .info-table {
    width: 100%;
  }
}


	Systems Weaving
In my Master Thesis, I challenged myself to investigate a tension I observed:&#38;nbsp;designers are increasingly tasked with solving complex problems, but struggle to or rarely implement what they come-up with. Why is that?


          ID:
          #019.23
        
        
          Status:
          
            Completed
 
          
          Client:
          Self-initiated
        
        
          Year:
          2023
        
        
          Collab:
          Supervision by Nuria solsona caba and Taija Turunen
        
        
          Discover:
          Aalto Doc
        
      
&#60;img width="2000" height="1254" width_o="2000" height_o="1254" data-src="https://freight.cargo.site/t/original/i/5c090a72f668966198001e245ccaaa2c11910086c69c1bf4dd73e1e0efe4e11a/systemsweavingcoverwebsite-min.jpg" data-mid="202998788" border="0" alt="Graphic design by Anne Schaarschmidt in collaboration with Hidde Griek (2023) " data-caption="Graphic design by Anne Schaarschmidt in collaboration with Hidde Griek (2023) " src="https://freight.cargo.site/w/1000/i/5c090a72f668966198001e245ccaaa2c11910086c69c1bf4dd73e1e0efe4e11a/systemsweavingcoverwebsite-min.jpg" /&#62;


	ChallengeHow can designers evolve from traditional design roles into ones that allow them to tackle the complexity of modern societal "design problems"?
 

Design isn't just in the arts anymore; it's in everything - business, healthcare, government, and more. Designers are often seen as modern-day magicians, conjuring up solutions out of seemingly thin air. But here's the thing - the problems we designers face now are complex. They’re dynamic, interconnected, and challenging.


Designers find themselves spending more time understanding these problems than solving them. Take a stroll through a design college, and you'll see numerous students bask in the white glow of Miro boards. A common response to complex problem is using 'systems thinking', without acknowledging that systems are necessarily simplicifications of reality.


Breaking down dynamic problems endlessly can lead to analysis paralysis, where it becomes tough to move from understanding the present (A) to creating a future (B). But it's precisely this double-act of understanding (A) and creating a future (B) that we call an act of “design”. How do we tackle problems as designers that are as dynamic, interconnected and complex as climate change - that feel too large and slippery?


&#60;img width="744" height="576" width_o="744" height_o="576" data-src="https://freight.cargo.site/t/original/i/b397e6022de85d4637552222c8e69319a9cc140a28e96fc08348938a82c3bcf5/image-446-min.jpg" data-mid="202998969" border="0"  src="https://freight.cargo.site/w/744/i/b397e6022de85d4637552222c8e69319a9cc140a28e96fc08348938a82c3bcf5/image-446-min.jpg" /&#62;
&#60;img width="759" height="576" width_o="759" height_o="576" data-src="https://freight.cargo.site/t/original/i/441edf316a22547690b5a5e61e6baf26f5662d7317b87fccb4acd317c3fd922c/image-447-min.jpg" data-mid="202998970" border="0"  src="https://freight.cargo.site/w/759/i/441edf316a22547690b5a5e61e6baf26f5662d7317b87fccb4acd317c3fd922c/image-447-min.jpg" /&#62;
&#60;img width="486" height="576" width_o="486" height_o="576" data-src="https://freight.cargo.site/t/original/i/d276dc20013ac2c1e1aaa8bf7be6c3910a9f5383530d0524fc6e643d9cd6df08/image-448-min.jpg" data-mid="202998971" border="0"  src="https://freight.cargo.site/w/486/i/d276dc20013ac2c1e1aaa8bf7be6c3910a9f5383530d0524fc6e643d9cd6df08/image-448-min.jpg" /&#62;


	ApproachMerging grounded theory with a critical examination of design's current state to reinvent its role in society.
	Action Research
My thesis approach&#38;nbsp;began with an embedded action research within a circular startup undergoing the development of a shared business model with four other companies. This phase involved firsthand experience in collaborative systems change, supported by grounded theory methodology. Simultaneously, semi-structured interviews and extensive literature integration were conducted, offering a multi-perspective view on sustainable business model innovation (SBMI) and its intersection with design.
Synthesizing the current state of Design
Parallel to the action research, I engaged in a systematic collection and synthesis of critiques within contemporary design. This analysis highlighted prevalent issues such as analysis paralysis and the challenges in implementing systemic solutions. This critical evaluation provided a foundational narrative to explore new opportunities in design thinking and practice.
Business Model Design as a new angle for Design

Recognizing the limitations in current design approaches, the focus expanded to business model design. Here, the synthesized challenges of design were examined through the lens of business, particularly looking at how impact-driven entrepreneurs implement and grow their solutions - very much likened to the way of what the field of Design tries to achieve. This exploration aimed to identify novel methodologies and practices that could be translated back into the field of design.
Reframing the role of designers as Systems Weavers: 

The culmination of this research was the conceptual shift in the role of designers. Impact-driven entrepreneurs, effectively implementing and scaling their visions, were studied as exemplars of a new breed of design leaders. This reframing positioned designers not just as creators of objects but as architects of dynamic, scalable systems, adept at navigating and impacting complex societal challenges.


     &#60;img width="2845" height="1600" width_o="2845" height_o="1600" data-src="https://freight.cargo.site/t/original/i/1fa28be1f5d401241a06cea119b50aba708ff8bd7d6dd4ad8e36a3d7960f75a9/C4CB9673-857F-419A-8624-F850D32B03BE-2-1-min.jpg" data-mid="203000662" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/1fa28be1f5d401241a06cea119b50aba708ff8bd7d6dd4ad8e36a3d7960f75a9/C4CB9673-857F-419A-8624-F850D32B03BE-2-1-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/714588a461e3f41d58fee0906bcc7693d773e94937a4162dcc8a863c53c6ae63/IMG_5411-1-min.jpg" data-mid="203000663" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/714588a461e3f41d58fee0906bcc7693d773e94937a4162dcc8a863c53c6ae63/IMG_5411-1-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/df39d2fc54c8f4fbd0a52c49efb9ee835437842a80b11fbdc0291c2d83aa1c9b/PHOTO-2023-09-09-13-24-01-min.jpg" data-mid="203000664" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/df39d2fc54c8f4fbd0a52c49efb9ee835437842a80b11fbdc0291c2d83aa1c9b/PHOTO-2023-09-09-13-24-01-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/b8690aab88f45ad2b018d7fc9a7e4cc14e6b38206e9ed3e450cd9261e9c4e8be/PHOTO-2023-10-16-17-55-52-min.jpg" data-mid="203000665" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/b8690aab88f45ad2b018d7fc9a7e4cc14e6b38206e9ed3e450cd9261e9c4e8be/PHOTO-2023-10-16-17-55-52-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/f700165552c15f3cf1ad49e5383c0371729201c681dcf2d77dd609f991fda134/PHOTO-2023-10-16-18-05-33-min.jpg" data-mid="203000666" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/f700165552c15f3cf1ad49e5383c0371729201c681dcf2d77dd609f991fda134/PHOTO-2023-10-16-18-05-33-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/e25e91e771d078562027536fff8aabc26d5933aab4ef786e8f9c7d0c4f684d41/PHOTO-2023-10-24-19-38-30-min.jpg" data-mid="203000669" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/e25e91e771d078562027536fff8aabc26d5933aab4ef786e8f9c7d0c4f684d41/PHOTO-2023-10-24-19-38-30-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/51e67a8c6fede577efbf5acf6aca6f34068af9f41b5f6b1432a7cc08cbfa1609/PHOTO-2023-10-23-13-45-35-min.jpg" data-mid="203000667" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/51e67a8c6fede577efbf5acf6aca6f34068af9f41b5f6b1432a7cc08cbfa1609/PHOTO-2023-10-23-13-45-35-min.jpg" /&#62;
     &#60;img width="1151" height="1600" width_o="1151" height_o="1600" data-src="https://freight.cargo.site/t/original/i/231a48692e41b44ecb7bb5c6596a0d7d9ba039c7fe14bd4ff53301921ec1aa7c/PHOTO-2023-10-23-15-16-53-min.jpg" data-mid="203000668" border="0" data-scale="40" src="https://freight.cargo.site/w/1000/i/231a48692e41b44ecb7bb5c6596a0d7d9ba039c7fe14bd4ff53301921ec1aa7c/PHOTO-2023-10-23-15-16-53-min.jpg" /&#62;
      
    
	Outcome &#38;amp; ImpactThrough a deep dive into the organisational landscape and close collaboration we co-designed the Compass
 

	Shift in Design Perspective
The thesis culminated in a transformative concept: leaders in fields like sustainable business model innovation are, in essence, designers of futures. They craft not just products but holistic, dynamic systems that adapt and grow, mirroring the complex problems they aim to solve. This reevaluation redefines the role of designers as 'systems weavers', who integrate stakeholders, demands, and objectives into scalable, impactful solutions.
Recognition

The thesis was awarded the highest grade, and with great praise for its visionary perspective (my academic supervisors made me very happy 😉), academic rigor but also the relevance and urgency of reimagining design roles in contemporary society.

The impact of this design thesis extended beyond academia, resonating with a wider audience. It garnered significant traction on LinkedIn, with over 20,000 views and counting, and achieved considerable reach through hundreds of downloads and tens of sales of paperback versions.&#38;nbsp;

Personally, I hope that the insights and methodologies outlined in the thesis offer preliminary steps for designers and organizations to navigate and address twenty-first-century systemic challenges in a new way. By advocating for a shift to 'systems weaving', the thesis lays the groundwork for developing more integrative, impactful design approaches, potentially influencing how future designers are trained and how design is applied in various sectors.


	ReflectionWriting 'Systems Weaving' led to 200 pages of dense design theory, and is too date my most expansive body of work.

	Writing 'Systems Weaving' over the course of a year resulted in a substantial 200-page thesis, my longest piece of writing to date. This intensive process not only honed my skills in design and analysis but also ignited a passion for exploring the intersections of design, philosophy, and business design. It deepened my understanding of the complexities inherent in modern design challenges and reinforced the importance (and most importantly value) of interdisciplinary approaches. Looking ahead, I am eager to delve further into this, hoping to continue to contribute more to the evolving landscape of design thinking and practice.


	All projects

    
 ← Previous 
    
    
 Next → 
 Random Page&#38;nbsp;
</description>
		
	</item>
		
	</channel>
</rss>