﻿<?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; web</title>
	<atom:link href="http://www.floglaser.at/tag/web/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>some websites</title>
		<link>http://www.floglaser.at/news/some-websites/</link>
		<comments>http://www.floglaser.at/news/some-websites/#comments</comments>
		<pubDate>Thu, 26 Feb 2009 16:23:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[news]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=283</guid>
		<description><![CDATA[During the last year I developed some websites I&#8217;d like to share with you. You maybe ask yourself why they don&#8217;t appear in my work-list…
Well, I wanted to keep my projectes selected, tight and clean. Nevertheless I think it&#8217;s a good idea to complete my website with some smaller projects and ideas here in the [...]]]></description>
			<content:encoded><![CDATA[<p>During the last year I developed some websites I&#8217;d like to share with you. You maybe ask yourself why they don&#8217;t appear in my work-list…<br />
Well, I wanted to keep my projectes selected, tight and clean. Nevertheless I think it&#8217;s a good idea to complete my website with some smaller projects and ideas here in the blog-section to provide you an insight into stuff I do or did.</p>
<p>Silberstern Luxusautovermietung<br />
<a href="http://www.silberstern.at" target="_blank"><img class="alignnone size-full wp-image-287" title="silberstern website" src="http://www.floglaser.at/wp-content/uploads/silberstern.jpg" alt="silberstern website" width="620" height="150" /></a></p>
<p>Wedding website for Teresa &amp; Florian<br />
<a href="http://www.teresaundflorian.at" target="_blank"><img class="alignnone size-full wp-image-286" title="resi und flo: hochzeitswebsite" src="http://www.floglaser.at/wp-content/uploads/resiflo.jpg" alt="resi und flo: hochzeitswebsite" width="620" height="150" /></a></p>
<p>Website for Kathi&#8217;s Conjure me project (only flash-programming)<br />
<a href="http://conjureme.kathiwalter.de" target="_blank"><img class="alignnone size-full wp-image-285" title="conjure me: flash programming" src="http://www.floglaser.at/wp-content/uploads/conure.jpg" alt="conjure me: flash programming" width="620" height="150" /></a></p>
<p>Website for the Schopenhauer school in Vienna<br />
<a href="http://www.rg18.ac.at" target="_blank"><img class="alignnone size-full wp-image-284" title="BRG 18 Website" src="http://www.floglaser.at/wp-content/uploads/brg18.jpg" alt="BRG 18 Website" width="620" height="150" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/news/some-websites/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>
		<item>
		<title>freemagenta</title>
		<link>http://www.floglaser.at/work/freemagenta/</link>
		<comments>http://www.floglaser.at/work/freemagenta/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 22:14:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=25</guid>
		<description><![CDATA[Website: freemagenta.nl
While working at LAVA T-Mobile wanted to claim the basic printing colour Magenta in the Netherlands and some other countries. They even started to take some companies to court that used Magenta as their primary corporate colour.
Ridiculous, right? Right.
So Lava started an initiative against these claims. And I was responsible for giving this initiative [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/freemagenta"><img class="alignnone size-full wp-image-165" title="freemagenta" src="http://www.floglaser.at/wp-content/uploads/top1.jpg" alt="freemagenta" width="620" height="300" /></a><span id="more-25"></span>Website: <a title="freemagenta" href="http://www.freemagenta.nl" target="_blank">freemagenta.nl</a></p>
<p>While working at <a href="http://www.lava.nl" target="_blank">LAVA</a> T-Mobile wanted to claim the basic printing colour Magenta in the Netherlands and some other countries. They even started to take some companies to court that used Magenta as their primary corporate colour.<br />
Ridiculous, right? Right.<br />
So Lava started an initiative against these claims. And I was responsible for giving this initiative its online-voice.<br />
What first started as a lunch-idea became quite a big thing and many important designer and manager postet their opinion on T-Mobile&#8217;s attitude.<br />
Besides the huge amount of hits on that website I first noticed their importance when a friend from Germany sent me the link.<br />
After my time at Lava the Austrian Broadcasting Service (ORF) called me to ask some questions about the freemagenta initiative because they did a tv report about these Magenta-claims (as you will notice it is in german):</p>
<p><object type="application/x-shockwave-flash" style="width:620px;height:466px" data="http://www.youtube.com/v/virODcw-1y8&amp;hl=en&amp;fs=1"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="quality" value="best" /><param name="wmode" value="transparent" /><param name="movie" value="http://www.youtube.com/v/virODcw-1y8&amp;hl=en&amp;fs=1" /><param name="pluginspage" value="http://www.macromedia.com/go/getflashplayer" />If you can see this, then you might need a Flash Player upgrade or you need to install Flash Player if it's missing. Get <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash Player</a> from Adobe.</object><br/>
		<!-- Valid XHTML flash object delivered by XHTML Video Embed. Get it at: http://saltwaterc.net/xhtml-video-embed -->
		</p>
<p>You can still have a look on all the comments and on the visual postings as well as you can order a little <a href="http://www.lava.nl" target="_blank">LAVA</a>-boekje they did afterwards that documents the whole initiative:<br />
<a href="http://www.freemagenta.nl" target="_blank">www.freemagenta.nl</a></p>
<p><img class="alignnone size-full wp-image-164" title="freemagenta book website" src="http://www.floglaser.at/wp-content/uploads/book_website.jpg" alt="freemagenta book website" width="620" height="413" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/freemagenta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>infact</title>
		<link>http://www.floglaser.at/work/infact/</link>
		<comments>http://www.floglaser.at/work/infact/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 21:57:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[work]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.floglaser.at/?p=16</guid>
		<description><![CDATA[Website: denieuweepidemie.nl
While having bloody delicious lunches at LAVA they got the assignment from Mainline to create a campaign. That campaign should make people around the Netherlands aware of the HIV-epidemic in Asia. The main theme of the campaign was &#8220;spread the word befor the virus&#8221; and it was called &#8220;infact_&#8221;.
Therefore a small book with thematic [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.floglaser.at/work/infact"><img class="alignnone size-full wp-image-169" title="infact" src="http://www.floglaser.at/wp-content/uploads/top2.jpg" alt="infact" width="620" height="300" /></a><span id="more-16"></span>Website: <a title="infact_" href="http://www.denieuweepidemie.nl" target="_blank">denieuweepidemie.nl</a></p>
<p>While having bloody delicious lunches at <a href="http://www.lava.nl" target="_blank">LAVA</a> they got the assignment from <a href="http://www.mainline.nl/" target="_blank">Mainline</a> to create a campaign. That campaign should make people around the Netherlands aware of the HIV-epidemic in Asia. The main theme of the campaign was <em>&#8220;spread the word befor the virus&#8221;</em> and it was called <em>&#8220;infact_&#8221;</em>.<br />
Therefore a small book with thematic illustrations and photographs was created and spread around Holland for free. Of course there also had to be an <a href="http://www.denieuweepidemie.nl" target="_blank">online-presence</a> for that campaign which was my duty.<br />
In Addition to that we also did &#8220;outdoor-activities&#8221; to spread the word. Some posters were placed, some artworks were seen on the pavement and somehow a lot of freebie-newspapers at the Amsterdam Centraal Station were infected with yellow stickers by some early birds…</p>
<p><img class="alignnone size-full wp-image-250" title="infact sticker action" src="http://www.floglaser.at/wp-content/uploads/sticker.jpg" alt="infact sticker action" width="620" height="470" /></p>
<p><img class="alignnone size-full wp-image-18" style="border: 1px solid #cccccc ! important;" title="infact website" src="http://www.floglaser.at/wp-content/uploads/weblog.gif" alt="infact website" width="620" height="470" /></p>
<p>For the book I illustrated the connection between the biggest drug-smuggling-routes and the HIV-infection hot spots:</p>
<p><img class="alignnone size-full wp-image-168" title="infact" src="http://www.floglaser.at/wp-content/uploads/spread2.jpg" alt="infact" width="620" height="413" /></p>
<p><a href="http://www.denieuweepidemie.nl" target="_blank">www.denieuweepidemie.nl</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.floglaser.at/work/infact/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
