<?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>Blog.Tocki &#124; Tilman Ockert, Stuttgart &#187; Portfolio</title>
	<atom:link href="http://www.blog.tocki.de/tag/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blog.tocki.de</link>
	<description>Mediengestaltung &#38; Grenzgebiete</description>
	<lastBuildDate>Thu, 01 Jul 2010 12:14:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Redesign stbhoch3</title>
		<link>http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/</link>
		<comments>http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 17:43:16 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=3185</guid>
		<description><![CDATA[Redesign der Web-Visitenkarte von Diana Mayer-Bartholmeß (Steuerberaterin)]]></description>
			<content:encoded><![CDATA[<p>Bereits Ende März habe ich für <a href="http://modular-web.de" target="_blank">modular</a> die neue <a href="http://stbhoch3.de/" target="_blank">Web-Visitenkarte der Steuerberaterin Diana Mayer-Bartholmeß</a> fertiggestellt.<span id="more-3185"></span> Als Vorlage galt die alte Website von 1999, die sich optisch abgenutzt hatte.</p>
<p>Das Redesign enthält Wiedererkennungsmerkmale, wie das stilisierte Portrait unten rechts, sowie das Logo und das Grün. Wenn auch das grün jetzt nicht mehr ganz so flächig eingesetzt wird, was die Wirkung aber eher verstärkt. Das Foto, das bisher etwas undefiniert in der rechten Ecke stand wird jetzt durch den Rahmen gefasst. Text läuft jetzt nicht mehr über das Foto und es ist ausreichend platz, um ohne merkwürdige Scrollbalken aus zu kommen.</p>
<p>Als Ergebnis steht eine schicke kleine Web-Visitenkarte, die alle wichtigen Informationen enthält, Kontaktmöglichkeiten bietet und ein frisches Layout mit bekannten Merkmalen verbindet.</p>

<a href='http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/stb3-alt/' title='die alte Website vor dem Redesign'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2010/04/stb3-alt-200x200.jpg" class="attachment-thumbnail" alt="die alte Website vor dem Redesign" title="die alte Website vor dem Redesign" /></a>
<a href='http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/stb3-neu/' title='nach dem Redesign'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2010/04/stb3-neu-200x200.jpg" class="attachment-thumbnail" alt="nach dem Redesign" title="nach dem Redesign" /></a>
<a href='http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/stb3-neu2/' title='nach dem Redesign'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2010/04/stb3-neu2-200x200.jpg" class="attachment-thumbnail" alt="nach dem Redesign" title="nach dem Redesign" /></a>

<p>Ganz links ist die Website vor dem Redesign zu sehen. Daneben die aktuelle Gestaltung. Neben den Veränderungen in der Gestaltung gab es natürlich auch ein aktuelles Foto.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2010-04-13/redesign-stbhoch3/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>goCashmere Relaunch</title>
		<link>http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/</link>
		<comments>http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 13:40:50 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=2725</guid>
		<description><![CDATA[Bereits im Juni 2009 habe ich bei modular eine Webpräsenz für das Stuttgarter Modelabel goCashmere entwickelt. Die wurde jetzt für die Sommerkollektion 2010 überarbeitet und erweitert. jQuery und Prototype Wie ja bekannt sein wird arbeite ich sehr gerne mit jQuery als JavaScript Bibliothek. So kam diesmal das Cycle Script von Mike Alsup zur Verwendung. Allerdings [...]]]></description>
			<content:encoded><![CDATA[<p>Bereits im <a href="http://www.blog.tocki.de/2009-06-16/gocashmere-launch/">Juni 2009</a> habe ich bei <a href="http://modular-web.de/">modular</a> eine Webpräsenz für das Stuttgarter Modelabel <a href="http://www.gocashmere.com">goCashmere</a> entwickelt. <span id="more-2725"></span>Die wurde jetzt für die Sommerkollektion 2010 <a href="http://modulspace.de/2009/12/website-relaunch-von-gocashmere-com/">überarbeitet und erweitert</a>.</p>
<h3>jQuery und Prototype</h3>
<p>Wie ja bekannt sein wird arbeite ich sehr gerne mit <a href="http://jquery.com/">jQuery</a> als JavaScript Bibliothek. So kam diesmal das <a href="http://malsup.com/jquery/cycle/">Cycle Script</a> von Mike Alsup zur Verwendung. Allerdings gibt es kein besseres Lightbox Script, als das <a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox v2 Script</a> von Lokesh Dhakar, welches aber <a href="http://script.aculo.us/">Prototype/Scriptaculous</a> verwendet. Daher hab ich bei diesem Projekt beides verwendet.</p>
<h3>Screenshots</h3>
<p>Natürlich fällt es leicht eine gute Seite zu machen, wenn man auf gutes Fotomaterial zurückgreifen kann.</p>

<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-01/' title='gocashmere-redesign-01'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-01-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-01" title="gocashmere-redesign-01" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-02/' title='gocashmere-redesign-02'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-02-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-02" title="gocashmere-redesign-02" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-03/' title='gocashmere-redesign-03'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-03-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-03" title="gocashmere-redesign-03" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-04/' title='gocashmere-redesign-04'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-04-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-04" title="gocashmere-redesign-04" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-05/' title='gocashmere-redesign-05'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-05-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-05" title="gocashmere-redesign-05" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-06/' title='gocashmere-redesign-06'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-06-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-06" title="gocashmere-redesign-06" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-07/' title='gocashmere-redesign-07'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-07-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-07" title="gocashmere-redesign-07" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-08/' title='gocashmere-redesign-08'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-08-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-08" title="gocashmere-redesign-08" /></a>
<a href='http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/gocashmere-redesign-09/' title='gocashmere-redesign-09'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/12/gocashmere-redesign-09-200x200.jpg" class="attachment-thumbnail" alt="gocashmere-redesign-09" title="gocashmere-redesign-09" /></a>

]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-12-23/gocashmere-website-relaunch/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Weingarten &#8220;Das Meer&#8221;</title>
		<link>http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/</link>
		<comments>http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 16:03:28 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[in eigener Sache]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=2615</guid>
		<description><![CDATA[Neu im Portfolio: der Bildschirmschoner zur Platin-Edition &#8220;Das Meer&#8221; von Weingarten.  Als Webdesigner von modular Stuttgart arbeite ich bereits seit einiger Zeit für den Kalenderverlag Mannheim, so haben wir beispielsweise im September den Blog von Weingarten und Harenberg gelauncht. Nachdem ich auch den offiziellen Bildschirmschoner zur Jubiläums-Ausgabe des Duden (25. Auflage) gemacht habe, durfte ich [...]]]></description>
			<content:encoded><![CDATA[<p>Neu im Portfolio: der Bildschirmschoner zur Platin-Edition &#8220;Das Meer&#8221; von Weingarten. <span id="more-2615"></span><br />
Als Webdesigner von <a title="http://www.modular-web.de/" href="http://www.modular-web.de/">modular Stuttgart</a> arbeite ich bereits seit einiger Zeit für den <a title="http://www.derkalenderverlag.de/" href="http://www.derkalenderverlag.de/">Kalenderverlag Mannheim</a>, so haben wir beispielsweise <a title="http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/" href="http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/">im September</a> den <a title="http://www.kalender-blog.de/" href="http://www.kalender-blog.de/">Blog von Weingarten und Harenberg</a> gelauncht.</p>
<p>Nachdem ich auch den offiziellen <a title="http://www.blog.tocki.de/2009-08-03/bildschirmschoner-duden-25/" href="http://www.blog.tocki.de/2009-08-03/bildschirmschoner-duden-25/">Bildschirmschoner zur Jubiläums-Ausgabe des Duden</a> (25. Auflage) gemacht habe, durfte ich nun auch den neuen Bildschirmschoner für den Weingarten Kalenderverlag machen, der seit Gestern zum <a title="http://www.kalender-blog.de/2009/11/bildschirmschoner2010/" href="http://www.kalender-blog.de/2009/11/bildschirmschoner2010/">kostenlosen Download</a> bereit gestellt wird.</p>
<h6>Die Bildmotive</h6>
<p>Als Motive stellte Weingarten die wundervollen Bilder des Kalenders der Platin Edition &#8220;<a title="http://www.kalender-blog.de/2009/07/atemberaubende-meeresfotografie-von-philip-plisson/" href="http://www.kalender-blog.de/2009/07/atemberaubende-meeresfotografie-von-philip-plisson/">Das Meer</a>&#8221; von <a title="http://www.plisson.com/" href="http://www.plisson.com/">Philip Plisson</a> zur Verfügung.<br />

<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-00/' title='weingarten_kalender_bildschirmschoner-00'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-00-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-00" title="weingarten_kalender_bildschirmschoner-00" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-01/' title='weingarten_kalender_bildschirmschoner-01'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-01-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-01" title="weingarten_kalender_bildschirmschoner-01" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-02/' title='weingarten_kalender_bildschirmschoner-02'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-02-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-02" title="weingarten_kalender_bildschirmschoner-02" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-03/' title='weingarten_kalender_bildschirmschoner-03'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-03-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-03" title="weingarten_kalender_bildschirmschoner-03" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-04/' title='weingarten_kalender_bildschirmschoner-04'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-04-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-04" title="weingarten_kalender_bildschirmschoner-04" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-05/' title='weingarten_kalender_bildschirmschoner-05'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-05-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-05" title="weingarten_kalender_bildschirmschoner-05" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-06/' title='weingarten_kalender_bildschirmschoner-06'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-06-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-06" title="weingarten_kalender_bildschirmschoner-06" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-07/' title='weingarten_kalender_bildschirmschoner-07'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-07-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-07" title="weingarten_kalender_bildschirmschoner-07" /></a>
<a href='http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/weingarten_kalender_bildschirmschoner-08/' title='weingarten_kalender_bildschirmschoner-08'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/11/weingarten_kalender_bildschirmschoner-08-200x200.jpg" class="attachment-thumbnail" alt="weingarten_kalender_bildschirmschoner-08" title="weingarten_kalender_bildschirmschoner-08" /></a>
<br />
Auf dem <a title="http://www.kalender-blog.de/" href="http://www.kalender-blog.de/">Kalender-Blog</a> schreibt Weingarten dazu:</p>
<blockquote><p>Seit dreißig Jahren betrachtet Philip Plisson das Phänomen Meer mit seiner Kamera. Ehrfurcht und Begeisterung für diesen einzigartigen Lebensraum zu wecken, ist sein Ziel. Jeder, der einmal am Strand entlangspaziert ist, die salzige Meeresluft eingeatmet oder die Berichte von Weltumseglern gelesen hat, erliegt der Faszination von Plissons außergewöhnlichen Fotografien. Sie zeigen die Gewalt der Brandung an bizarren Felslandschaften, schäumende Gischt und brechende Wellen im Gegenlicht oder Schiffe im Kampf mit dem Element Wasser.</p></blockquote>
<p>Petra Singer, zuständig für die Presse- und Öffentlichkeitsarbeit.</p>
<h6>Programmierung</h6>
<p>Der Bildschirmschoner wurde in Flash entworfen und dann mit <a title="http://www.screentime.com/software/flash-screensaver/" href="http://www.screentime.com/software/flash-screensaver/">Screentime</a> in eine MAC- und eine PC-Version migriert. Die Bildschirmschoner laufen auf allen momentanen Versionen der Betriebssysteme, also auch auf Windows Vista und OS 10.6.2.</p>
<h6>Download</h6>
<p>Der Bildschirmschoner für MAC und PC kann auf dem Kalender-Blog von Weingarten und Harenberg <a title="http://www.kalender-blog.de/2009/11/bildschirmschoner2010/" href="http://www.kalender-blog.de/2009/11/bildschirmschoner2010/">kostenlos heruntergeladen</a> werden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-11-25/weingarten-2010-bildschirmschoner/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Visitenkarten für Tocki</title>
		<link>http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/</link>
		<comments>http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 15:25:41 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Typografie]]></category>
		<category><![CDATA[Corporate Design]]></category>
		<category><![CDATA[in eigener Sache]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=2403</guid>
		<description><![CDATA[Der Postler hat gerade meine ersten Visitenkarten gebracht! Schön sind sie geworden mit dem partiellen UV-Lack-Tocki-T. Aber seht selbst]]></description>
			<content:encoded><![CDATA[<p>Der Postler hat gerade meine ersten Visitenkarten gebracht! Schön sind sie geworden mit dem partiellen UV-Lack-Tocki-T.<span id="more-2403"></span></p>
<h6>Aber seht selbst</h6>

<a href='http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/visitenkarten-02/' title='visitenkarten-02'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/10/visitenkarten-02-200x200.jpg" class="attachment-thumbnail" alt="visitenkarten-02" title="visitenkarten-02" /></a>
<a href='http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/visitenkarten-03/' title='visitenkarten-03'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/10/visitenkarten-03-200x200.jpg" class="attachment-thumbnail" alt="visitenkarten-03" title="visitenkarten-03" /></a>
<a href='http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/visitenkarten-01/' title='visitenkarten-01'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/10/visitenkarten-01-200x200.jpg" class="attachment-thumbnail" alt="visitenkarten-01" title="visitenkarten-01" /></a>

]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-10-31/visitenkarten-fur-tocki/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Portfolio: Kalenderblog</title>
		<link>http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/</link>
		<comments>http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 07:38:24 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=1789</guid>
		<description><![CDATA[Ein weiteres Projekt fürs Portfolio: der Kalender-Blog. Für modular habe ich den Blog des Kalenderverlags Mannheim (Weingarten und Harenberg) realisiert, mit dem sich die Verlagsgruppe zeitgemäß an Presse und Öffentlichkeit wendet. Der Blog ersetzt die jeweiligen Presse-Unterseiten auf den Verlags-Homepages, wo das dort verwendete CMS keine Möglichkeiten zur angemessenen Präsentation und Suchmaschinenoptimierung gab. Besonderes Augenmerk [...]]]></description>
			<content:encoded><![CDATA[<p>Ein weiteres Projekt fürs Portfolio: der <a title="http://www.kalender-blog.de/" href="http://www.kalender-blog.de/">Kalender-Blog</a>.<br />
Für <a title="http://www.modular-web.de" href="http://www.modular-web.de">modular</a> habe ich den Blog des Kalenderverlags Mannheim (<a title="http://www.weingarten-kalender.de/" href="http://www.weingarten-kalender.de/">Weingarten</a> und <a title="http://www.harenberg-kalender.de/" href="http://www.harenberg-kalender.de/">Harenberg</a>) realisiert, mit dem sich die Verlagsgruppe zeitgemäß an Presse und Öffentlichkeit wendet.</p>
<p><span id="more-1789"></span>Der Blog ersetzt die jeweiligen Presse-Unterseiten auf den Verlags-Homepages, wo das dort verwendete CMS keine Möglichkeiten zur angemessenen Präsentation und Suchmaschinenoptimierung gab. Besonderes Augenmerk wurde auf die Präsentation der hervorragenden Bilder gelegt, auf eine unkomplizierte Schnittstelle für Journalisten, die alle Informationen zu den Kalendern eines Artikels direkt herunterladen können und eine (für Blogs unübliche) klare Trennung von Themengebieten.</p>
<h6>Pressemitteilung von Harenberg und Weingarten</h6>
<p>Ein Auszug aus der offiziellen Pressemitteilung von Petra Singer (<a title="https://www.xing.com/profile/Petra_Singer4" href="https://www.xing.com/profile/Petra_Singer4">Xing</a>), bei <a title="http://www.weingarten-kalender.de/" href="http://www.weingarten-kalender.de/">Weingarten</a> und <a title="http://www.harenberg-kalender.de/" href="http://www.harenberg-kalender.de/">Harenberg</a> zuständig für die Presse- und Öffentlichkeitsarbeit:</p>
<blockquote><p>Neuer Onlineservice für Journalisten: <a href="http://www.kalender-blog.de/">www.kalender-blog.de</a><br />
Serviceblog des Kalenderverlags Mannheim bietet Presseinformationen rund um den Kalenderverlag Mannheim und sein Verlagsprogramm.</p>
<p>Der Kalenderverlag Mannheim hat ein neues Serviceangebot für Journalisten eingerichtet. Unter <a href="http://www.kalender-blog.de/">www.kalender-blog.de</a> finden Medienvertreter ab sofort alle Pressematerialien zu den Kalendermarken Harenberg und Weingarten sowie zu den Kalendern des Bibliographischen Instituts (Duden, Brockhaus, Meyers) auf einen Blick. Informationen zum aktuellen Kalenderprogramm, Pressetexte, Coverabbildungen, Bildergalerie mit Kalenderseiten, Meldungen aus dem Kalenderverlag, Interviews, Porträts und vieles mehr können hier abgerufen werden.</p></blockquote>
<h6>Screenshots und Link</h6>

<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-06-2/' title='kalenderblog-06'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-061-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-06" title="kalenderblog-06" /></a>
<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-05-2/' title='kalenderblog-05'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-051-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-05" title="kalenderblog-05" /></a>
<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-04-2/' title='kalenderblog-04'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-041-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-04" title="kalenderblog-04" /></a>
<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-03-2/' title='kalenderblog-03'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-031-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-03" title="kalenderblog-03" /></a>
<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-02-2/' title='kalenderblog-02'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-021-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-02" title="kalenderblog-02" /></a>
<a href='http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/kalenderblog-01-2/' title='kalenderblog-01'><img width="200" height="200" src="http://www.blog.tocki.de/wp-content/uploads/2009/09/kalenderblog-011-200x200.jpg" class="attachment-thumbnail" alt="kalenderblog-01" title="kalenderblog-01" /></a>

<p>Am besten einfach mal anschauen: <a href="http://www.kalender-blog.de/">www.kalender-blog.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-09-03/portfolio-kalenderblog/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>GoCashmere launch</title>
		<link>http://www.blog.tocki.de/2009-06-16/gocashmere-launch/</link>
		<comments>http://www.blog.tocki.de/2009-06-16/gocashmere-launch/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 13:47:45 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=1248</guid>
		<description><![CDATA[Und gleich noch eine neue Website fürs Portfolio: gocashmere.com Eine kleine Web Visitenkarte für das Modelabel, das sich auf Kashmir-Produkte spezialisiert hat. Die Slideshow wird über das jQuery Cycle Plugin gesteuert, der Sticky Footer++ wurde hier bereits vorgestellt. Das Model auf den Fotos ist Adele Ngoupayou. &#62; gocashmere.com]]></description>
			<content:encoded><![CDATA[<p>Und gleich noch eine neue Website fürs Portfolio: <a title="http://www.gocashmere.com" href="http://www.gocashmere.com">gocashmere.com</a></p>
<p>Eine kleine Web Visitenkarte für das Modelabel, das sich auf Kashmir-Produkte spezialisiert hat. Die Slideshow wird über das jQuery <a title="http://www.malsup.com/jquery/cycle/" href="http://www.malsup.com/jquery/cycle/">Cycle Plugin</a> gesteuert, der <a title="http://www.blog.tocki.de/2009-01-24/sticky-footer/" href="http://www.blog.tocki.de/2009-01-24/sticky-footer/">Sticky Footer++</a> wurde hier bereits vorgestellt. Das Model auf den Fotos ist Adele Ngoupayou.</p>
<p>&gt; <a title="http://www.gocashmere.com" href="http://www.gocashmere.com">gocashmere.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-06-16/gocashmere-launch/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Blog für ben Willikens</title>
		<link>http://www.blog.tocki.de/2009-06-12/blog-fur-ben-willikens/</link>
		<comments>http://www.blog.tocki.de/2009-06-12/blog-fur-ben-willikens/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 06:37:13 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Corporate Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=1242</guid>
		<description><![CDATA[Eine weitere Website fürs Portfolio: blog.benwillikens.de Neben der offiziellen Website für Ben Willikens, die ich vor kurzem vorgestellt habe, gibt es jetzt auch einen Blog, über den Informationen, Ausstellungstermine und andere Pressearbeiten über Ben Willikens geführt werden können. Der Blog läuft unter WordPress, das Ausgans-Theme ist Grid Focus von Derek Punsalan, unter anderen laufen die [...]]]></description>
			<content:encoded><![CDATA[<p>Eine weitere Website fürs Portfolio: <a title="blog.benwillikens.de" href="http://blog.benwillikens.de">blog.benwillikens.de</a></p>
<p>Neben der <a title="benwillikens.de" href="http://www.benwillikens.de">offiziellen Website</a> für Ben Willikens, die ich <a title="http://www.blog.tocki.de/2009-06-09/benwillikensde/" href="http://www.blog.tocki.de/2009-06-09/benwillikensde/">vor kurzem vorgestellt</a> habe, gibt es jetzt auch einen Blog, über den Informationen, Ausstellungstermine und andere Pressearbeiten über Ben Willikens geführt werden können.</p>
<p>Der Blog läuft unter <a title="http://wordpress.org/" href="http://wordpress.org/">WordPress</a>, das Ausgans-Theme ist <a title="http://5thirtyone.com/grid-focus" href="http://5thirtyone.com/grid-focus">Grid Focus</a> von <a title="http://5thirtyone.com/" href="http://5thirtyone.com/">Derek Punsalan</a>, unter anderen laufen die Plugins <a title="http://mdkart.fr/blog/plugin-add-lightbox-pour-wordpress/" href="http://mdkart.fr/blog/plugin-add-lightbox-pour-wordpress/">Add Lightbox</a>, <a title="http://www.4mj.it/lightbox-js-v20-wordpress/" href="http://www.4mj.it/lightbox-js-v20-wordpress/">Lightbox2 for WordPress</a>, <a title="http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/" href="http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/">Vipers Video Quicktags</a> und das <a title="http://ottodestruct.com/blog/wordpress-plugins/automatic-timezone/" href="http://ottodestruct.com/blog/wordpress-plugins/automatic-timezone/">automatic Timezone Plugin</a>.</p>
<p>&gt; <a title="blog.benwillikens.de" href="http://blog.benwillikens.de">blog.benwillikens.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-06-12/blog-fur-ben-willikens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>benwillikens.de</title>
		<link>http://www.blog.tocki.de/2009-06-09/benwillikensde/</link>
		<comments>http://www.blog.tocki.de/2009-06-09/benwillikensde/#comments</comments>
		<pubDate>Tue, 09 Jun 2009 09:05:09 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=1238</guid>
		<description><![CDATA[Neues Webprojekt in meinem Portfolio: benwillikens.de. Der Maler Ben Willikens (Wikipedia) ist schon seit langer Zeit Kunde von modular. Bisher lag das Aufgabenfeld jedoch fast ausschließlich bei Layoutarbeiten für Ausstellungskataloge, Geschäftspapiere und vor allem der digitalen Reproduktion der Gemälde. Konzeptionelle Unterstützung bei der Erfassung der Inhalte und der Zusammenstellung der Bildauswahl für das Projekt kam [...]]]></description>
			<content:encoded><![CDATA[<p>Neues Webprojekt in meinem Portfolio: <a title="http://www.benwillikens.de/" href="http://www.benwillikens.de/">benwillikens.de</a>.</p>
<p>Der Maler Ben Willikens (<a title="http://de.wikipedia.org/wiki/Ben_Willikens" href="http://de.wikipedia.org/wiki/Ben_Willikens">Wikipedia</a>) ist schon seit langer Zeit Kunde von <a title="http://modular-web.de/" href="http://modular-web.de/">modular</a>. Bisher lag das Aufgabenfeld jedoch fast ausschließlich bei Layoutarbeiten für Ausstellungskataloge, Geschäftspapiere und vor allem der digitalen Reproduktion der Gemälde.</p>
<p>Konzeptionelle Unterstützung bei der Erfassung der Inhalte und der Zusammenstellung der Bildauswahl für das Projekt kam von Walter Grasskamp (<a title="http://de.wikipedia.org/wiki/Walter_Grasskamp" href="http://de.wikipedia.org/wiki/Walter_Grasskamp">Wikipedia</a>), die Gestaltung und Umsetzung aber lag komplett bei modular. Die Website is vollständig in Flash erstellt, hat eine theoretische Breite von 59.000 Pixeln und besteht aus mehr als 62 Einzel-Dateien, die über ein Framework von Stephan Funke (<a title="http://www.funkeundfunke.de/html/p/" href="http://www.funkeundfunke.de/html/p/">Funke&amp;Funke</a>) per XML geladen werden.</p>
<p>&gt; <a title="benwillikens.de" href="http://www.benwillikens.de">benwillikens.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-06-09/benwillikensde/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Portfolio: varrassi.de</title>
		<link>http://www.blog.tocki.de/2009-01-29/portfolio-varrasside/</link>
		<comments>http://www.blog.tocki.de/2009-01-29/portfolio-varrasside/#comments</comments>
		<pubDate>Thu, 29 Jan 2009 09:16:10 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Corporate Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=1003</guid>
		<description><![CDATA[Momentan arbeite ich am Internetauftritt des neu gegründete Stuttgarter Modelabel VARRASSI International. Um die Zeit bis zum Launch der Website zu überbrücken und sowohl Google, als auch eventuelle Besucher der Domain mit etwas zu unterhalten, habe ich auf Grundlage der Launch Page von WebResoureces Depot eine kleine Vorschau-Seite gebaut: &#62; varrassi.de &#62; varrassi.it &#62; varrassi.eu]]></description>
			<content:encoded><![CDATA[<p>Momentan arbeite ich am Internetauftritt des neu gegründete Stuttgarter Modelabel VARRASSI International. <span id="more-1003"></span>Um die Zeit bis zum Launch der Website zu überbrücken und sowohl Google, als auch eventuelle Besucher der Domain mit etwas zu unterhalten, habe ich auf Grundlage der <a title="http://www.webresourcesdepot.com/cool-and-free-launch-page-with-ajax-newsletter/" href="http://www.webresourcesdepot.com/cool-and-free-launch-page-with-ajax-newsletter/">Launch Page</a> von <a title="http://www.webresourcesdepot.com/" href="http://www.webresourcesdepot.com/">WebResoureces Depot</a> eine kleine Vorschau-Seite gebaut:</p>
<p><a title="http://varrassi.de/" href="http://varrassi.de/">&gt; varrassi.de</a><br />
<a title="http://varrassi.it/" href="http://varrassi.it/">&gt; varrassi.it</a><br />
<a title="http://varrassi.eu/" href="http://varrassi.eu/">&gt; varrassi.eu</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2009-01-29/portfolio-varrasside/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WhiteBasic &#8211; Vektor Iconpack</title>
		<link>http://www.blog.tocki.de/2008-10-16/whitebasic-vektor-iconpack/</link>
		<comments>http://www.blog.tocki.de/2008-10-16/whitebasic-vektor-iconpack/#comments</comments>
		<pubDate>Thu, 16 Oct 2008 20:00:16 +0000</pubDate>
		<dc:creator>Tilman Ockert</dc:creator>
				<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Mediengestaltung]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Vektor]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://www.blog.tocki.de/?p=479</guid>
		<description><![CDATA[Mein zweites Freebie nach dem Vektor-Firefox ist ein Vektorpack als Illustrator-Datei, PNG- und JPG-Thumbs. Das WhiteBasic Vektor Iconpack ist der erste Teil einer Serie, an der ich gerade arbeite. 11 Vektor Icons für PDF, APP, EXE, MOV, PSD, AI, MP3, MPEG, JPG, ZIP und RSS. Wie in diesem Beitrag zu sehen, sind sie in erster [...]]]></description>
			<content:encoded><![CDATA[<p>Mein zweites <a title="http://www.blog.tocki.de/tag/freebie/" href="http://www.blog.tocki.de/tag/freebie/">Freebie</a> nach dem <a title="http://www.blog.tocki.de/2008-04-18/firefox-browser-als-vektor-datei/" href="http://www.blog.tocki.de/2008-04-18/firefox-browser-als-vektor-datei/">Vektor-Firefox</a> ist ein Vektorpack als Illustrator-Datei, PNG- und JPG-Thumbs. Das WhiteBasic Vektor Iconpack ist der erste Teil einer Serie, an der ich gerade arbeite. 11 Vektor Icons für PDF, APP, EXE, MOV, PSD, AI, MP3, MPEG, JPG, ZIP und RSS. Wie in diesem Beitrag zu sehen, sind sie in erster Linie zur Verwendung hier auf dem Blog gedacht.</p>
<p>Das Iconset steht unter der <a title="http://creativecommons.org/licenses/by/3.0/de/" href="http://creativecommons.org/licenses/by/3.0/de/">Creative Commons Lizenz</a> und kann somit sowohl kommerziell, als auch privat verwendet werden.</p>
<div class="tocki-download"> 	<a href="http://www.blog.tocki.de/wp-content/plugins/download-monitor/download.php?id=1" title="Download WhiteBasic Iconpack"><img src="http://www.blog.tocki.de/css-tocki/Icons/Thumb-zip.png"></a>     <br>   <span>Download</span> <br> <a href="http://www.blog.tocki.de/wp-content/plugins/download-monitor/download.php?id=1" title="Download WhiteBasic Iconpack">Download WhiteBasic Iconpack</a> (4.1 MB - 2235 Downloads) <br><br>     Zip Datei beinhaltet Thumbs als .png und .jpg, sowie Vektordateien als .ai [CS und CS3], .eps und .pdf  </div>
<p>Viel Spass!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog.tocki.de/2008-10-16/whitebasic-vektor-iconpack/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
