<?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.</description>
	<lastBuildDate>Tue, 09 Feb 2010 13:34:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</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='Permanent Link: 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='Permanent Link: 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='Permanent Link: Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/ottenray-logotyp-och-grafisk-profil/' rel='bookmark' title='Permanent Link: 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='Permanent Link: Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/gld-invest-webbsajt/' rel='bookmark' title='Permanent Link: GLD Invest &#8211; webbsajt'>GLD Invest &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Permanent Link: Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='Permanent Link: nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Permanent Link: Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/gld-invest-webbsajt/' rel='bookmark' title='Permanent Link: GLD Invest &#8211; webbsajt'>GLD Invest &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/twilfit-re-design/' rel='bookmark' title='Permanent Link: Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='Permanent Link: nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/ticmate-logotyp/' rel='bookmark' title='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: Twilfit.se &#8211; redesign'>Twilfit.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/ticmate-logotyp/' rel='bookmark' title='Permanent Link: 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/cityakutense-redesign/' rel='bookmark' title='Permanent Link: Cityakuten.se &#8211; redesign'>Cityakuten.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Permanent Link: Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Permanent Link: Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</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. Med nya iPhone 3.0 där man kan köpa inifrån applikationer passar det här perfekt.</p>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/cityakutense-redesign/' rel='bookmark' title='Permanent Link: Cityakuten.se &#8211; redesign'>Cityakuten.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-webbsajt/' rel='bookmark' title='Permanent Link: Monsterljud.se &#8211; webbsajt'>Monsterljud.se &#8211; webbsajt</a></li>
<li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Permanent Link: Boxer, TV i alla rum &#8211; webbkampanj'>Boxer, TV i alla rum &#8211; webbkampanj</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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: Resteröds &#8211; logotyp'>Resteröds &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='Permanent Link: WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/fabrication-games-logotyp/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: Resteröds &#8211; logotyp'>Resteröds &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='Permanent Link: WWF isbjörnsfadder &#8211; webbkampanj'>WWF isbjörnsfadder &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-alla-hjartans-dag/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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/vasakronan-kontoretnu-webbkampanj/' rel='bookmark' title='Permanent Link: Vasakronan, kontoret.nu &#8211; webbkampanj'>Vasakronan, kontoret.nu &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/boxer-robert-tv-i-alla-rum-webbkampanj/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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/vasakronan-kontoretnu-webbkampanj/' rel='bookmark' title='Permanent Link: Vasakronan, kontoret.nu &#8211; webbkampanj'>Vasakronan, kontoret.nu &#8211; webbkampanj</a></li>
<li><a href='http://www.johanmogren.se/wwf-isbjornsfadder-webbkampanj/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Permanent Link: Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/spelkoncept-chroma-wars/' rel='bookmark' title='Permanent Link: Spelkoncept &#8211; Chroma Wars'>Spelkoncept &#8211; Chroma Wars</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='Permanent Link: nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/jadestone-symbol-till-logotyp/' rel='bookmark' title='Permanent Link: Jadestone &#8211; symbol till logotyp'>Jadestone &#8211; symbol till logotyp</a></li>
<li><a href='http://www.johanmogren.se/monsterljud-logotyp/' rel='bookmark' title='Permanent Link: Monsterljud &#8211; logotyp'>Monsterljud &#8211; logotyp</a></li>
<li><a href='http://www.johanmogren.se/spelkoncept-chroma-wars/' rel='bookmark' title='Permanent Link: Spelkoncept &#8211; Chroma Wars'>Spelkoncept &#8211; Chroma Wars</a></li>
<li><a href='http://www.johanmogren.se/nummerse-redesign/' rel='bookmark' title='Permanent Link: nummer.se &#8211; redesign'>nummer.se &#8211; redesign</a></li>
<li><a href='http://www.johanmogren.se/dmitri-logotyp/' rel='bookmark' title='Permanent Link: Dmitri &#8211; logotyp'>Dmitri &#8211; logotyp</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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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>


<p>Liknande inlägg:<ol><li><a href='http://www.johanmogren.se/espresso-house-animation-for-butiksskarmar-vykort-med-sommarhalsning/' rel='bookmark' title='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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='Permanent Link: 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>
