<?xml version="1.0" encoding="UTF-8"?><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:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>corporate identity - haubert &amp; rockmann</title>
	<atom:link href="https://hau-rock.de/tag/corporate-identity/feed" rel="self" type="application/rss+xml" />
	<link>https://hau-rock.de/tag/corporate-identity</link>
	<description>studio hau-rock</description>
	<lastBuildDate>Wed, 18 Feb 2026 14:40:18 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://hau-rock.de/wp-content/uploads/2023/02/favicon-150x150.jpg</url>
	<title>corporate identity - haubert &amp; rockmann</title>
	<link>https://hau-rock.de/tag/corporate-identity</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>vostel.de</title>
		<link>https://hau-rock.de/vostel-de</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Mon, 17 Jun 2024 13:22:54 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=434</guid>

					<description><![CDATA[Interface design für eine Engagementplattform Oh, vostel.de &#8211; so lange gehen wir schon gemeinsame Wege. Seit 2019 bin ich immer bestrebt, die schönsten und angenehmsten Interfaces für euch und eure Nutzer*innen zu entwickeln, denn als digitale Engagementplattform habt ihr nur das Allerbeste verdient. Was in unserer jahrelangen Zusammenarbeit schon alles entstanden ist, ist sehr vielfältig [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">vostel.de</h2>


<h4 class="wp-block-heading">Interface design für eine Engagementplattform</h4>



<p>Oh, <a href="https://vostel.de">vostel.de</a> &#8211; so lange gehen wir schon gemeinsame Wege. Seit 2019 bin ich immer bestrebt, die schönsten und angenehmsten Interfaces für euch und eure Nutzer*innen zu entwickeln, denn als digitale Engagementplattform habt ihr nur das Allerbeste verdient.</p>



<p>Was in unserer jahrelangen Zusammenarbeit schon alles entstanden ist, ist sehr vielfältig und umfasst die kontinuierliche Entwicklung und Neugestaltung aller User Interfaces, die Gestaltung von individuellen Icons und Illustrationen sowie die Gestaltung von Printprodukten und sogar der Beklebung eurer Büro-Fensterscheiben. Vielen Dank für euer Vertrauen. &lt;3 </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="522" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-3-522x1024.png" alt="vostel application screen" class="wp-image-577" srcset="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-3-522x1024.png 522w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-3-153x300.png 153w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-3-768x1506.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-3.png 781w" sizes="(max-width: 522px) 100vw, 522px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" width="522" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-2-522x1024.png" alt="vostel application screen" class="wp-image-576" srcset="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-2-522x1024.png 522w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-2-153x300.png 153w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-2-768x1506.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-2.png 781w" sizes="(max-width: 522px) 100vw, 522px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img decoding="async" width="522" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-1-522x1024.png" alt="vostel application screen" class="wp-image-574" srcset="https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-1-522x1024.png 522w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-1-153x300.png 153w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-1-768x1506.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/mockup-vostel-1.png 781w" sizes="(max-width: 522px) 100vw, 522px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="453" src="https://hau-rock.de/wp-content/uploads/2023/01/categories-1024x453.jpg" alt="illustrations for vostel.de categories" class="wp-image-579" style="border-radius:16px" srcset="https://hau-rock.de/wp-content/uploads/2023/01/categories-1024x453.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/01/categories-300x133.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/01/categories-768x340.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/01/categories.jpg 1525w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:72%">
<figure class="wp-block-image size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="462" src="https://hau-rock.de/wp-content/uploads/2023/01/vostel-illus-1024x462.jpg" alt="vostel.de illustrations" class="wp-image-597" style="border-radius:14px" srcset="https://hau-rock.de/wp-content/uploads/2023/01/vostel-illus-1024x462.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/01/vostel-illus-300x135.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/01/vostel-illus-768x346.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/01/vostel-illus.jpg 1115w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full has-custom-border"><img loading="lazy" decoding="async" width="521" height="503" src="https://hau-rock.de/wp-content/uploads/2023/01/vostel-icons-1.jpg" alt="vostel.de icons" class="wp-image-596" style="border-radius:16px" srcset="https://hau-rock.de/wp-content/uploads/2023/01/vostel-icons-1.jpg 521w, https://hau-rock.de/wp-content/uploads/2023/01/vostel-icons-1-300x290.jpg 300w" sizes="auto, (max-width: 521px) 100vw, 521px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-full has-custom-border"><img loading="lazy" decoding="async" width="1687" height="2560" src="https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-scaled.jpg" alt="vostel.de engagementübersicht" class="wp-image-563" style="border-radius:16px" srcset="https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-scaled.jpg 1687w, https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-198x300.jpg 198w, https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-675x1024.jpg 675w, https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-768x1165.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-1012x1536.jpg 1012w, https://hau-rock.de/wp-content/uploads/2023/01/ea-uebersicht-1350x2048.jpg 1350w" sizes="auto, (max-width: 1687px) 100vw, 1687px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>mfc connect</title>
		<link>https://hau-rock.de/mfc-connect</link>
		
		<dc:creator><![CDATA[denis]]></dc:creator>
		<pubDate>Mon, 17 Jun 2024 10:17:30 +0000</pubDate>
				<category><![CDATA[Denis Rockmann]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=689</guid>

					<description><![CDATA[Logo Rebranding und Corporate Design. Nach mehr als 20 Jahren wollte das Unternehmen sein Erscheinungsbild auffrischen. Dem Kunden gefiel der rückständige Look der Marke nicht, also hatte ich die Chance, das Redesign radikaler zu gestalten. Das gesamte Erscheinungsbild des Unternehmens wurde im Rahmen des Relaunch von Grund auf überarbeitet und zukunftsfähig gemacht.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">mfc connect</h2>


<h4 class="wp-block-heading">Logo Rebranding und Corporate Design.</h4>



<p>Nach mehr als 20 Jahren wollte das Unternehmen sein Erscheinungsbild auffrischen. Dem Kunden gefiel der rückständige Look der Marke nicht, also hatte ich die Chance, das Redesign radikaler zu gestalten. Das gesamte Erscheinungsbild des Unternehmens wurde im Rahmen des Relaunch von Grund auf überarbeitet und zukunftsfähig gemacht. </p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web01-1024x576.jpg" alt="mfc connect - Darstellung von Logo, Bildmarke und Key Visuals" class="wp-image-692" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web01-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web01-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web01-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web01.jpg 1423w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="800" src="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web02.jpg" alt="mfc connect - Farbwelt" class="wp-image-693" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web02.jpg 800w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web02-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web02-150x150.jpg 150w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web02-768x768.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="580" src="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web03.jpg" alt="mfc connect - Beispiel für Plakatwerbung" class="wp-image-708" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web03.jpg 800w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web03-300x218.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web03-768x557.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web04-576x1024.jpg" alt="mfc connect - Wireframe MockUp für die mögliche Gestaltung der Website" class="wp-image-698" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web04-576x1024.jpg 576w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web04-169x300.jpg 169w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web04-768x1366.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web04.jpg 800w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web05-1024x576.jpg" alt="mfc connect - Visitenkarten MockUp" class="wp-image-696" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MFC_web05-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web05-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web05-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/02/MFC_web05.jpg 1423w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Handwerkerplatz</title>
		<link>https://hau-rock.de/handwerkerplatz</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Tue, 02 Apr 2024 06:59:00 +0000</pubDate>
				<category><![CDATA[Denis Rockmann]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[logo design]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=1211</guid>

					<description><![CDATA[Hand­werker­platz Logo und Corporate Design Logo, Key Visual und Corporate Design Gestaltung für ein neu gegründetes Handwerksunternehmen aus dem Harz. Die Koordination der unterschiedlichen Gewerke bei einem Bauvorhaben, egal für gewerblich oder privat, ist eine Herausforderung, die der Handwerkerplatz sich zur Aufgabe gemacht hat zu managen. Die Designsprache von Logo und Key Visual soll dies [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%">
<h2 class="wp-block-heading has-tabular-font-family">Hand­werker­platz</h2>



<h4 class="wp-block-heading">Logo und Corporate Design</h4>



<p>Logo, Key Visual und Corporate Design Gestaltung für ein neu gegründetes Handwerksunternehmen aus dem Harz. Die Koordination der unterschiedlichen Gewerke bei einem Bauvorhaben, egal für gewerblich oder privat, ist eine Herausforderung, die der Handwerkerplatz sich zur Aufgabe gemacht hat zu managen. Die Designsprache von Logo und Key Visual soll dies verdeutlichen und visualisieren.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web01-1024x576.jpg" alt="Logo und Key Visual" class="wp-image-1226" srcset="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web01-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web01-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web01-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web01.jpg 1209w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="567" src="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web02.jpg" alt="Farbschema" class="wp-image-1223" srcset="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web02.jpg 567w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web02-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web02-150x150.jpg 150w" sizes="auto, (max-width: 567px) 100vw, 567px" /></figure>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="411" src="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web03.jpg" alt="Logo Bild Collage" class="wp-image-1224" srcset="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web03.jpg 567w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web03-300x217.jpg 300w" sizes="auto, (max-width: 567px) 100vw, 567px" /></figure>
</div>
</div>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="567" height="1008" src="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web04.jpg" alt="Logo Mockup mit Arbeistschutzelm" class="wp-image-1225" srcset="https://hau-rock.de/wp-content/uploads/2024/04/HWP_web04.jpg 567w, https://hau-rock.de/wp-content/uploads/2024/04/HWP_web04-169x300.jpg 169w" sizes="auto, (max-width: 567px) 100vw, 567px" /></figure>
</div>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mertens Projects</title>
		<link>https://hau-rock.de/mertens-projects</link>
		
		<dc:creator><![CDATA[denis]]></dc:creator>
		<pubDate>Sat, 11 Feb 2023 13:05:39 +0000</pubDate>
				<category><![CDATA[Denis Rockmann]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=655</guid>

					<description><![CDATA[Logo und Corporate Design. Mertens Projects übernimmt die Teil- oder Gesamtleitung von Bauprojekten. Bei der Gestaltung der Marke war es dem Kunden wichtig, zu vermitteln, dass er im Baugewerbe tätig ist und eine Abgrenzung zum Tätigkeitsbereich eines Architekten herzustellen. Ein konstruiert wirkendes Monogramm aus den Initialen des Unternehmers bildet das Markenzeichen. Die Wortmarke wird durch [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">Mertens Projects</h2>


<h4 class="wp-block-heading">Logo und Corporate Design.</h4>



<p>Mertens Projects übernimmt die Teil- oder Gesamtleitung von Bauprojekten.</p>



<p>Bei der Gestaltung der Marke war es dem Kunden wichtig, zu vermitteln, dass er im Baugewerbe tätig ist und eine Abgrenzung zum Tätigkeitsbereich eines Architekten herzustellen. Ein konstruiert wirkendes Monogramm aus den Initialen des Unternehmers bildet das Markenzeichen. Die Wortmarke wird durch eine schlichte und moderne Schriftart dargestellt. Die verwendete Farbpalette orientiert sich an den typischen Farben der Baubranche. Langjährige Erfahrung und Vertrautheit werden durch die Farbwahl mit den Unternehmenswerten verknüpft.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2023/02/MP_web01-1024x576.jpg" alt="Mertens Projects - Logo Konstruktion und Schutzräume" class="wp-image-657" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MP_web01-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web01-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web01-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web01.jpg 1422w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="801" height="800" src="https://hau-rock.de/wp-content/uploads/2023/02/MP_web02.jpg" alt="Mertens Projects - Farbwelten" class="wp-image-658" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MP_web02.jpg 801w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web02-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web02-150x150.jpg 150w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web02-768x767.jpg 768w" sizes="auto, (max-width: 801px) 100vw, 801px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="804" height="800" src="https://hau-rock.de/wp-content/uploads/2023/02/MP_web03.jpg" alt="Mertens Projects - Anwendungsbeispiel für grafische Darstellungen" class="wp-image-659" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MP_web03.jpg 804w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web03-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web03-150x150.jpg 150w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web03-768x764.jpg 768w" sizes="auto, (max-width: 804px) 100vw, 804px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://hau-rock.de/wp-content/uploads/2023/02/MP_web04-1024x768.jpg" alt="Mertens Projects - Website-, Briefkopf- und Visitenkartengestaltung" class="wp-image-660" srcset="https://hau-rock.de/wp-content/uploads/2023/02/MP_web04-1024x768.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web04-300x225.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web04-768x576.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/02/MP_web04.jpg 1442w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creative Computing Lab Zurich</title>
		<link>https://hau-rock.de/creative-computing-lab-zurich</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Mon, 16 Jan 2023 10:26:40 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[creative coding]]></category>
		<category><![CDATA[logo design]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=319</guid>

					<description><![CDATA[Generatives Logo Design mit Processing Das Creative Computing Lab Zürich suchte ein Logo, was die Zusammenstellung aus verschiedenen Fachbereiche deutlich macht. Im kreativen Prozess entstand die Idee von &#8222;Drähten&#8220;, die &#8222;Pins&#8220; verbinden, was im Creative Computing häufig vorkommt. Jeder Draht steht für einen Fachbereich. Eine processing sketch wurde basierend auf dieser Idee erstellt und bietet [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">Creative Computing Lab Zurich</h2>


<h4 class="wp-block-heading">Generatives Logo Design mit Processing</h4>



<p>Das Creative Computing Lab Zürich suchte ein Logo, was die Zusammenstellung aus verschiedenen Fachbereiche deutlich macht. Im kreativen Prozess entstand die Idee von &#8222;Drähten&#8220;, die &#8222;Pins&#8220; verbinden, was im Creative Computing häufig vorkommt. Jeder Draht steht für einen Fachbereich. Eine processing sketch wurde basierend auf dieser Idee erstellt und bietet einen spielerischen Ansatz, um Hunderte von verschiedenen Kombinationen zu erstellen. Die verschiedenen Kombinationen können auch verwendet werden, um Muster für Web- oder Bildungsmaterial zu erstellen.</p>



<p><a href="https://creativecomputinglab.ch/" target="_blank" rel="noreferrer noopener">https://creativecomputinglab.ch/</a></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1024" height="640" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie-1024x640.jpg" alt="" class="wp-image-489" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie-1024x640.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie-300x187.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie-768x480.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie-1536x960.jpg 1536w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-3-Kopie.jpg 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="412" height="515" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-5.jpg" alt="" class="wp-image-495" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-5.jpg 412w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-5-240x300.jpg 240w" sizes="auto, (max-width: 412px) 100vw, 412px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="412" height="515" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-4.jpg" alt="" class="wp-image-493" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-4.jpg 412w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-4-240x300.jpg 240w" sizes="auto, (max-width: 412px) 100vw, 412px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="412" height="515" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-3-1.jpg" alt="CCL School" class="wp-image-500" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-3-1.jpg 412w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-3-1-240x300.jpg 240w" sizes="auto, (max-width: 412px) 100vw, 412px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="412" height="515" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-2.jpg" alt="" class="wp-image-498" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-2.jpg 412w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-5-Kopie-2-240x300.jpg 240w" sizes="auto, (max-width: 412px) 100vw, 412px" /></figure>
</div>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="696" src="https://hau-rock.de/wp-content/uploads/2023/01/ccl-processing.jpg" alt="CCL Processing Sketch" class="wp-image-487" srcset="https://hau-rock.de/wp-content/uploads/2023/01/ccl-processing.jpg 1000w, https://hau-rock.de/wp-content/uploads/2023/01/ccl-processing-300x209.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/01/ccl-processing-768x535.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignwide size-large"><img loading="lazy" decoding="async" width="1024" height="178" src="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie-1024x178.jpg" alt="" class="wp-image-502" srcset="https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie-1024x178.jpg 1024w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie-300x52.jpg 300w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie-768x134.jpg 768w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie-1536x267.jpg 1536w, https://hau-rock.de/wp-content/uploads/2023/01/styleguide-6-Kopie.jpg 1921w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>awama</title>
		<link>https://hau-rock.de/awama</link>
		
		<dc:creator><![CDATA[denis]]></dc:creator>
		<pubDate>Mon, 26 Dec 2022 12:18:58 +0000</pubDate>
				<category><![CDATA[Denis Rockmann]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[logo design]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=39</guid>

					<description><![CDATA[Logo and Corporate Design. AWAMA is a tech start-up that has set itself the task of making wastewater management innovative, sustainable and future-oriented. In this case, the logo, icons and a corporate design were created. It was important for the customer to integrate the innovative approach with simple symbols in the logo. A unique signet [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">awama</h2>


<h4 class="wp-block-heading">Logo and Corporate Design.</h4>



<p>AWAMA is a tech start-up that has set itself the task of making wastewater management innovative, sustainable and future-oriented. </p>



<p>In this case, the logo, icons and a corporate design were created. It was important for the customer to integrate the innovative approach with simple symbols in the logo. A unique signet was created that is reminiscent of a fingerprint and creates a special connection to the brand.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web01-1024x576.jpg" alt="awama - Darstellung zu Aufbau und Idee zu der Wort- und Bildmarke" class="wp-image-635" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web01-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web01-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web01-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web01.jpg 1422w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="800" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web02.jpg" alt="awama - Darstellung von Logo und Claim" class="wp-image-636" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web02.jpg 800w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web02-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web02-150x150.jpg 150w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web02-768x768.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="800" height="800" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web03.jpg" alt="awama - Abbildung von Icons zu den Geschäftsbereich von awama" class="wp-image-637" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web03.jpg 800w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web03-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web03-150x150.jpg 150w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web03-768x768.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web04-1024x576.jpg" alt="awama - Darstellung der Konstruktion und Schutzräume des Logo " class="wp-image-638" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web04-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web04-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web04-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web04.jpg 1421w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web05-1024x576.jpg" alt="awama  - Logo-MockUp auf dem Foto einer Luftaufnahme eines Klärwerks" class="wp-image-639" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web05-1024x576.jpg 1024w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web05-300x169.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web05-768x432.jpg 768w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web05.jpg 1423w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<figure class="wp-block-video"><video height="900" style="aspect-ratio: 1200 / 900;" width="1200" autoplay controls loop muted src="https://hau-rock.de/wp-content/uploads/2022/12/awama_reanimation.mp4" playsinline></video></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="534" height="800" src="https://hau-rock.de/wp-content/uploads/2022/12/awama_web07.jpg" alt="awama - MockUp eines Rollup Displays für Messeauftritte" class="wp-image-641" srcset="https://hau-rock.de/wp-content/uploads/2022/12/awama_web07.jpg 534w, https://hau-rock.de/wp-content/uploads/2022/12/awama_web07-200x300.jpg 200w" sizes="auto, (max-width: 534px) 100vw, 534px" /></figure>
</div>
</div>
</div>
</div>
]]></content:encoded>
					
		
		<enclosure url="https://hau-rock.de/wp-content/uploads/2022/12/awama_reanimation.mp4" length="654988" type="video/mp4" />

			</item>
		<item>
		<title>digi4all</title>
		<link>https://hau-rock.de/digi4all</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Mon, 26 Dec 2022 12:12:41 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[corporate identity]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=26</guid>

					<description><![CDATA[Kompetenzen für das Unterrichten in einer digitalen Welt Digi4all vermittelt grundlegende und fortgeschrittene Kenntnisse über Computer und das Internet. Es sammelt Ressourcen für Lehramtsstudierende, wie sie digitale Werkzeuge in den Unterricht einbinden können. Bisher gab es die digi4all-Inhalte nur auf der geschlossenen Hochschulplattform &#8222;StudOn&#8220;. Unser Ziel war es, digi4all zunächst eine ansprechende und moderne visuelle [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.3%"><h2 class="wp-block-post-title has-tabular-font-family">digi4all</h2>


<h4 class="wp-block-heading">Kompetenzen für das Unterrichten in einer digitalen Welt</h4>



<p>Digi4all vermittelt grundlegende und fortgeschrittene Kenntnisse über Computer und das Internet. Es sammelt Ressourcen für Lehramtsstudierende, wie sie digitale Werkzeuge in den Unterricht einbinden können.</p>



<p>Bisher gab es die digi4all-Inhalte nur auf der geschlossenen Hochschulplattform &#8222;StudOn&#8220;. Unser Ziel war es, digi4all zunächst eine ansprechende und moderne visuelle Identität zu geben. Auf der Grundlage der visuellen Identität haben wir eine Website erstellt, die alle Ressourcen öffenlich verfügbar macht. Wir haben alle Inhalte des Kurses in die neue Website integriert und per iFrame rückwärts in StudOn eingebunden, um doppelte Pflege und doppelte Inhalte zu vermeiden.</p>



<p>Besonderes Augenmerk wurde darauf gelegt, einen gut strukturierten User Flow zu schaffen, der es den Nutzenden ermöglicht, mühelos durch die Inhalte zu navigieren und sich ganz auf das Lernen zu konzentrieren.</p>



<p>Hier findet ihr <a href="http://digi4all.de" target="_blank" rel="noreferrer noopener">digi4all.de</a>.</p>



<p>Außerdem haben wir <a href="https://hau-rock.de/educational-explainer-videos" target="_blank" rel="noreferrer noopener">kleine Erklärvideos</a> animiert, um bestimmte Inhalte besonders verständlich zu machen.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="601" height="601" src="https://hau-rock.de/wp-content/uploads/2022/12/d4a-signet-portfolio.jpg" alt="Digi4All Logo Design" class="wp-image-812" srcset="https://hau-rock.de/wp-content/uploads/2022/12/d4a-signet-portfolio.jpg 601w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-signet-portfolio-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-signet-portfolio-150x150.jpg 150w" sizes="auto, (max-width: 601px) 100vw, 601px" /></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="601" height="601" src="https://hau-rock.de/wp-content/uploads/2022/12/d4a-grafik-portfolio.jpg" alt="Verspielte Grafik mit Verläufen in den digi4all Hausfarben" class="wp-image-811" srcset="https://hau-rock.de/wp-content/uploads/2022/12/d4a-grafik-portfolio.jpg 601w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-grafik-portfolio-300x300.jpg 300w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-grafik-portfolio-150x150.jpg 150w" sizes="auto, (max-width: 601px) 100vw, 601px" /></figure>
</div>
</div>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<figure class="wp-block-image alignfull size-full"><img loading="lazy" decoding="async" width="1000" height="1556" src="https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang.jpg" alt="" class="wp-image-805" srcset="https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang.jpg 1000w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang-193x300.jpg 193w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang-658x1024.jpg 658w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang-768x1195.jpg 768w, https://hau-rock.de/wp-content/uploads/2022/12/d4a-lang-987x1536.jpg 987w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
