<?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>i9interativa - Comunicação e Presença Digital</title>
	<atom:link href="http://www.i9interativa.com.br/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.i9interativa.com.br</link>
	<description>Presença Digital é com a gente!</description>
	<lastBuildDate>Thu, 30 Sep 2010 12:08:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>O Futuro do Livro</title>
		<link>http://www.i9interativa.com.br/2010/09/o-futuro-do-livro/</link>
		<comments>http://www.i9interativa.com.br/2010/09/o-futuro-do-livro/#comments</comments>
		<pubDate>Thu, 30 Sep 2010 12:08:41 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Inspiração]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=632</guid>
		<description><![CDATA[A empresa de design IDEO desenvolveu recentemente uma série de concepts e mostra três maneiras diferentes de interagir com próxima geração de dispositivos e contéudos. Coupland, Nelson, e Alice cada um com um modo  diferente de interação que vai além das especificações tecnológicas. Nelson foca os livros a partir de uma perspectiva mais ampla, mostrando [...]]]></description>
			<content:encoded><![CDATA[<p>A empresa de design IDEO desenvolveu recentemente uma série de concepts e mostra três maneiras diferentes de interagir com<br />
próxima geração de dispositivos e contéudos.</p>
<p><em>Coupland</em>, <em>Nelson</em>, e <em>Alice</em> cada um com um modo  diferente de interação que vai além das especificações tecnológicas.<span id="more-632"></span></p>
<p><em>Nelson</em> foca os livros a partir de uma perspectiva mais ampla, mostrando aos leitores como os livros têm influenciado outras pessoas e esses desdobramentos e influências em eventos atuais.</p>
<p><iframe src="http://player.vimeo.com/video/15142335?title=0&amp;byline=0&amp;color=f0dc00" width="535" height="301" frameborder="0"></iframe></p>
<p><em>Coupland</em>, por outro lado, explora o mundo social dos livros, permitindo que aos usuários compartilhar sua leitura com os amigos e colegas.<br />
Este software permitirá que as pessoas vejam o que os outros estão lendo, e a partir disso, elas poderão enviar recomendações.</p>
<p><em>Alice</em> tem uma abordagem diferente, desenvolvendo novas formas narrativas que podem ser exploradas através de plataformas digitais.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/09/o-futuro-do-livro/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Panelas tecnológicas</title>
		<link>http://www.i9interativa.com.br/2010/09/panelas-tecnologicas/</link>
		<comments>http://www.i9interativa.com.br/2010/09/panelas-tecnologicas/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 00:50:21 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Inspiração]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=396</guid>
		<description><![CDATA[Um dos meus hobbies prediletos é cozinhar. Também sou louco por tecnologia e design, que apesar de serem o meu trabalho possuem em status de hobbie. A linha de panelas desenvolvidas pela designer Valera Barnayev é fantástica é e engloba tudo isso de uma maneira bastante inteligente e bonita. Vejam:]]></description>
			<content:encoded><![CDATA[<p>Um dos meus hobbies prediletos é cozinhar. Também sou louco por tecnologia e design, que apesar de serem o meu trabalho possuem em status de hobbie.<br />
A linha de panelas desenvolvidas pela designer Valera Barnayev <span id="more-396"></span>é fantástica é e engloba tudo isso de uma maneira bastante inteligente e bonita.<br />
Vejam:</p>
<p style="text-align: center;"><img class="aligncenter" title="Calphalon Cookware" src="http://www.yankodesign.com/images/design_news/2009/12/16/calphaloncookware01.jpg" alt="Calphalon Cookware by Valera Barnayev" width="545" height="385" /></p>
<p style="text-align: center;"><img class="aligncenter" title="Calphalon Cookware" src="http://www.yankodesign.com/images/design_news/2009/12/16/calphaloncookware02.jpg" alt="Calphalon Cookware by Valera Barnayev " width="545" height="385" /></p>
<p style="text-align: center;"><img class="aligncenter" title="Calphalon Cookware" src="http://www.yankodesign.com/images/design_news/2009/12/16/calphaloncookware03.jpg" alt="Calphalon Cookware" width="545" height="385" /></p>
<p style="text-align: center;"><img class="aligncenter" title="Calphalon Cookware" src="http://www.yankodesign.com/images/design_news/2009/12/16/calphaloncookware05.jpg" alt="Calphalon Cookware by Valera Barnayev" width="545" height="385" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/09/panelas-tecnologicas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Revistas e livros e a transição para o digital</title>
		<link>http://www.i9interativa.com.br/2010/08/revistas-e-livros-e-a-transicao-para-o-digital/</link>
		<comments>http://www.i9interativa.com.br/2010/08/revistas-e-livros-e-a-transicao-para-o-digital/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 22:03:07 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Artigos]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Inspiração]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=525</guid>
		<description><![CDATA[Ontem comentava com um amigo o grande filão que se tornará a produção e adaptação de tradicionais publicações impressas para o mundo digital. Já conhecia este  ensaio de interação para revistas digitais usando tablets multitouch e acho que vale  a pena dar uma olhada nos vídeos. Mag+ from Bonnier on Vimeo. Sports Illustrated Tablet Demo [...]]]></description>
			<content:encoded><![CDATA[<p>Ontem comentava com um amigo o grande filão que se tornará a produção e adaptação de tradicionais publicações impressas para o mundo digital.<br />
Já conhecia este  ensaio de interação para revistas digitais usando tablets multitouch e acho que vale  a pena dar uma olhada nos vídeos.<span id="more-525"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="535" height="301" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8217311&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="535" height="301" src="http://vimeo.com/moogaloop.swf?clip_id=8217311&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/8217311">Mag+</a> from <a href="http://vimeo.com/bonnier">Bonnier</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="535" height="301" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7953553&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="535" height="301" src="http://vimeo.com/moogaloop.swf?clip_id=7953553&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/7953553">Sports Illustrated Tablet Demo</a> from <a href="http://vimeo.com/jaredcocken">Jared Cocken</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>É um outro modelo de negócios que surge, nós aqui da i9interativa já começamos a dar os primeiros cliques para produção de conteúdo nesse tipo de suporte.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/08/revistas-e-livros-e-a-transicao-para-o-digital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Novo site da Clínica do Dr. Alexandre Gastão</title>
		<link>http://www.i9interativa.com.br/2010/08/novo-site-da-clinica-do-dr-alexandre-gastao/</link>
		<comments>http://www.i9interativa.com.br/2010/08/novo-site-da-clinica-do-dr-alexandre-gastao/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 17:18:50 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Multimídia]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=607</guid>
		<description><![CDATA[O que começou como um serviço de e-mail marketing acabou crescendo e abarcando outras áreas da estratégia de comunicação da Clínica do Dr. Alexandre Gastão. O trabalho começou pelo tratamento de todo o mailing, implementação de um sistema de gerenciamento e envio de newsletters. Para que o trabalho tivesse um nível de eficiência maior outros [...]]]></description>
			<content:encoded><![CDATA[<p>O que começou como um serviço de e-mail marketing acabou crescendo e abarcando outras áreas da estratégia de comunicação da Clínica do Dr. Alexandre Gastão.<br />
O trabalho começou pelo tratamento de todo o mailing,  implementação de um sistema de gerenciamento e envio de <span id="more-607"></span>newsletters.<br />
Para que o trabalho tivesse um nível de eficiência maior outros serviços tinham de ser realizados, dentre eles o redesign do website, a implementação de técnicas de SEO e uma versão Mobile.<br />
A cada nova reunião a Presença Digital da Clínica é refinada e as estratégias de divulgação também, um desafio bem  e complexo e instigante.<br />
Nem preciso dizer que estou super empolgado com os resultados! <img src='http://www.i9interativa.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>Versão Mobile</h3>
<p style="text-align: center;"><a href="http://m.alexandregastao.com.br"><img class="size-full wp-image-624  aligncenter" title="Site da Clínica em Smartphones" src="http://www.i9interativa.com.br/wp-content/uploads/2010/08/mobiles.png" alt="Site da Clínica em Smartphones" width="430" height="436" /></a></p>
<hr />
<h3>Versão Desktop</h3>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-580" title="Website Alexandre Gastão" src="http://www.inacio.fonseca.nom.br/wp-content/uploads/2010/04/website-alexandregastao1.jpg" alt="Website Alexandre Gastão" width="528" height="493" /><br />
<img class="aligncenter size-full wp-image-581" title="Website Alexandre Gastão" src="http://www.inacio.fonseca.nom.br/wp-content/uploads/2010/04/website-alexandregastao2.jpg" alt="Website Alexandre Gastão" width="528" height="800" /><br />
<img class="aligncenter size-full wp-image-582" title="Website Alexandre Gastão" src="http://www.inacio.fonseca.nom.br/wp-content/uploads/2010/04/website-alexandregastao3.jpg" alt="Website Alexandre Gastão" width="528" height="800" /><br />
Visite o site da <a title="Clínica de Cirurgia Plástica e Tratamentos Estéticos do Dr. Alexandre Gastão" href="http://www.alexandregastao.com.br">Clínica de Cirurgia Plástica e Tratamentos Estéticos do Dr. Alexandre Gastão</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/08/novo-site-da-clinica-do-dr-alexandre-gastao/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EPO Engenharia – Residencial Célia Matos</title>
		<link>http://www.i9interativa.com.br/2010/07/epo-engenharia-residencial-celia-matos/</link>
		<comments>http://www.i9interativa.com.br/2010/07/epo-engenharia-residencial-celia-matos/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 18:59:20 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Multimídia]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=563</guid>
		<description><![CDATA[Flash + Actionscript + Conceito + Design + Interface Hotsite do mais novo empreendimento da EPO Engenharia de Belo horizonte. O Residencial Célia Matos está localizado no coração do Buritis, com 3 quartos e planta flexível. Essa última característica foi determinante para a criação do conceito utilizado na navegação e na interações no hotsite. A [...]]]></description>
			<content:encoded><![CDATA[<h3>Flash + Actionscript + Conceito + Design + Interface</h3>
<p>Hotsite do mais novo empreendimento da EPO Engenharia de Belo horizonte.<br />
O Residencial Célia Matos está localizado no coração do Buritis, com 3 quartos e planta flexível. Essa última característica foi determinante para a criação do conceito utilizado na navegação e na interações no hotsite.<span id="more-563"></span><br />
A navegação nesse hotsite, funciona em três níveis ao mesmo tempo, uma bem linear, onde o menu horizontal dá acesso a todos os conteúdos de forma fácil e intuitiva, e as outras duas como <em>sliders</em>, um horizontal e  outro vertical, num movimento bem fluído e dinâmico.</p>
<p style="text-align: center;"><a title="Residencial Célia Matos - Tela Inicial" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos1.jpg"><img class="aligncenter size-full wp-image-571" title="Residencial Célia Matos - Tela Inicial" src="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos1-e1269890059164.jpg" alt="Residencial Célia Matos - Tela Inicial" width="504" height="320" /></a></p>
<p style="text-align: center;"><a title="Residencial Célia Matos - Tela Empreendimento" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos2.jpg"><img class="aligncenter size-full wp-image-574" title="Residencial Célia Matos - Tela Empreendimento" src="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos2-e1269890174490.jpg" alt="Residencial Célia Matos - Tela Empreendimento" width="504" height="320" /></a></p>
<p style="text-align: center;"><a title="Residencial Célia Matos - Tela Lazer" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos3.jpg"><img class="aligncenter size-full wp-image-576" title="Residencial Célia Matos - Tela Lazer" src="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos3-e1269890249909.jpg" alt="Residencial Célia Matos - Tela Lazer" width="504" height="320" /></a></p>
<p style="text-align: center;"><a title="Residencial Célia Matos - Tela Apartamentos" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos4.jpg"><img class="aligncenter size-full wp-image-577" title="Residencial Célia Matos - Tela Apartamentos - Planta Impar" src="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos4-e1269890324159.jpg" alt="Residencial Célia Matos - Tela Apartamentos - Planta Impar" width="504" height="320" /></a></p>
<p style="text-align: center;"><a title="Residencial Célia Matos - Tela EPO Engenharia" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos5.jpg"><img class="aligncenter size-full wp-image-578" title="Residencial Célia Matos - Tela com obras da EPO Engenharia" src="http://www.i9interativa.com.br/wp-content/uploads/2010/03/celia-matos5-e1269890402141.jpg" alt="Residencial Célia Matos - Tela com obras da EPO Engenharia" width="504" height="320" /></a></p>
<p>Visite o <a title="Hotsite do Residencial Célia Matos" href="http://www.epo.com.br/celiamatos/index.html">Hotsite do Residencial Célia Matos</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/07/epo-engenharia-residencial-celia-matos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fotos do Museu de arte da Pampulha</title>
		<link>http://www.i9interativa.com.br/2010/06/fotos-do-museu-de-arte-da-pampulha/</link>
		<comments>http://www.i9interativa.com.br/2010/06/fotos-do-museu-de-arte-da-pampulha/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 23:52:27 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Hobbies]]></category>
		<category><![CDATA[Inspiração]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=369</guid>
		<description><![CDATA[Com a Cidade Administrativa de Minas Gerais  pronta (aos finais de semana sempre passo em frente) fiquei inspirado a fotografar uma das obras de Niemeyer , o Museu de Arte da Pampulha. Uma jóia, obra de um dos maiores gêniosvivos de nossa época. Vejam:]]></description>
			<content:encoded><![CDATA[<p>Com a Cidade Administrativa de Minas Gerais  pronta (aos finais de semana sempre passo em frente) fiquei inspirado a fotografar uma das obras de Niemeyer , o Museu de Arte da Pampulha.<br />
Uma jóia, obra de um dos maiores gênios<span id="more-369"></span>vivos de nossa época.</p>
<p>Vejam:</p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha5.jpg"><img class="aligncenter size-medium wp-image-377" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha5-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha4.jpg"><img class="aligncenter size-medium wp-image-376" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha4-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
</tr>
<tr>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha3.jpg"><img class="aligncenter size-medium wp-image-375" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha3-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha2.jpg"><img class="aligncenter size-medium wp-image-374" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha2-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
</tr>
<tr>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha1.jpg"><img class="aligncenter size-medium wp-image-373" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha1-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
<td><a title="Museu de Arte da Pampulha" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha6.jpg"><img class="aligncenter size-medium wp-image-372" title="Museu de Arte da Pampulha" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/museu_arte_pampulha6-300x199.jpg" alt="Museu de Arte da Pampulha" width="240" height="159" /></a></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2010/06/fotos-do-museu-de-arte-da-pampulha/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design do novo website do TRE-MG</title>
		<link>http://www.i9interativa.com.br/2009/12/design-do-novo-website-do-tre-mg/</link>
		<comments>http://www.i9interativa.com.br/2009/12/design-do-novo-website-do-tre-mg/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 12:15:15 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[3D]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=484</guid>
		<description><![CDATA[Interface + Usabilidade + Acessibilidade + Design + SEO Um desafio e tanto esse trabalho. Uma tonelada de dados, documentos e informação sem padronização. O design e a programação em CSS foram uma das últimas coisas a serem implementadas, o desafio foi organizar ecategorizar um grande emaranhado e isso envolveu um bocado de gente da [...]]]></description>
			<content:encoded><![CDATA[<p><!--:en--></p>
<h3>Interface + Usabilidade + Acessibilidade + Design + SEO</h3>
<p>Um desafio e tanto esse trabalho.<br />
Uma tonelada de dados, documentos e informação sem padronização.<br />
O design e a programação em CSS foram uma das últimas coisas a serem implementadas, o desafio foi organizar ecategorizar um grande emaranhado e isso envolveu um bocado de gente da Secretaria de Tecnologia da Informação e da ASCOM do TRE-MG.<!--:--><span id="more-484"></span><!--:en--><br />
Tudo foi redesenhado para facilitar a localização de qualquer informação dentro do portal de forma rápida e clara.<br />
Até as urnas eletrônicas foram modeladas em 3D, para inserção no website pela facilidade de posicionamento e geração de imagens em qualquer ângulo e resolução.<br />
Outra preocupação foi com a acessibilidade, com versões de alto contraste e hierarquização da informação levando em conta leitores de telas para deficientes visuais como o JAWS, por exemplo.<br />
Participaram ativamente deste projeto Ritze Ferraz (Arquitetura da informação), Charles Machado com o gerenciamento do conteúdo (Open CMS), Luciano Silva (Programação, Open CMS), Rodrigo Damian, o homem dos códigos (programação, criação dos templates e ajustes no CSS), Raquel Botelho (Coordenadora), a Equipe da SEDEM com a migração e adaptação de &#8220;toneladas&#8221; de arquivos e nós da i9, com a Arquitetura da informação, 3D, design e CSS.<br />
Veja:</p>
<div style="text-align: center;"><a title="Design da página inicial do novo portal do TRE-MG" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/tremglayout.jpg"><img class="aligncenter size-full wp-image-485" title="Design da página inicial do novo portal do TRE-MG" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/tremglayout-e1261483420184.jpg" alt="Design da página inicial do novo portal do TRE-MG" width="504" height="742" /></a></div>
<div style="text-align: center;"><a title="Urnas eletrônicas em 3D" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/urnas_eletronicas.jpg"><img class="aligncenter size-full wp-image-492" title="Urnas eletrônicas em 3D" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/urnas_eletronicas.jpg" alt="Urnas eletrônicas em 3D" width="504" height="814" /></a></div>
<p><!--:--><!--:pt--><br />
Tudo foi redesenhado para facilitar a localização de qualquer informação dentro do portal de forma rápida e clara.<br />
Até as urnas eletrônicas foram modeladas em 3D, para inserção no website pela facilidade de posicionamento e geração de imagens em qualquer ângulo e resolução.<br />
Outra preocupação foi com a acessibilidade, com versões de alto contraste e hierarquização da informação levando em conta leitores de telas para deficientes visuais como o JAWS, por exemplo.<br />
Participaram ativamente deste projeto Ritze Ferraz (Arquitetura da informação), Charles Machado com o gerenciamento do conteúdo (Open CMS), Luciano Silva (Programação, Open CMS), Rodrigo Damian, o homem dos códigos (programação, criação dos templates e ajustes no CSS), Raquel Botelho (Coordenadora), a Equipe da SEDEM com a migração e adaptação de &#8220;toneladas&#8221; de arquivos e nós da i9, com a Arquitetura da informação, 3D, design e CSS.<br />
Veja:</p>
<p><a title="Design da página inicial do novo portal do TRE-MG" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/tremglayout.jpg"><img class="aligncenter size-full wp-image-485" title="Design da página inicial do novo portal do TRE-MG" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/tremglayout-e1261483420184.jpg" alt="Design da página inicial do novo portal do TRE-MG" width="504" height="742" /></a></p>
<p><a title="Urnas eletrônicas em 3D" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/urnas_eletronicas.jpg"><img class="aligncenter size-full wp-image-492" title="Urnas eletrônicas em 3D" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/urnas_eletronicas.jpg" alt="Urnas eletrônicas em 3D" width="504" height="814" /></a><!--:--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2009/12/design-do-novo-website-do-tre-mg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design de logomarca e tema WordPress para Idéias de Minas</title>
		<link>http://www.i9interativa.com.br/2009/12/criacao-de-logomarca-e-design-de-tema-wordpress-para-ideias-de-minas/</link>
		<comments>http://www.i9interativa.com.br/2009/12/criacao-de-logomarca-e-design-de-tema-wordpress-para-ideias-de-minas/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 15:01:50 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Identidade Visual]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=382</guid>
		<description><![CDATA[Conceito + Design + WordPress Quando fomos chamados para contribuir para a construção da Idéias de Minas não imaginavamos a grata surpresa que seria o trabalho. Desde a pesquisa de referências até o desenho da logo foi um belo aprendizado. Principalmente por ser uma marca que comercializa apenas produtos femininos feitos de forma artesanal.Com pouca [...]]]></description>
			<content:encoded><![CDATA[<h3>Conceito + Design + WordPress</h3>
<p>Quando fomos chamados para contribuir para a construção da Idéias de Minas não imaginavamos a grata surpresa que seria o trabalho. Desde a pesquisa de referências até o desenho da logo foi um belo aprendizado. Principalmente por ser uma marca que comercializa apenas produtos femininos feitos de forma artesanal.<span id="more-382"></span>Com pouca verba, foco nas iniciativas de grupos de interesse na Web e muita vontade, a divulgação cresce dia-a-dia.<br />
De uns tempos pra cá, temos desenhado e projetado muitas coisas institucionais, mais sérias, sem grandes espaços para ter um design mais delicado ou mesmo mais autoral. Esse trabalho adoramos fazer.</p>
<p style="text-align: center;"><a title="Logomarca da Idéias de Minas" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/ideias_de_minas.jpg"><img class="size-full wp-image-386    aligncenter" title="Logomarca da Idéias de Minas" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/ideias_de_minas.jpg" alt="Logomarca da Idéias de Minas" width="420" height="305" /></a></p>
<p style="text-align: left;">Também &#8220;costurei&#8221; um tema para WordPress:</p>
<p style="text-align: center;">
<p style="text-align: center;"><a title="Tela Inicial do Website da Idéias de Minas" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/ideiasdeminas_com_br_big.jpg"><img class="aligncenter size-medium wp-image-390" title="Tela Inicial do Website da Idéias de Minas" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/ideiasdeminas_com_br_big-300x242.jpg" alt="Tela Inicial do Website da Idéias de Minas" width="300" height="242" /></a></p>
<p style="text-align: left;">Veja o site da <a title="Website da Idéias de Minas" href="http://www.ideiasdeminas.com.br/vitrine">Idéias de Minas</a></p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2009/12/criacao-de-logomarca-e-design-de-tema-wordpress-para-ideias-de-minas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design de novo Website da Lastro-EGL</title>
		<link>http://www.i9interativa.com.br/2009/12/design-de-novo-website-da-lastro-egl/</link>
		<comments>http://www.i9interativa.com.br/2009/12/design-de-novo-website-da-lastro-egl/#comments</comments>
		<pubDate>Mon, 21 Dec 2009 10:30:18 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=193</guid>
		<description><![CDATA[Conceito + Usabilidade + Interface + Design + Fotografia A Lastro-EGL, foi fundada em 1976, pioneira no mercado gráfico em Minas Gerais, é uma indústria de grande porte e atende com excelência a diversos setores, como bancos, indústrias, mercado editorial de livros didáticos e paradidáticos, segmento de moda, setor moveleiro, agências de publicidade, etc.2009 é [...]]]></description>
			<content:encoded><![CDATA[<h3>Conceito + Usabilidade + Interface + Design + Fotografia</h3>
<p>A Lastro-EGL, foi fundada em 1976, pioneira no mercado gráfico em Minas Gerais, é uma indústria de grande porte e atende com excelência a diversos setores, como bancos, indústrias, mercado editorial de livros didáticos e paradidáticos, segmento de moda, setor moveleiro, agências de publicidade, etc.<span id="more-193"></span>2009 é o início de um novo patamar para a empresa, com a mudança para a nova sede, a modernização do parque gráfico e aquisição de uma área de 30.880 m² sendo 9.000 m² de área construída. O novo website fechou com chave de ouro esse início das mudanças.<br />
Como todo grande projeto esse deu &#8220;pano pra manga&#8221;. Foram muitas horas de dedicação e empenho, um trabalho que só ficou do jeito que ficou(claro, rápido e objetivo) graças a participação direta e bastante acertiva de <strong>Juliana Lara</strong>, Diretora de Marketing da Lastro-EGL e de <strong>Rodrigo Damian</strong> (<em>o homem dos códigos</em>).<br />
Uma verdadeira oportunidade de aprender a gerenciar de forma mais eficiente projetos complexos. Uma grande parceria!</p>
<p style="text-align: center;"><a title="Lastro-EGL -  Página inicial" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl1.jpg"><img class="aligncenter size-full wp-image-516" title="Lastro-EGL -  Página inicial" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl1.jpg" alt="Lastro-EGL -  Página inicial" width="504" height="503" /></a></p>
<p style="text-align: center;"><a title="Lastro-EGL - Página de Apresentação com Linha do Tempo" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl2.jpg"><img class="aligncenter size-full wp-image-517" title="Lastro-EGL - Página de Apresentação com linha do Tempo" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl2-e1263240888886.jpg" alt="Lastro-EGL - Página de Apresentação com linha do Tempo" width="504" height="505" /></a></p>
<p style="text-align: center;"><a rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl3.jpg"><img class="aligncenter size-full wp-image-518" title="Lastro-EGL - Página com os equipamentos do parque gráfico" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl3.jpg" alt="Lastro-EGL - Página com os equipamentos do parque gráfico" width="504" height="608" /></a></p>
<p style="text-align: center;"><a title="Lastro-EGL - Página com os diferentes tipos de acabamentos nas peças confeccionadas na Lastro-EGL" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl4.jpg"><img class="aligncenter size-full wp-image-515" title="Lastro-EGL - Página com os diferentes tipos de acabamentos nas peças confeccionadas na Lastro-EGL" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/lastro-egl4-e1263241620766.jpg" alt="Lastro-EGL - Página com os diferentes tipos de acabamentos nas peças confeccionadas na Lastro-EGL" width="504" height="885" /></a></p>
<p>Visite o site da <a title="Visite o website da Lastro-EGL" href="http://www.lastro-egl.com.br">Lastro-EGL</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2009/12/design-de-novo-website-da-lastro-egl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Temas do WordPress para Dani Pinheiro Make-up</title>
		<link>http://www.i9interativa.com.br/2009/12/temas-wordpress-dani-pinheiro-make-up/</link>
		<comments>http://www.i9interativa.com.br/2009/12/temas-wordpress-dani-pinheiro-make-up/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 15:30:44 +0000</pubDate>
		<dc:creator>Inácio Fonseca</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.i9interativa.com.br/?p=311</guid>
		<description><![CDATA[Conceito + Design + WordPress A Dani Pinheiro adora tudo relacionado ao universo feminino e nada representa tão bem esse universo do que maquiagem. A proposta de fazer um Blog utilizando o WordPress foi um jeito que encontramos de fazer um trabalho bacana investindo pouco tempo e economizando o suado dinheirinho da Dani. Criamos esses [...]]]></description>
			<content:encoded><![CDATA[<h3>Conceito + Design + WordPress</h3>
<p>A Dani Pinheiro adora tudo relacionado ao universo feminino e nada representa tão bem esse universo do que maquiagem.<br />
A proposta de fazer um Blog utilizando o WordPress foi um jeito que encontramos de fazer um trabalho bacana investindo pouco tempo e economizando o suado dinheirinho da Dani.<span id="more-311"></span><br />
Criamos esses temas para WordPress e adoramos fazer cada feminino detalhe.<br />
Um desafio!</p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Compras&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani5.jpg"><img class="aligncenter size-medium wp-image-325" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani5-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Compras&quot;" width="240" height="166" /></a></td>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Natal&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani6.jpg"><img class="aligncenter size-medium wp-image-320" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani6-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Natal&quot;" width="240" height="166" /></a></td>
</tr>
<tr>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Making-of&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani4.jpg"><img class="aligncenter size-medium wp-image-324" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani4-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Making-of&quot;" width="240" height="166" /></a></td>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Morena&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani1.jpg"><img class="aligncenter size-medium wp-image-321" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani1-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Morena&quot;" width="240" height="166" /></a></td>
</tr>
<tr>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Loira&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani3.jpg"><img class="aligncenter size-medium wp-image-323" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani3-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Loira&quot;" width="240" height="166" /></a></td>
<td><a title="Dani Pinheiro Make-up - Tema &quot;Ruiva&quot;" rel="prettyPhoto[portfolio]" href="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani2.jpg"><img class="aligncenter size-medium wp-image-322" title="Dani Pinheiro Make-up" src="http://www.i9interativa.com.br/wp-content/uploads/2009/12/dani2-300x207.jpg" alt="Dani Pinheiro Make-up - Tema &quot;Ruiva&quot;" width="240" height="166" /></a></td>
</tr>
</tbody>
</table>
<p>Veja o site da <a title="Veja o site da Dani pinheiro Make-up" href="http://www.danipinheiro.com.br/vitrine">Dani Pinheiro Make-up</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.i9interativa.com.br/2009/12/temas-wordpress-dani-pinheiro-make-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

