<?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>web development - haubert &amp; rockmann</title>
	<atom:link href="https://hau-rock.de/tag/web-development/feed" rel="self" type="application/rss+xml" />
	<link>https://hau-rock.de/tag/web-development</link>
	<description>studio hau-rock</description>
	<lastBuildDate>Wed, 18 Feb 2026 14:42:41 +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>web development - haubert &amp; rockmann</title>
	<link>https://hau-rock.de/tag/web-development</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Life goes on</title>
		<link>https://hau-rock.de/life-goes-on</link>
		
		<dc:creator><![CDATA[elisa]]></dc:creator>
		<pubDate>Mon, 16 Jan 2023 17:00:46 +0000</pubDate>
				<category><![CDATA[Elisa Haubert]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[web development]]></category>
		<guid isPermaLink="false">https://hau-rock.de/?p=415</guid>

					<description><![CDATA[Interface Design &#38; Umsetzung für ein immersives Audio Game Adventure Life goes on nimmt dich und deine Mitspielenden mit auf eine Reise in die deutsche Vergangenheit, ohne dass du dein Wohnzimmer verlassen musst. Das &#8222;ZeiSiG&#8220;-Gerät ermöglicht es euch, Fragmente aus der Vergangenheit zu hören. Während du die fiktive Stadt Prückwitz erkundest, musst du dein neu [&#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">Life goes on</h2>


<h4 class="wp-block-heading">Interface Design &amp; Umsetzung für ein immersives Audio Game Adventure</h4>



<p>Life goes on nimmt dich und deine Mitspielenden mit auf eine Reise in die deutsche Vergangenheit, ohne dass du dein Wohnzimmer verlassen musst. Das &#8222;ZeiSiG&#8220;-Gerät ermöglicht es euch, Fragmente aus der Vergangenheit zu hören. Während du die fiktive Stadt Prückwitz erkundest, musst du dein neu erworbenes Wissen über die Vergangenheit mit aktuellen Geschehnissen kombinieren, um der Bürgermeisterin von Prückwitz zu helfen, ungeheuerliche Geheimnisse aufzudecken.</p>



<p>Hier kannst du Life Goes On <a href="https://lifegoeson.machinaex.org/" target="_blank" rel="noreferrer noopener">Online spielen</a>! </p>



<p><em><strong>Concept:</strong> <a href="https://machinaex.org/life-goes-on/" target="_blank" rel="noreferrer noopener">machina eX</a></em><strong><em> </em></strong><em>/ </em><strong><em>Performance (audio): </em></strong><em>Anne Eigner, Godehard Giese, Sina Kießling, Thomas Mielmann, Laura Naumann, David Simon, Stephan Stock, Leon Ullrich / </em><strong><em>Text: </em></strong><em>Clara Ehrenwerth / </em><strong><em>Interaction Design &amp; Programming: </em></strong><em>Lasse Marburg, Benedikt Kaffai / </em><strong><em>Collaboration programming: </em></strong><em>Philip Steimel / </em><strong><em>Dramaturgy: </em></strong><em>Lena Vöcklinghaus / </em><strong><em>Sound Design: </em></strong><em>Matthias Millhoff / </em><strong><em>Collaboration game design: </em></strong><em>Anton Rose / </em><strong><em>Scenography: </em></strong><em>För Künkel, Mirjam Hildbrand / </em><strong><em>Interface &amp; UX Design: </em></strong><em>Elisa Haubert / </em><strong><em>Graphic design: </em></strong><em>Ines Strzedulla / </em><strong><em>Production management: </em></strong><em>Sina Kießling</em></p>



<p><em><strong>Production:</strong> machina eX. <strong>Co-production:</strong> HAU Hebbel am Ufer. <strong>Funded by:</strong> Berlin Senate Department for Culture and Europe, Fonds Darstellende Künste&nbsp;with funds from the Federal Government Commissioner for Culture and the Media within the framework of NEUSTART KULTUR.&nbsp;Part of Berlin Science Week.</em></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"><a href="https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig.png"><img fetchpriority="high" decoding="async" width="1024" height="740" src="https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-1024x740.png" alt="ipad with game screen" class="wp-image-423" srcset="https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-1024x740.png 1024w, https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-300x217.png 300w, https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-768x555.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-1536x1110.png 1536w, https://hau-rock.de/wp-content/uploads/2023/01/lifegoeson-zeisig-2048x1479.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa.png"><img decoding="async" width="1024" height="740" src="https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-1024x740.png" alt="ipad with game screen" class="wp-image-422" srcset="https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-1024x740.png 1024w, https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-300x217.png 300w, https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-768x555.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-1536x1110.png 1536w, https://hau-rock.de/wp-content/uploads/2023/01/lgo-prosa-2048x1479.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></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-large"><a href="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4.png"><img decoding="async" width="512" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4-512x1024.png" alt="zeisig mini" class="wp-image-429" srcset="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4-512x1024.png 512w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4-150x300.png 150w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4-768x1536.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-4.png 800w" sizes="(max-width: 512px) 100vw, 512px" /></a></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3.png"><img loading="lazy" decoding="async" width="512" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3-512x1024.png" alt="zeisig mini" class="wp-image-428" srcset="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3-512x1024.png 512w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3-150x300.png 150w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3-768x1536.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-3.png 800w" sizes="auto, (max-width: 512px) 100vw, 512px" /></a></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2.png"><img loading="lazy" decoding="async" width="512" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2-512x1024.png" alt="zeisig mini" class="wp-image-427" srcset="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2-512x1024.png 512w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2-150x300.png 150w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2-768x1536.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-2.png 800w" sizes="auto, (max-width: 512px) 100vw, 512px" /></a></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-large"><a href="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1.png"><img loading="lazy" decoding="async" width="512" height="1024" src="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1-512x1024.png" alt="zeisig mini" class="wp-image-426" srcset="https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1-512x1024.png 512w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1-150x300.png 150w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1-768x1536.png 768w, https://hau-rock.de/wp-content/uploads/2023/01/zeisig-1.png 800w" sizes="auto, (max-width: 512px) 100vw, 512px" /></a></figure>
</div>
</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>
	</channel>
</rss>
