﻿<?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>flo gläser portfolio &#187; identity</title>
	<atom:link href="http://www.floglaser.at/tag/identity/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.floglaser.at</link>
	<description>design porfolio</description>
	<lastBuildDate>Sat, 12 Jun 2010 22:06:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Max Kickinger music + sound design</title>
		<link>http://www.floglaser.at/work/max-kickinger/</link>
		<comments>http://www.floglaser.at/work/max-kickinger/#comments</comments>
		<pubDate>Sat, 12 Jun 2010 20:09:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=398</guid>
		<description><![CDATA[

Website: maxkickinger.de
Max Kickinger, a Salzburg-based composer and sounddesigner asked me to create him a new identity.
It was important for him to get an identity that&#8217;s not connected to any trends neither should it create the feeling of a big sounddesign studio with hundreds of employees. His name and personality should directly influence the identity and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/max-kickinger/#more-398"><img class="alignnone size-full wp-image-444" title="Max Kickinger music + sound design" src="http://www.floglaser.at/wp-content/uploads/aufmacher2.jpg" alt="Max Kickinger music + sound design" width="620" height="300" /></a></p>
<p><span id="more-398"></span></p>
<p>Website: <a title="Max Kickinger" href="http://www.maxkickinger.de" target="_blank">maxkickinger.de</a></p>
<p>Max Kickinger, a Salzburg-based composer and sounddesigner asked me to create him a new identity.<br />
It was important for him to get an identity that&#8217;s not connected to any trends neither should it create the feeling of a big sounddesign studio with hundreds of employees. His name and personality should directly influence the identity and describe him as a person. So we spend some mornings in our favourite café in the city of Salzburg chatting about ourselves, ideas, everyday-stuff, coffee, wine, and future plans. I really enjoyed it and soon the main concept was ready to be visualized.</p>
<p><img class="alignnone size-full wp-image-432" title="Max Kickinger Logotype" src="http://www.floglaser.at/wp-content/uploads/logotype.gif" alt="Max Kickinger Logotype" width="620" height="413" /></p>
<p>A bold and solid yet timeless typeface with some characterising changes became the main logotype. Next to it a &#8220;subline&#8221; provides the basis for individuality and personality. Max has got the possibility to change that line to his needs to create a statement with his name. Varying from the most serious line &#8220;music + sound design&#8221; to some more individual ones like &#8220;und Moritz&#8221;, &#8220;loves to hear from you&#8221; and &#8220;will make you dance&#8221; the stationery developes personality.</p>
<p><img class="alignnone size-full wp-image-402" title="max kickinger stationery" src="http://www.floglaser.at/wp-content/uploads/drucksorten.jpg" alt="max kickinger stationery" width="620" height="413" /></p>
<p>Colourwise we sticked to his former colours black, white and yellow to keep some continuity but I tried to spice things a bit more up. So now his letters are completely yellow at the back and his envelopes are completely yellow at the front.</p>
<p>Besides the printed matters I also created a wordpress-based portfolio website. It is separated into a business (white) and personal (black) work section. Combined with custom typography and some fancy lightboxing he got a smooth running easy and fast to use website.<br />
To continue the personalized statements Max also has the possibility to enter matching lyric-quotations which are randomly displayed at the top of the website.</p>
<p><img class="alignnone size-full wp-image-426" title="corporate work page" src="http://www.floglaser.at/wp-content/uploads/corporate.jpg" alt="corporate work page" width="620" height="525" /></p>
<p><img class="alignnone size-full wp-image-428" title="project detail preloader" src="http://www.floglaser.at/wp-content/uploads/project_loader.jpg" alt="project detail preloader" width="620" height="525" /></p>
<p><img class="alignnone size-full wp-image-429" title="project detail" src="http://www.floglaser.at/wp-content/uploads/project.jpg" alt="project detail" width="620" height="525" /></p>
<p><img class="alignnone size-full wp-image-427" title="personal work page" src="http://www.floglaser.at/wp-content/uploads/personal.jpg" alt="personal work page" width="620" height="525" /></p>
<p><img class="alignnone size-full wp-image-425" title="About page" src="http://www.floglaser.at/wp-content/uploads/about.jpg" alt="About page" width="620" height="566" /></p>
<p>visit Max: <a title="Max Kickinger" href="http://www.maxkickinger.de/" target="_blank">maxkickinger.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/max-kickinger/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>fifth music &amp; sound design</title>
		<link>http://www.floglaser.at/work/fifth/</link>
		<comments>http://www.floglaser.at/work/fifth/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 23:04:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[motion]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=315</guid>
		<description><![CDATA[
Website: fifth-music-com
fifth music &#38; sound design is Matthias Hacksteiner. He basically does – you&#8217;ll be surprised – everything that&#8217;s connected to sound: sound branding as well as compositions for motion graphics or different video formats. Recently he even finished his first album.
While his album was produced under the alias amongst giants he needed an identity [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/fifth/#more-315" target="_self"><img class="alignnone size-full wp-image-350" title="aufmacher" src="http://www.floglaser.at/wp-content/uploads/aufmacher.gif" alt="aufmacher" width="620" height="300" /></a></p>
<p><span id="more-315"></span>Website: <a title="fifth music &amp; sound design" href="http://www.fifth-music.com" target="_blank">fifth-music-com</a></p>
<p><a href="http://www.fifth-music.com" target="_blank">fifth music &amp; sound design</a> is Matthias Hacksteiner. He basically does – you&#8217;ll be surprised – everything that&#8217;s connected to sound: sound branding as well as compositions for motion graphics or different video formats. Recently he even finished <a href="http://soundcloud.com/amongst-giants/sets/amongst-giants-promo" target="_blank">his first album</a>.<br />
While his album was produced under the alias <em>amongst giants</em> he needed an identity for his company <em>fifth music &amp; sound design</em> to give his professional work a proper appearance and setting.</p>
<p><img class="alignnone size-full wp-image-319" title="fifth music logotype" src="http://www.floglaser.at/wp-content/uploads/logo_printed.gif" alt="fifth music logotype" width="620" height="413" /></p>
<p><em>fifth</em> is a musical expression describing the sequence of five consecutive notes. That became the foundation for the identity developement. In addition to that the musical system is based on five stave which led me to extend the five circles into rounded lines.<br />
For the typography I tried to quote the appearence of musical symbols like &#8220;forte fortissimo&#8221;, &#8220;piano&#8221; or &#8220;mezzoforte&#8221; but kept it a bit more quiet…</p>
<p><img class="alignnone size-full wp-image-333" title="making of" src="http://www.floglaser.at/wp-content/uploads/makingof.gif" alt="making of" width="620" height="413" /></p>
<p>I also wanted to connect to the modern and innovative sounds <em>fifth</em> is producing for his clients with the clean subline and the different translations.</p>
<p><img class="alignnone size-full wp-image-325" title="stationery overview" src="http://www.floglaser.at/wp-content/uploads/overview_drucksorten.jpg" alt="stationery overview" width="620" height="413" /></p>
<p>To complete the identity I generated (based on the number 5) some key visuals for being used in modern media implementations. Starting with a CD/DVD label I also used them as a random background-element on the website or for animated graphics. Since they are quite a nice eye-catcher they could also be very well used for t-shirts, caps, stickers et cetera in the future.</p>
<p><img class="alignnone size-full wp-image-321" title="generated key visuals" src="http://www.floglaser.at/wp-content/uploads/visuals.jpg" alt="generated key visuals" width="620" height="413" /></p>
<p>For the showreel I brought the logotype and the generated lines to life to create a simple opener, outro and separator. The sound (from <em>fifth music</em> &amp; s<em>ound design</em> of course) underlines the animations very well!</p>
<p><a name="logoanimation"></a>[See post to watch QuickTime movie]
<p>Using type on websites has always been quite a pain in the neck for me. Implementing custom typefaces with flash (sIFR) might seem like a proper solution but there are often problems displaying them – particulary since the adblock plus extension for Firefox is gaining more and more importance (which I think is totally right). So for the <em>fifth music</em> website I used a technology that was totally new to me: <a href="http://typeface.neocracy.org/" target="_blank">typeface.js</a> This is a font rendering script based on javascript and works out just fine!<br />
The <a href="http://www.fifth-music.com" target="_blank">website</a> is based on wordpress to let Matthias keep you up to date easily and write interesting stuff on his weblog. Have a look at <a href="http://www.fifth-music.com" target="_blank">www.fifth-music.com</a></p>
<p><img class="alignnone size-full wp-image-322" title="fifth music website" src="http://www.floglaser.at/wp-content/uploads/website.gif" alt="fifth music website" width="620" height="413" /></p>
<p>Finally here are some close-ups from the printed matter to give you an idea of the great paper Matthias and I chose for his stationery.</p>
<p><img class="alignnone size-full wp-image-317" title="stationery detail" src="http://www.floglaser.at/wp-content/uploads/detail1.jpg" alt="stationery detail" width="620" height="413" /></p>
<p><img class="alignnone size-full wp-image-318" title="business card detail" src="http://www.floglaser.at/wp-content/uploads/detail2.jpg" alt="business card detail" width="620" height="413" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/fifth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DID</title>
		<link>http://www.floglaser.at/work/did/</link>
		<comments>http://www.floglaser.at/work/did/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 23:18:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[print]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=80</guid>
		<description><![CDATA[Website: did.floglaser.at
»DID« is my final degree project done  at the University of Applied Sciences Salzburg (degree course »MultiMediaArt«).
Besides the thesis about information, informational apperception and information-design the practical part is an (at present) anticipated visual identity for the Austrian Central Institute for Meteorology and Geodynamics (ZAMG). The logo shape is influenced by the current [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/did"><img class="alignnone size-full wp-image-81" title="DID" src="http://www.floglaser.at/wp-content/uploads/top6.jpg" alt="DID" width="620" height="300" /></a><span id="more-80"></span>Website: <a title="DID" href="http://did.floglaser.at" target="_blank">did.floglaser.at</a></p>
<p>»DID« is my final degree project done  at the University of Applied Sciences Salzburg (degree course »MultiMediaArt«).<br />
Besides the thesis about information, informational apperception and information-design the practical part is an (at present) anticipated visual identity for the Austrian Central Institute for Meteorology and Geodynamics (<a href="http://www.zamg.ac.at/" target="_blank">ZAMG</a>). The logo shape is influenced by the current weather in Austria and is thereby constantly changing.<br />
Although you can see some images here I created an own website for the project where you will also see the real-time logogram and the logo-generator. So get there if you want to get completely into that project: <a title="DID" href="http://did.floglaser.at/" target="_blank">did.floglaser.at</a></p>
<p><img class="alignnone size-full wp-image-231" title="DID stationery overview" src="http://www.floglaser.at/wp-content/uploads/stationery.jpg" alt="DID stationery overview" width="620" height="470" /></p>
<p><img class="alignnone size-full wp-image-86" title="DID stationery detail" src="http://www.floglaser.at/wp-content/uploads/stationery_detail.jpg" alt="DID stationery detail" width="620" height="470" /></p>
<p><img class="alignnone size-full wp-image-84" title="DID stationery folding marks" src="http://www.floglaser.at/wp-content/uploads/folding_marks.jpg" alt="DID stationery folding marks" width="620" height="470" /></p>
<p><img class="alignnone size-full wp-image-83" title="DID business cards" src="http://www.floglaser.at/wp-content/uploads/cards.jpg" alt="DID business cards" width="620" height="470" /></p>
<p><img class="alignnone size-full wp-image-82" title="DID project website" src="http://www.floglaser.at/wp-content/uploads/web_start.gif" alt="DID project website" width="620" height="470" /></p>
<p><a title="DID" href="http://did.floglaser.at/" target="_blank">http://did.floglaser.at</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/did/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>most magazine</title>
		<link>http://www.floglaser.at/work/most-magazine/</link>
		<comments>http://www.floglaser.at/work/most-magazine/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 22:18:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=30</guid>
		<description><![CDATA[Website: floglaser.at/mostmag/
During my studies at the UAS Salzburg tobé, THai and me created a poster-magazine and its identity.
The magazine contained artwork submissions from all over the planet.
David hepled us developing the website (really worth a visit) to make it fit the magazine&#8217;s folding concept.





]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/most-magazine"><img class="alignnone size-full wp-image-160" title="most" src="http://www.floglaser.at/wp-content/uploads/top.jpg" alt="most" width="620" height="300" /></a><span id="more-30"></span>Website: <a title="most magazine" href="http://www.floglaser.at/mostmag/" target="_blank">floglaser.at/mostmag/</a></p>
<p>During my studies at the UAS Salzburg <a href="http://www.tfolio.at/" target="_blank">tobé</a>, <a href="http://thai.designpark.at" target="_blank">THai</a> and me created a poster-magazine and its identity.<br />
The magazine contained artwork submissions from all over the planet.<br />
<a href="http://david.die13.info/" target="_blank">David</a> hepled us developing the <a title="The Most Magazine" href="http://www.floglaser.at/mostmag/" target="_blank">website</a> (really worth a visit) to make it fit the magazine&#8217;s folding concept.</p>
<p><img class="alignnone size-full wp-image-246" title="most magazine identity overview" src="http://www.floglaser.at/wp-content/uploads/identity.gif" alt="most magazine identity overview" width="620" height="413" /></p>
<p><img class="alignnone size-full wp-image-247" title="most fold it out 1" src="http://www.floglaser.at/wp-content/uploads/klappe1.jpg" alt="most fold it out 1" width="620" height="413" /></p>
<p><img class="alignnone size-full wp-image-245" title="most fold it out 2" src="http://www.floglaser.at/wp-content/uploads/klappe2.jpg" alt="most fold it out 2" width="620" height="413" /></p>
<p><img class="alignnone size-full wp-image-161" title="most diversity" src="http://www.floglaser.at/wp-content/uploads/facher.jpg" alt="most diversity" width="620" height="413" /></p>
<p><img class="alignnone size-full wp-image-162" title="overview" src="http://www.floglaser.at/wp-content/uploads/overview.jpg" alt="overview" width="620" height="413" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/most-magazine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
