<?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>Johan Mogren &#187; Portfolio</title>
	<atom:link href="http://www.johanmogren.se/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.johanmogren.se</link>
	<description>Frilans Art Director och grafisk designer. Gamification.</description>
	<lastBuildDate>Wed, 23 Nov 2011 14:46:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Fabrication Games &#8211; logotyp</title>
		<link>http://www.johanmogren.se/fabrication-games-logotyp/</link>
		<comments>http://www.johanmogren.se/fabrication-games-logotyp/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 12:56:37 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[logotyp]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=606</guid>
		<description><![CDATA[Logotyp för Fabrication Games, en spelstudio inriktad på mobila spel och spelkoncept. De ville ha en logotyp med klassisk storytelling-äventyrsspelskänsla. Liknande inlägg: Jadestone &#8211; symbol till logotyp Abby Norm &#8211; logotyp och grafisk profil Monsterljud &#8211; logotyp Dmitri &#8211; logotyp Ottenray &#8211; logotyp och grafisk profil
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/fabricationgames_stor2.png" alt="fabricationgames" width="500" height="349"/></p>
<p>Logotyp för <a href="http://www.fabricationgames.com/">Fabrication Games</a>, en spelstudio inriktad på mobila spel och spelkoncept. <span id="more-606"></span></p>
<p>De ville ha en logotyp med klassisk storytelling-äventyrsspelskänsla.</p>
<p><img src="http://www.johanmogren.se/images/fabricationgames_stor.jpg" alt="fabricationgames" width="500" height="314"/></p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Ffabrication-games-logotyp%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/fabrication-games-logotyp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kalle Skavank &#8211; webbsajt och blogg</title>
		<link>http://www.johanmogren.se/kalle-skavank-webbsajt-och-blogg/</link>
		<comments>http://www.johanmogren.se/kalle-skavank-webbsajt-och-blogg/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 10:14:20 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[webbsajt]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=546</guid>
		<description><![CDATA[Kalle Skavank är en av Sveriges mest populära barndeckare. Böckerna är skrivna av författaren Petrus Dahlin. Jag har designat en blogg och webbsajt för bokserien. Kalleskavank.se är en blogg där både Petrus och Kalle skriver. Den är riktad direkt till barnen (men såklart är föräldrarna välkomna att läsa den också). På sajten finns det nyheter [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/gld-invest-webbsajt/' rel='bookmark' title='GLD Invest &#8211; webbsajt'>GLD Invest &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/kalleskavank_stor.jpg" alt="kalleskavank screenshot" width="500" height="700"/></p>
<p>Kalle Skavank är en av Sveriges mest populära barndeckare. Böckerna är skrivna av författaren <a href="http://www.kalleskavank.se/om-petrus-dahlin/">Petrus Dahlin</a>. Jag har designat en blogg och webbsajt för bokserien. <span id="more-546"></span></p>
<p><a href="http://www.kalleskavank.se/">Kalleskavank.se</a> är en blogg där både Petrus och Kalle skriver. Den är riktad direkt till barnen (men såklart är föräldrarna välkomna att läsa den också).</p>
<p>På sajten finns det nyheter kring Kalle Skavank, bilder och ett och annat recept. Dessutom är det ofta små tävlingar och så avslöjas en och annan <a href="http://www.kalleskavank.se/vad-viskade-waz-till-dilsa/">hemlighet</a> kring böckerna.</p>
<p>Bloggposterna är utformade som anteckningslappar, som Kalle ofta använder sig av och som alltid finns med på bokomslagen. I bakgrunden skymtar en karta över Stockholms södra förorter, där Kalle bor och böckerna utspelar sig. Det finns också en karta som man kan klicka sig runt på och se bilder från platser som finns med i böckerna.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fkalle-skavank-webbsajt-och-blogg%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/gld-invest-webbsajt/' rel='bookmark' title='GLD Invest &#8211; webbsajt'>GLD Invest &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/kalle-skavank-webbsajt-och-blogg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Selecta &#8211; eko på jobbet, reko på jobbet</title>
		<link>http://www.johanmogren.se/selecta-eko-pa-jobbet-reko-pa-jobbet/</link>
		<comments>http://www.johanmogren.se/selecta-eko-pa-jobbet-reko-pa-jobbet/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 09:14:54 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[art director]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[logotyp]]></category>
		<category><![CDATA[webbkampanj]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=516</guid>
		<description><![CDATA[Selecta sköter kaffet på många arbetsplatser genom sina kaffeautomater. De finns på många arbetsplatser, så det är många som dricker Selecta-kaffe på dagarna. Vilket kaffe som finns i automaten bestämmer arbetsplatsen. Det vill säga chefen. I den här kampanjen berättar Selecta varför du ska kräva ekoreko-kaffe på din arbetsplats. Du ska som anställd förstå att [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/speedy-tomato-monster-without-a-mouth-webbkampanj/' rel='bookmark' title='Speedy Tomato &#8211; Monster Without a Mouth webbkampanj'>Speedy Tomato &#8211; Monster Without a Mouth webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/ticmate-logotyp/' rel='bookmark' title='Ticmate &#8211; logotyp'>Ticmate &#8211; logotyp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/selecta_ekoreko_stor.jpg" alt="selecta screenshot" width="500" height="313"/></p>
<p>Selecta sköter kaffet på många arbetsplatser genom sina kaffeautomater. De finns på många arbetsplatser, så det är många som dricker Selecta-kaffe på dagarna. Vilket kaffe som finns i automaten bestämmer arbetsplatsen. Det vill säga chefen.</p>
<p>I den här kampanjen berättar Selecta varför du ska kräva ekoreko-kaffe på din arbetsplats. Du ska som anställd förstå att du kan påverka beslutet om vilket kaffe som ska köpas in. Och hur viktigt det är att vi är många som kräver ekoreko-kaffe. <span id="more-516"></span></p>
<p>När det gäller kaffe är det viktigt att välja ett som tagits fram på ett bra sätt. Ett sätt som är bra för både natur och människor, det vill säga att inte onödigt mycket regnskog skövlats, arbetarna har drägliga arbetsvillkor och att odlingarna inte besprutats för mycket (med arbetarna kvar på odlingarna). </p>
<p>Kampanjen är framtagen av <a href="http://www.karnhuset.net" target="_blank">reklambyrån Kärnhuset</a>. Arbetsgruppen bestod bland annat av mig som art director, <a href="http://www.krimskrams.se/" target="_blank">Carin Lindewall</a> som copywriter och Jonas Järnfeldt som projektledare.</p>
<p>Kampanjsajten gick live hösten 2008 och finns <a href="http://www.selecta.se/bytkaffenu/" target="_blank">här</a>.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fselecta-eko-pa-jobbet-reko-pa-jobbet%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/speedy-tomato-monster-without-a-mouth-webbkampanj/' rel='bookmark' title='Speedy Tomato &#8211; Monster Without a Mouth webbkampanj'>Speedy Tomato &#8211; Monster Without a Mouth webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/ticmate-logotyp/' rel='bookmark' title='Ticmate &#8211; logotyp'>Ticmate &#8211; logotyp</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/selecta-eko-pa-jobbet-reko-pa-jobbet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spelkoncept &#8211; Chroma Wars</title>
		<link>http://www.johanmogren.se/spelkoncept-chroma-wars/</link>
		<comments>http://www.johanmogren.se/spelkoncept-chroma-wars/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 12:37:44 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[spel]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=504</guid>
		<description><![CDATA[Jag har ett flertal koncept till spel liggande på hyllan. Det här är ett av dem. Karaktärerna har sitt ursprung i olika färger, och de olika klanerna av Chromas har sina speciella karaktärsdrag. Spelkonceptet är ett strategi- och taktikspel, kombinerat med en samlarmekanik. Som spelare köper man sina Chromas och samlar på en klan, eller [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/cityakutense-redesign/' rel='bookmark' title='Cityakuten.se &#8211; redesign'>Cityakuten.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/pontus-in-the-green-house-logotyp-och-grafisk-profil/' rel='bookmark' title='Pontus in the Green House &#8211; logotyp och grafisk profil'>Pontus in the Green House &#8211; logotyp och grafisk profil</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/chromawars_stor.png" alt="Chroma Wars logotyp" width="500" height="196"/></p>
<p>Jag har ett flertal koncept till spel liggande på hyllan. Det här är ett av dem. Karaktärerna har sitt ursprung i olika färger, och de olika klanerna av Chromas har sina speciella karaktärsdrag. <span id="more-504"></span></p>
<p>Spelkonceptet är ett strategi- och taktikspel, kombinerat med en samlarmekanik. Som spelare köper man sina Chromas och samlar på en klan, eller flera olika. Man spelar sedan till sig utrustning och erfarenhetspoäng. Enskilda Chromas kan levla och få unika färdigheter.</p>
<p>Spelet har två huvuddelar. En där man pysslar om sin samling och testar olika set-ups, köper utrustning och socialiserar med andra spelare. Den andra när man tar sitt gäng till strid, och då är det multiplayer som gäller. Hur man får sätta ihop sin stridstrupp är styrt av vissa regler, klanerna låter sig inte blandas hur som helst. Längden på varje match är beroende av vilken plattform spelet utvecklas till.</p>
<p>Om det är någon utvecklare som vill samarbeta för att ta fram en version för iPhone, hör av er. Då man nu kan köpa inifrån applikationer passar det här perfekt.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fspelkoncept-chroma-wars%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/cityakutense-redesign/' rel='bookmark' title='Cityakuten.se &#8211; redesign'>Cityakuten.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/pontus-in-the-green-house-logotyp-och-grafisk-profil/' rel='bookmark' title='Pontus in the Green House &#8211; logotyp och grafisk profil'>Pontus in the Green House &#8211; logotyp och grafisk profil</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/spelkoncept-chroma-wars/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag</title>
		<link>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/</link>
		<comments>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 14:15:35 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[motion design]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=414</guid>
		<description><![CDATA[Espresso House kaffebarer syns snart överallt, i alla fall här i Stockholm, och på varje ställe har de också tre sammankopplade skärmar som visar filmer. Abby Norm, som var deras reklambyrå, satte ihop konceptfilmer att spela vid passande tillfällen, synkat med fysiska giveaways i själva kaffebaren. Den här filmen var inför Alla hjärtans dag 2008 [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning'>Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<a href="http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/" title="Watch Flash video!"><img src="http://www.johanmogren.se/images/espressohouse_allahjartansdag.jpg" alt="preview image"/></a>
<p>Espresso House kaffebarer syns snart överallt, i alla fall här i Stockholm, och på varje ställe har de också tre sammankopplade skärmar som visar filmer. <span id="more-414"></span></p>
<p>Abby Norm, som var deras reklambyrå, satte ihop konceptfilmer att spela vid passande tillfällen, synkat med fysiska giveaways i själva kaffebaren.</p>
<p>Den här filmen var inför Alla hjärtans dag 2008 och puffar för det speciella bakverk Espresso House tog fram just inför den dagen. En extremt sötsliskig liten bakelse, som lätt spöade små gulliga djur i söthet.</p>
<p>Jag fick uppdraget att animera och producera filmerna utifrån konceptet. Art director på <a href="http://www.abbynorm.se/" target="_blank">Abby Norm</a> var Petrus Dahlin.</p>
<p>Filmen är gjord i After Effects.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fespresso-house-animation-for-butiksskarmar-alla-hjartans-dag%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning'>Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.johanmogren.se/images/espressohouse_allahjartansdag.flv" length="1036443" type="video/x-flv" />
		</item>
		<item>
		<title>Jadestone &#8211; symbol till logotyp</title>
		<link>http://www.johanmogren.se/jadestone-symbol-till-logotyp/</link>
		<comments>http://www.johanmogren.se/jadestone-symbol-till-logotyp/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 20:53:16 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[logotyp]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=472</guid>
		<description><![CDATA[Jadestone utvecklar online-spel för webb och mobil. De tar fram egna varumärken och plattformar, såväl som utvecklar befintliga spelkoncept på uppdrag. Jadestone utvecklar i huvudsak sportspel, mobilspel och spelplattformar för gambling-spel online. Jag jobbade där som art director och speldesigner under några år. Främst med två versioner av spelet Spirits, vilka baserades på ett spelkoncept [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/fabrication-games-logotyp/' rel='bookmark' title='Fabrication Games &#8211; logotyp'>Fabrication Games &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/resterods-logotyp/' rel='bookmark' title='Resteröds &#8211; logotyp'>Resteröds &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/jadestone_logo_stor.png" alt="Jadestone symbol" width="500" height="362"/></p>
<p>Jadestone utvecklar online-spel för webb och mobil. De tar fram egna varumärken och plattformar, såväl som utvecklar befintliga spelkoncept på uppdrag. <span id="more-472"></span></p>
<p>Jadestone utvecklar i huvudsak sportspel, mobilspel och spelplattformar för gambling-spel online. Jag jobbade där som art director och speldesigner under några år. Främst med två versioner av spelet Spirits, vilka baserades på ett spelkoncept som urspungligen kom från mig, men som förädlades av vårt starka team på Jadestone.</p>
<p>Under min tid på Jadestone tog jag fram den här symbolen till den nya logotypen. Symbolens form har flera ursprung. I grunden är det bokstaven J. </p>
<p>Den symboliserar en dualism som genomsyrar Jadestone, hälften lekfullhet och hälften business. Jag skapade kontrasten dels genom att ställa mjuka former mot hårda, och dels genom att jobba med det negativa utrymmet i symbolen.</p>
<p>Mer om Jadestone hittar du <a href="http://www.jadestone.se/" target="_blank">här</a>.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fjadestone-symbol-till-logotyp%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/fabrication-games-logotyp/' rel='bookmark' title='Fabrication Games &#8211; logotyp'>Fabrication Games &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/resterods-logotyp/' rel='bookmark' title='Resteröds &#8211; logotyp'>Resteröds &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/jadestone-symbol-till-logotyp/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning</title>
		<link>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/</link>
		<comments>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/#comments</comments>
		<pubDate>Wed, 25 Feb 2009 12:27:56 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[motion design]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=458</guid>
		<description><![CDATA[Espresso House är en svensk kaffekedja. Deras kaffebarer syns snart överallt, och på varje ställe har de också tre sammankopplade skärmar som visar filmer. Abby Norm, som var deras reklambyrå, satte ihop konceptfilmer att spela vid passande tillfällen, synkat med fysiska giveaways i själva kaffebaren. Den här filmen var inför sommarsemestern 2008 och skulle skänka [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag'>Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/sf-uppvikbara-vykort/' rel='bookmark' title='SF &#8211; uppvikbara vykort'>SF &#8211; uppvikbara vykort</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<a href="http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/" title="Watch Flash video!"><img src="http://www.johanmogren.se/images/espressohouse_vykort.jpg" alt="preview image"/></a>
<p>Espresso House är en svensk kaffekedja. Deras kaffebarer syns snart överallt, och på varje ställe har de också tre sammankopplade skärmar som visar filmer. <span id="more-458"></span></p>
<p>Abby Norm, som var deras reklambyrå, satte ihop konceptfilmer att spela vid passande tillfällen, synkat med fysiska giveaways i själva kaffebaren. Den här filmen var inför sommarsemestern 2008 och skulle skänka lite semesterkänsla. Jag fick uppdraget att animera och producera filmerna utifrån konceptet. Art director på <a href="http://www.abbynorm.se/" target="_blank">Abby Norm</a> var Petrus Dahlin.</p>
<p>Filmen är gjord i After Effects.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fespresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag'>Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag</a></li>
<li><a href='http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/' rel='bookmark' title='MTV Networks &#8211; 3d-animation till en Keynote-presentation'>MTV Networks &#8211; 3d-animation till en Keynote-presentation</a></li>
<li><a href='http://www.johanmogren.se/sf-uppvikbara-vykort/' rel='bookmark' title='SF &#8211; uppvikbara vykort'>SF &#8211; uppvikbara vykort</a></li>
<li><a href='http://www.johanmogren.se/abby-norm-logotyp-och-grafisk-profil/' rel='bookmark' title='Abby Norm &#8211; logotyp och grafisk profil'>Abby Norm &#8211; logotyp och grafisk profil</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Ottenray &#8211; logotyp och grafisk profil'>Ottenray &#8211; logotyp och grafisk profil</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.johanmogren.se/images/espressohouse_vykort.flv" length="3055228" type="video/x-flv" />
		</item>
		<item>
		<title>Boxer, Roberts Värld &#8211; webbkampanj</title>
		<link>http://www.johanmogren.se/boxer-roberts-varld-webbkampanj/</link>
		<comments>http://www.johanmogren.se/boxer-roberts-varld-webbkampanj/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 20:39:47 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Portfolio urval]]></category>
		<category><![CDATA[creative director]]></category>
		<category><![CDATA[webbkampanj]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=440</guid>
		<description><![CDATA[I den här reklamkampanjen lanserade Boxer och reklambyrån Abby Norm konceptet &#8220;Roberts Värld&#8221;. I reklamfilmen upptäcker man att alla människor är Robert. På webben skapade vi en tävling som gick ut på att var mest lik Boxer-Robert. Som tävlande laddade man upp en bild på sig själv, passfotostil, och sen placerade man ut ett par [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/boxer-skicka-ett-sommarvykort-med-robert-webbkampanj/' rel='bookmark' title='Boxer, skicka ett sommarvykort med Robert &#8211; webbkampanj'>Boxer, skicka ett sommarvykort med Robert &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/vasakronan-kontoretnu-webbkampanj/' rel='bookmark' title='Vasakronan, kontoret.nu &#8211; webbkampanj'>Vasakronan, kontoret.nu &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/speedy-tomato-monster-without-a-mouth-webbkampanj/' rel='bookmark' title='Speedy Tomato &#8211; Monster Without a Mouth webbkampanj'>Speedy Tomato &#8211; Monster Without a Mouth webbkampanj</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/boxer_rv_stor.jpg" alt="Boxer Roberts Värld webbkampanj" width="500" height="352"/></p>
<p>I den här reklamkampanjen lanserade Boxer och reklambyrån Abby Norm konceptet &#8220;Roberts Värld&#8221;. <span id="more-440"></span></p>
<p>I <a href="http://www.youtube.com/watch?v=61c1U15XBQg" target="_blank">reklamfilmen</a> upptäcker man att alla människor är Robert. På webben skapade vi en tävling som gick ut på att var mest lik Boxer-Robert.</p>
<p>Som tävlande laddade man upp en bild på sig själv, passfotostil, och sen placerade man ut ett par Robert-glasögon så det blev så likt som möjligt. Man markerade också ut var munnen var, så att olika Robert-repliker kunde sägas.</p>
<p><img src="http://www.johanmogren.se/images/boxer_rv_stor3.jpg" alt="Boxer Roberts Värld webbkampanj" width="500" height="352"/></p>
<p>Man kunde ragga röster direkt från kampanjsajten (man fick en direktlänk till sitt bidrag). En &#8220;rösta på mig&#8221;-widget fick man också, som man kunde placera på till exempel sin blogg. I widgeten kunde man rösta och betygsätta direkt. </p>
<p>Vi vägde in både antal betygsättningar och snittbetyg vid poängberäkningen. Det gjorde att man som tävlande tjänade även på de dåliga betygen, så det var bara att ösa på med röstragget.</p>
<p><img src="http://www.johanmogren.se/images/boxer_rv_stor2.jpg" alt="Boxer Roberts Värld webbkampanj" width="500" height="352"/></p>
<p>Vi skapade också en bannerkampanj för att få lite fart på deltagandet initialt. I dem visades slumpmässiga tävlingsbidrag, och man kunde direkt i bannern sätta betyg på de bidrag som visades.</p>
<p>Reklambyrå för Boxer är <a href="http://www.abbynorm.se/" target="_blank">Abby Norm</a>. Jag var digital creative director på Ottenray, Abby Norms webbyrå. Arbetsgruppen bestod av kreatörer från både reklambyrån och webbyrån. <a href="http://www.saflunddesigners.se/" target="_blank">Daniel Säflund</a> var grafisk designer, och Swiff (numera <a href="http://www.rebenga.se/" target="_blank">Rebenga</a>) skötte webbproduktionen. Kampanjen gick 2007.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fboxer-roberts-varld-webbkampanj%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/boxer-skicka-ett-sommarvykort-med-robert-webbkampanj/' rel='bookmark' title='Boxer, skicka ett sommarvykort med Robert &#8211; webbkampanj'>Boxer, skicka ett sommarvykort med Robert &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/vasakronan-kontoretnu-webbkampanj/' rel='bookmark' title='Vasakronan, kontoret.nu &#8211; webbkampanj'>Vasakronan, kontoret.nu &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/speedy-tomato-monster-without-a-mouth-webbkampanj/' rel='bookmark' title='Speedy Tomato &#8211; Monster Without a Mouth webbkampanj'>Speedy Tomato &#8211; Monster Without a Mouth webbkampanj</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/boxer-roberts-varld-webbkampanj/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typsnitt &#8211; Spirits Display</title>
		<link>http://www.johanmogren.se/typsnitt-spirits-display/</link>
		<comments>http://www.johanmogren.se/typsnitt-spirits-display/#comments</comments>
		<pubDate>Fri, 06 Feb 2009 10:08:54 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[typografi]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=431</guid>
		<description><![CDATA[Ett typsnitt jag skapade för länge sedan som ett test för att se om det gick att plocka fram alla bokstäver ur en och samma grundform. Det visade sig lite knivigt, men gav en skön formkänsla. När jag senare designade första versionen av mobilspelet Spirits under min tid på Jadestone, plockade jag fram typsnittet ur [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/spelkoncept-chroma-wars/' rel='bookmark' title='Spelkoncept &#8211; Chroma Wars'>Spelkoncept &#8211; Chroma Wars</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.johanmogren.se/images/spiritsdisplay_stor.jpg" alt="Dark Cloud" width="500" height="375"/></p>
<p>Ett typsnitt jag skapade för länge sedan som ett test för att se om det gick att plocka fram alla bokstäver ur en och samma grundform. <span id="more-431"></span></p>
<p>Det visade sig lite knivigt, men gav en skön formkänsla. När jag senare designade första versionen av mobilspelet Spirits under min tid på <a href="http://www.jadestone.se/" target="_blank">Jadestone</a>, plockade jag fram typsnittet ur lådan, putsade upp det och använde det genomgående i spelet till rubriker. Det passade utmärkt.</p>
<p>Det gav utomjordisk känsla till spelet, som att man läste ett främmande språk med ett annat alfabet, men ändå på något sätt förstod.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Ftypsnitt-spirits-display%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/spelkoncept-chroma-wars/' rel='bookmark' title='Spelkoncept &#8211; Chroma Wars'>Spelkoncept &#8211; Chroma Wars</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/typsnitt-spirits-display/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MTV Networks &#8211; 3d-animation till en Keynote-presentation</title>
		<link>http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/</link>
		<comments>http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/#comments</comments>
		<pubDate>Thu, 05 Feb 2009 10:56:51 +0000</pubDate>
		<dc:creator>Johan Mogren</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[art director]]></category>
		<category><![CDATA[grafisk design]]></category>
		<category><![CDATA[motion design]]></category>
		<category><![CDATA[presentation]]></category>

		<guid isPermaLink="false">http://www.johanmogren.se/?p=379</guid>
		<description><![CDATA[Jag har gjort grafisk design till en Keynote-presentation för MTV Networks på uppdrag av reklambyrån Kärnhuset. Den här 3d-animationen var med i en del av den. Varje gång kloten är inzoomade så att rutan är helt gul, pausas filmen och text animeras in. När presentatören klickar vidare fortsätter filmen tills nästa gula klot är inzoomat. [...]
Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning'>Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning</a></li>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag'>Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/selecta-eko-pa-jobbet-reko-pa-jobbet/' rel='bookmark' title='Selecta &#8211; eko på jobbet, reko på jobbet'>Selecta &#8211; eko på jobbet, reko på jobbet</a></li>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<a href="http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/" title="Watch Flash video!"><img src="http://www.johanmogren.se/images/mtvmolekylen.jpg" alt="preview image"/></a>
<p>Jag har gjort grafisk design till en Keynote-presentation för MTV Networks på uppdrag av reklambyrån Kärnhuset. Den här 3d-animationen var med i en del av den. <span id="more-379"></span></p>
<p>Varje gång kloten är inzoomade så att rutan är helt gul, pausas filmen och text animeras in. När presentatören klickar vidare fortsätter filmen tills nästa gula klot är inzoomat. En väldigt imponerande effekt för den som är van att se Powerpoint-presentationer!</p>
<p>Typografin är borttagen för att inte visa innehållet i presentationen. </p>
<p>Jag jobbade tillsammans med Jonas Järnfeldt på <a href="http://www.karnhuset.net/">Kärnhuset</a> med presentationen.</p>
<div class="fblike" style="height:25px; height:80px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.johanmogren.se%2Fmtv-network-3d-animation-till-en-keynote-presentation%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div><p>Liknande inlägg:<ol>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning'>Espresso House &#8211; animation för butiksskärmar, vykort med sommarhälsning</a></li>
<li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/' rel='bookmark' title='Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag'>Espresso House &#8211; animation för butiksskärmar, Alla hjärtans dag</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/selecta-eko-pa-jobbet-reko-pa-jobbet/' rel='bookmark' title='Selecta &#8211; eko på jobbet, reko på jobbet'>Selecta &#8211; eko på jobbet, reko på jobbet</a></li>
<li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.johanmogren.se/mtv-network-3d-animation-till-en-keynote-presentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.johanmogren.se/images/mtvmolekylen.flv" length="1356529" type="video/x-flv" />
		</item>
	</channel>
</rss>

