<?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>webdesign - haubert &amp; rockmann</title>
	<atom:link href="https://hau-rock.de/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>https://hau-rock.de/tag/webdesign</link>
	<description>studio hau-rock</description>
	<lastBuildDate>Wed, 18 Feb 2026 14:40:27 +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>webdesign - haubert &amp; rockmann</title>
	<link>https://hau-rock.de/tag/webdesign</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>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>Ottonie von Roeder</title>
		<link>https://hau-rock.de/ottonie-von-roeder</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Thu, 12 Jan 2023 12:46:37 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[creative coding]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=483</guid>

					<description><![CDATA[Künstlerinnen-Portfolio Ottonie von Roeder ist Designerin und Künstlerin im Spannungsfeld zwischen kritischem und spekulativem Design, Designforschung und Mediation. In ihrer Arbeit beschäftigt sie sich mit der Zukunft der Arbeit, der Entwicklung unserer Städte und der Aktivierung von Konsument*innen zu Produzent*innen und aktiven Bürger*innen. Ihr Portfolio sollte nicht nur ihre Arbeit abbilden, sondern den gleichen Ansatz [&#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">Ottonie von Roeder</h2>


<h4 class="wp-block-heading">Künstlerinnen-Portfolio</h4>



<p>Ottonie von Roeder ist Designerin und Künstlerin im Spannungsfeld zwischen kritischem und spekulativem Design, Designforschung und Mediation. In ihrer Arbeit beschäftigt sie sich mit der Zukunft der Arbeit, der Entwicklung unserer Städte und der Aktivierung von Konsument*innen zu Produzent*innen und aktiven Bürger*innen.</p>



<p>Ihr Portfolio sollte nicht nur ihre Arbeit abbilden, sondern den gleichen Ansatz wie ihre Kunst verfolgen: einen Denkprozess beim Betrachtenden auszulösen. Um dies zu erreichen, sah das Konzept verschiedene Arten der Interaktion vor. Das Portfolio enthält nun einen Chatbot, der Fragen zu bestimmten Projekten stellt, ein Zeichentool und ein Drag-and-Drop-Tool. Die Besuchenden sehen sich die Kunst nicht nur an, sondern werden aufgefordert, mit ihr zu interagieren.</p>



<p>In Zusammenarbeit mit Ottonie von Roeder &amp; ACTU&amp;TACTU.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.6%">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="1000" src="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55-1024x1000.png" alt="chatbot tool" class="wp-image-796" srcset="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55-1024x1000.png 1024w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55-300x293.png 300w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55-768x750.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55-1536x1500.png 1536w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-02-26-um-17.19.55.png 1698w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="986" src="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47-1024x986.png" alt="drawing tool" class="wp-image-793" srcset="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47-1024x986.png 1024w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47-300x289.png 300w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47-768x739.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47-1536x1479.png 1536w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.40.47.png 1720w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="1008" src="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51-1024x1008.png" alt="moving tool" class="wp-image-794" srcset="https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51-1024x1008.png 1024w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51-300x295.png 300w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51-768x756.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51-1536x1512.png 1536w, https://hau-rock.de/wp-content/uploads/2023/01/Bildschirmfoto-2023-01-22-um-13.43.51.png 1684w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
</div>
</div>
]]></content:encoded>
					
		
		
			</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>
		<item>
		<title>KI &#038; WIR* Convention</title>
		<link>https://hau-rock.de/ki-wir</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Mon, 26 Dec 2022 12:11:48 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[webdesign]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=18</guid>

					<description><![CDATA[Webdesign &#38; Illustration für einen Kongress zu künstlicher Intelligenz Das bestehende KI &#38; WIR* Logo brauchte eine kleine Überarbeitung. Es wurde für das Querformat und für die Verwendung als minimalistisches Symbol optimiert. Darauf basierend wurde die Identität der Convention um verschiedene Formen und Farben erweitert. Das neue Design wurde für unterschiedlichste Marketingmaterialien verwendet. Wir hatten [&#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">KI &#038; WIR* Convention</h2>


<h4 class="wp-block-heading">Webdesign &amp; Illustration für einen Kongress zu künstlicher Intelligenz</h4>



<p>Das bestehende KI &amp; WIR* Logo brauchte eine kleine Überarbeitung. Es wurde für das Querformat und für die Verwendung als minimalistisches Symbol optimiert. Darauf basierend wurde die Identität der Convention um verschiedene Formen und Farben erweitert. Das neue Design wurde für unterschiedlichste Marketingmaterialien verwendet. Wir hatten sogar einen eigenen Zoom-Hintergrund (danke, Coronavirus)! Schließlich wurde die neue Identität um ein neues Interface &amp; User Experience Design für die Website erweitert, die alle wichtigen Informationen über den digitalen Kongress enthält.</p>



<p>Umsetzung: <a href="https://codemacher.de" target="_blank" rel="noreferrer noopener">https://codemacher.de</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-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-image size-large"><img loading="lazy" decoding="async" width="1024" height="512" src="https://hau-rock.de/wp-content/uploads/2022/12/twitter-card-1024x512.png" alt="" class="wp-image-553" srcset="https://hau-rock.de/wp-content/uploads/2022/12/twitter-card-1024x512.png 1024w, https://hau-rock.de/wp-content/uploads/2022/12/twitter-card-300x150.png 300w, https://hau-rock.de/wp-content/uploads/2022/12/twitter-card-768x384.png 768w, https://hau-rock.de/wp-content/uploads/2022/12/twitter-card.png 1100w" 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"><img loading="lazy" decoding="async" width="1000" height="1000" src="https://hau-rock.de/wp-content/uploads/2022/12/logo_1.gif" alt="" class="wp-image-552"/></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="1510" height="2116" src="https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ.png" alt="" class="wp-image-554" srcset="https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ.png 1510w, https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ-214x300.png 214w, https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ-731x1024.png 731w, https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ-768x1076.png 768w, https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ-1096x1536.png 1096w, https://hau-rock.de/wp-content/uploads/2022/12/Wissen-alternativ-1461x2048.png 1461w" sizes="auto, (max-width: 1510px) 100vw, 1510px" /></figure>
</div>
</div>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
