<?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>UI Design &#8211; Tina Tammling</title>
	<atom:link href="https://ttammling.de/ui-design/feed" rel="self" type="application/rss+xml" />
	<link>https://ttammling.de</link>
	<description>Grafik, Design und Fotografie von Tina Tammling, freiberufliche Mediengestalterin für Print und Digital im Raum Neubrandenburg und Rügen..</description>
	<lastBuildDate>Sat, 08 Jun 2024 21:38:06 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://ttammling.de/wp-content/uploads/2016/02/tt_logo-100x100.png</url>
	<title>UI Design &#8211; Tina Tammling</title>
	<link>https://ttammling.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Webdesign für die Stadtwerke Pasewalk</title>
		<link>https://ttammling.de/webdesign-fuer-die-stadtwerke-pasewalk</link>
		
		<dc:creator><![CDATA[tinatammling]]></dc:creator>
		<pubDate>Sun, 28 Apr 2024 13:01:48 +0000</pubDate>
				<category><![CDATA[Projekte]]></category>
		<category><![CDATA[UI Design]]></category>
		<guid isPermaLink="false">https://ttammling.de/?p=1272</guid>

					<description><![CDATA[Nachdem ich im Rahmen meiner Arbeit bei Steffen Media bereits das UX/UI-Design für die App &#8222;Mein Pasewalk&#8220; machen durfte, stand ein Redesign der Website der Stadtwerke Pasewalk&#8230; <span class="read-more"><a class="more-link" href="https://ttammling.de/webdesign-fuer-die-stadtwerke-pasewalk" rel="bookmark"><span class="screen-reader-text">"Webdesign für die Stadtwerke Pasewalk"</span> weiterlesen</a></span>]]></description>
										<content:encoded><![CDATA[<p>Nachdem ich im Rahmen meiner Arbeit bei <a style="color: #6b6f6f; font-weight: 500;" href="http://www.steffen-media.de" target="_blank" rel="noopener">Steffen Media</a> bereits das <a style="color: #6b6f6f; font-weight: 500;" href="https://ttammling.de/ux-ui-design-app-mein-pasewalk">UX/UI-Design für die App &#8222;Mein Pasewalk&#8220;</a> machen durfte, stand ein Redesign der Website der <a style="color: #6b6f6f; font-weight: 500;" href="https://www.stadtwerke-pasewalk.de" target="_blank" rel="noopener">Stadtwerke Pasewalk</a> an, das ich ebenfalls übernehmen durfte. Basierend auf dem Corporate Design der Stadtwerke Pasewalk habe ich für eine konsistente Markenwahrnehmung gesorgt. Dazu habe ich markante Elemente, wie die Schräge und den Zipfel, an verschiedenen Stellen verwendet. Die Schräge mit Zipfel taucht auf der Startseite im Header auf, die Schräge ohne Zipfel findet sich im Footer sowie den Tarifkacheln der jeweiligen Produkte wieder. Auch die Tonalität der Bilder greift die Farben des Corporate Designs auf.</p>
<p>Darüber hinaus habe ich das UX/UI-Design für den Preisrechner, dessen Einstieg sich auf der Startseite befindet und auf den Unterseiten Strom und Gas fortgeführt wird, entwickelt. Entstanden ist ein neues Webdesign, das eine klare User Experience bietet und über starke Kontraste im Sinne der Barrierefreiheit verfügt.</p>
<p><img fetchpriority="high" decoding="async" class="alignnone wp-image-1273 size-full" src="https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-scaled.jpeg" alt="Bildschirmfoto 8 6 2024 145748 www.stadtwerke pasewalk.de scaled" width="1367" height="2560" title="Webdesign für die Stadtwerke Pasewalk 2" srcset="https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-scaled.jpeg 1367w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-160x300.jpeg 160w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-547x1024.jpeg 547w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-768x1438.jpeg 768w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-820x1536.jpeg 820w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-1094x2048.jpeg 1094w, https://ttammling.de/wp-content/uploads/2024/06/Bildschirmfoto_8-6-2024_145748_www.stadtwerke-pasewalk.de_-107x200.jpeg 107w" sizes="(max-width: 1367px) 100vw, 1367px" /></p>
<p>An anderen Themen interessiert?<br />
<a style="color: #6b6f6f; font-weight: 500;" href="/typografie">Typografie</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/poster-design">Poster Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/corporate-design">Corporate Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/editorial-design">Editorial Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/fotografie">Fotografie</a></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>UX/UI-Design für App &#8222;Mein Pasewalk&#8220;</title>
		<link>https://ttammling.de/ux-ui-design-app-mein-pasewalk</link>
		
		<dc:creator><![CDATA[tinatammling]]></dc:creator>
		<pubDate>Tue, 01 Aug 2023 07:13:15 +0000</pubDate>
				<category><![CDATA[Projekte]]></category>
		<category><![CDATA[UI Design]]></category>
		<guid isPermaLink="false">https://ttammling.de/?p=1246</guid>

					<description><![CDATA[Im Rahmen meiner Arbeit bei Steffen Media in Friedland hatte ich die Gelegenheit das UX/UI-Design für die App &#8222;Mein Pasewalk&#8220; zu entwickeln. Angelehnt an das Corporate Design&#8230; <span class="read-more"><a class="more-link" href="https://ttammling.de/ux-ui-design-app-mein-pasewalk" rel="bookmark"><span class="screen-reader-text">"UX/UI-Design für App &#8222;Mein Pasewalk&#8220;"</span> weiterlesen</a></span>]]></description>
										<content:encoded><![CDATA[<p>Im Rahmen meiner Arbeit bei <a style="color: #6b6f6f; font-weight: 500;" href="https://www.steffen-media.de/" target="_blank" rel="noopener">Steffen Media</a> in Friedland hatte ich die Gelegenheit das UX/UI-Design für die <a style="color: #6b6f6f; font-weight: 500;" href="https://www.pasewalk.de/meinpasewalk-app/" target="_blank" rel="noopener">App &#8222;Mein Pasewalk&#8220;</a> zu entwickeln. Angelehnt an das Corporate Design der Stadtwerke Pasewalk habe ich ein funktionales Design entwickelt, das die Usability in den Vordergrund stellt. Gleichzeitig differenziert das UI Design zwischen Angeboten der <a style="color: #6b6f6f; font-weight: 500;" href="https://www.pasewalk.de/" target="_blank" rel="noopener">Stadt Pasewalk</a> und den <a style="color: #6b6f6f; font-weight: 500;" href="https://www.stadtwerke-pasewalk.de/" target="_blank" rel="nofollow noopener">Stadtwerken Pasewalk</a>, die die App gemeinschaftlich anbieten.</p>
<p>Die App informiert die Menschen aus Pasewalk über aktuelle News und bevorstehende Veranstaltungen ebenso wie es im Branchenbuch einen umfangreichen Überblick über ortsansässige Unternehmen und Dienstleister gibt. Zudem lassen sich über den Rathauswegweiser die passenden Ansprechpartner und Formulare für Behördengänge anzeigen und erleichtern diese somit. Ein Glasfaseranschlusscheck zeigt die Verfügbarkeit von schnellem Internet an den Adressen in Pasewalk an. Abgerundet wird der Funktionsumfang mit einem Gewinnspiel, das den Einkauf bei lokalen Partnern unterstützt. Die App soll in Zukunft um weitere Funktionen erweitert werden, um allen Ortsansässigen ein idealer Begleiter für das Leben in der Stadt Pasewalk zu sein.</p>
<div id="metaslider-id-1259" style="width: 100%; margin: 0 auto;" class="ml-slider-3-98-0 metaslider metaslider-flex metaslider-1259 ml-slider ms-theme-bubble nav-hidden" role="region" aria-roledescription="Slideshow" aria-label="App Mein Pasewalk" data-width="1394">
    <div id="metaslider_container_1259">
        <div id="metaslider_1259" class="flexslider">
            <ul class='slides'>
                <li style="display: block; width: 100%;" class="slide-1261 ms-image " aria-roledescription="slide" aria-label="slide-1261" data-date="2023-11-28 07:41:49"><img decoding="async" src="https://ttammling.de/wp-content/uploads/2023/08/MeinPasewalkApp_1400x933px2-1394x976.png" height="976" width="1394" alt="MeinPasewalkApp 1400x933px2" class="slider-1259 slide-1261" title="MeinPasewalkApp_1400x933px2"></li>
                <li style="display: none; width: 100%;" class="slide-1260 ms-image " aria-roledescription="slide" aria-label="slide-1260" data-date="2023-11-28 07:41:49"><img decoding="async" src="https://ttammling.de/wp-content/uploads/2023/08/MeinPasewalkApp_1400x933px1-1394x976.png" height="976" width="1394" alt="MeinPasewalkApp 1400x933px1" class="slider-1259 slide-1260" title="MeinPasewalkApp_1400x933px1"></li>
            </ul>
        </div>
        
    </div>
</div>
<p>An anderen Themen interessiert?<br />
<a style="color: #6b6f6f; font-weight: 500;" href="/typografie">Typografie</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/poster-design">Poster Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/corporate-design">Corporate Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/editorial-design">Editorial Design</a> | <a style="color: #6b6f6f; font-weight: 500;" href="/fotografie">Fotografie</a></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
