<?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>Raphael Aleixo</title>
	<atom:link href="http://raphaelaleixo.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://raphaelaleixo.com</link>
	<description>The portfolio and blog of</description>
	<lastBuildDate>Sun, 04 Oct 2009 16:06:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Cthulinária</title>
		<link>http://raphaelaleixo.com/2009/10/04/cthulinaria/</link>
		<comments>http://raphaelaleixo.com/2009/10/04/cthulinaria/#comments</comments>
		<pubDate>Sun, 04 Oct 2009 10:54:00 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Game Design]]></category>
		<category><![CDATA[Identity Design]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=15</guid>
		<description><![CDATA[

Cthul-B-Que was a free print-and-play card game designed by Jonathan Leistiko. I did a complete visual redesign of the game, working together with Caetano Borges and Thiago Camargo at Loodo, making it much more visually appealling and with a better user interface. We also could work on some minor changes in the Game Design itself, [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="cthulinaria" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/cthulinaria.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/cthulinaria.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="cthulinaria" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
Cthul-B-Que was a free print-and-play card game designed by Jonathan Leistiko. I did a complete visual redesign of the game, working together with Caetano Borges and Thiago Camargo at Loodo, making it much more visually appealling and with a better user interface. We also could work on some minor changes in the Game Design itself, and even suggest a new name for the game: Cthulinária.<span id="more-15"></span></p>
<p><strong>Original Project: </strong><a href="http://www.invisible-city.com/play/495/cthul-b-que">Cthul-B-Que, on Invisible City Games</a><br />
<strong>Agency: </strong><a href="http://www.loodo.com.br">Loodo</a><br />
<strong>Year: </strong>2009</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/10/04/cthulinaria/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loodo</title>
		<link>http://raphaelaleixo.com/2009/10/02/loodo/</link>
		<comments>http://raphaelaleixo.com/2009/10/02/loodo/#comments</comments>
		<pubDate>Sat, 03 Oct 2009 03:00:59 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Art Direction]]></category>
		<category><![CDATA[Identity Design]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/2009/09/20/loodo/</guid>
		<description><![CDATA[

Loodo is a blog dedicated to discuss about games and game design in Portuguese. From the navigation menu to the RSS link, everything in this site was designed to have a ludic appeal. The business cards also followed the same pattern and each one has a real pencil-and-paper game printed on it. Both the blog [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="loodo" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/loodo.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/loodo.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="loodo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
Loodo is a blog dedicated to discuss about games and game design in Portuguese. From the navigation menu to the RSS link, everything in this site was designed to have a ludic appeal. The business cards also followed the same pattern and each one has a real pencil-and-paper game printed on it. Both the blog layout and card design had an exceptional response and won prizes and good mentions on international and nationals magazines and websites.<span id="more-29"></span></p>
<p><strong>Website: </strong><a href="http://www.loodo.com.br">http://www.loodo.com.br</a><br />
<strong>Agency: </strong>Freelance / Personal Project</a><br />
<strong>Year: </strong>2008</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/10/02/loodo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Community Applications</title>
		<link>http://raphaelaleixo.com/2009/10/01/vignette-community-applications/</link>
		<comments>http://raphaelaleixo.com/2009/10/01/vignette-community-applications/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 18:41:33 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=78</guid>
		<description><![CDATA[

Sirius Interativa was asked to create a mock-up interface that could show all the capabilities of Vignette&#8217;s new Social media and content management, Vignette Community Applications 7.1. I had a lot of freedom to make this layout, so I tried to make all the features look very functional and also have the entire interface to [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="loodo" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/vignette.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/vignette.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="vignette" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
<strong>Sirius Interativa</strong> was asked to create a mock-up interface that could show all the capabilities of Vignette&#8217;s new Social media and content management, Vignette Community Applications 7.1. I had a lot of freedom to make this layout, so I tried to make all the features look very functional and also have the entire interface to have a strong visual appealing.<span id="more-78"></span><br />
<strong>Website: </strong><a href="http://tinyurl.com/cjvqrb">Read more about Vignette Community Applications</a><br />
<strong>Agency: </strong><a href="http://www.sirius.com.br">Sirius Interativa</a><br />
<strong>Year: </strong>2008</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/10/01/vignette-community-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ABnote Intranet</title>
		<link>http://raphaelaleixo.com/2009/09/30/abnote-intranet/</link>
		<comments>http://raphaelaleixo.com/2009/09/30/abnote-intranet/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 18:27:56 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=75</guid>
		<description><![CDATA[

ABnote is a leader in the supply of integral solutions for the plastic cards, identification systems and graphic services markets. Their Intranet is used by all workers inside the company, and is sometimes acessed by a touchscreen terminal. I worked in Sirius Interativa developing its new interface.
Agency: Sirius Interativa
Year: 2007
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="loodo" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/abnote.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/abnote.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="abnote" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
ABnote is a leader in the supply of integral solutions for the plastic cards, identification systems and graphic services markets. Their Intranet is used by all workers inside the company, and is sometimes acessed by a touchscreen terminal. I worked in <strong>Sirius Interativa</strong> developing its new interface.<span id="more-75"></span><br />
<strong>Agency: </strong><a href="http://www.sirius.com.br">Sirius Interativa</a><br />
<strong>Year: </strong>2007</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/09/30/abnote-intranet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Online Soccer</title>
		<link>http://raphaelaleixo.com/2009/09/30/online-soccer/</link>
		<comments>http://raphaelaleixo.com/2009/09/30/online-soccer/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 17:00:44 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Arts & Design]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Soccer]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=50</guid>
		<description><![CDATA[
I support Botafogo. I could complain about lots of problems nowadays, as the team is in one of the last positions in the championship, and little work seems to be in progress by its president and leaders. But this is a web designer&#8217;s blog, and I thought that discussing and talking about Botafogo&#8217;s website layout [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/botafogoSite.jpg" alt="botafogoSite" title="botafogoSite" width="580" height="218" class="alignnone size-full wp-image-56" /></p>
<p>I support Botafogo. I could complain about lots of problems nowadays, as the team is in one of the last positions in the championship, and little work seems to be in progress by its president and leaders. But this is a web designer&#8217;s blog, and I thought that discussing and talking about Botafogo&#8217;s website layout and information architecture would be the best way I could help. But even if you don&#8217;t support the same team as I do, you can keep on reading: When it comes to online presence, almost every single team on Brazil&#8217;s premier league seems to be scoring bad.<span id="more-50"></span></p>
<p>I went through the 20 team&#8217;s websites looking primarily for these features: RSS Feeds, selling online tickets, interactivity (social media), optimal screen resolution and a CSS based design. And not even a single website have all of them.</p>
<h3>RSS Feeds</h3>
<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/rss.gif" alt="rss" title="rss" width="580" height="180" class="alignnone size-full wp-image-66" /><br />
When you go to your favorite team&#8217;s website, you should expect to read all the latest news related to it. Nowadays, it&#8217;s easier and simpler to have those news aggregated to your favorite RSS reader through a feed. But, to my surprise, less than a half of the visited websites had a RSS feed available through the homepage. actually, few of them have at least fresh news!</p>
<p>I do understand that gathering journalists and webwritters isn&#8217;t as easy as it sounds, it IS somewhat simple to at least display news from different sources on a website. Many unofficial sites and blogs already do this. Botafogo website unfortunately doesn&#8217;t have a RSS feed and, by the time I am writting this post, neither one of the last 5 news on globoesporte.com are yet noticed on the official site.</p>
<h3>Selling Online Tickets</h3>
<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/tickets.gif" alt="tickets" title="tickets" width="580" height="180" class="alignnone size-full wp-image-67" /><br />
Buying tickets online is not an easy task: Not only for the soccer club&#8217;s fault, but mainly because the stadiums here also give very little support (or no support at all) to this selling method. Anyone of the sites visited sells tickets on its own. When they do sell tickets, they redirect to another site (usually Ingresso Rápido or Visa&#8217;s Futebol Card) where you can buy using your credit card number.</p>
<p>Here, Botafogo&#8217;s website has an awful flaw: Although you can buy tickets from Futebolcard for the matches, there isn&#8217;t any link or banner on the homepage pointing to it. People who are unaware of this option probably will remain that way. </p>
<h3>Interactivity</h3>
<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/social.gif" alt="social" title="social" width="580" height="180" class="alignnone size-full wp-image-68" /><br />
Almost every team now have an official Twitter account, and thus, Twitter is largely the most used interactivity channel, winning over official blogs, forums and You Tube channels.</p>
<p>But is not that good. Almost every Twitter account is actually a disguised-RSS service, posting only the headline of the news featured on the website. There&#8217;s little or any interactivity with the supporters. And what&#8217;s the good of social media if it&#8217;s not social at all?  When it comes to blogging, things get a little better: When the clubs have a blog, they at least allow comments on it. The only official link to an You Tube account (at least from those listed on the websites&#8217; homepages) does not link to a official channel, though.</p>
<p>A funny fact involving twitter, is that both Atlético Mineiro and Internacional have changed the Twitter logo&#8217;s color, in order to not feature anything blue (their archirival&#8217;s color) in their homepage. But they have to accept the official logo in their Twitter pages.</p>
<p>Botafogo, again, while does have a Twitter account also don&#8217;t feature it in its homepage.</p>
<h3>Optimal Screen Resolution</h3>
<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/resolution.gif" alt="resolution" title="resolution" width="580" height="180" class="alignnone size-full wp-image-69" /><br />
While widescreen and LCD monitors are becoming cheaper and larger every day, half of the websites visited (and Botafogo is one of those) still are designed to fit in a 800 pixel-wide resolution. Besides making the design look old, these narrow formats usually comes along with a more confusing layout, as lots of information are structured in a small space. No site have an adaptative or liquid layout, and few of them have a background optimized to look good in large screens (1650 pixels+).</p>
<h3>CSS-Based Design</h3>
<p><img src="http://raphaelaleixo.com/wp-content/uploads/2009/09/CSS.gif" alt="CSS" title="CSS" width="580" height="180" class="alignnone size-full wp-image-70" /><br />
To my surprise, almost half of the visited sites still used tables as the core of their html. And it gets worse when you see that many of them have been redesigned in the last two years, when tableless CSS designs were largely used.</p>
<h3>Conclusion</h3>
<p>Unfortunately, Botafogo&#8217;s website is one of the worst designed websites when analysing from these aspects: Does not have an RSS feed; although the club does have a Twitter account and online selling capacity, its Homepage doesn&#8217;t feature this anywhere; it&#8217;s still designed in tables and for a 800 pixiel wide resolution. I am not here to blame any designer&#8217;s job, as I don&#8217;t have idea of <em>how</em> this work was conducted and agreed. But I think that creating a solid image over the Internet is very important to any club and to their supporters.</p>
<p>Anyway, they should not wait for a new complete redesign to start changing this problems: Adding a new banner informing about Twitter and the online ticktes can not be the best solution, but it will be better than not showing anything. After that, they could start looking after Avai&#8217;s and Internacional&#8217;s websites: They, even having some big problems, are the best online examples of the 20 teams. And then start think bigger: Today, internet can be a great solution for gathering the crowd and, why not, some income &#8211; as you understand better who are your supporters and what they want.</p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/09/30/online-soccer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Petrobras</title>
		<link>http://raphaelaleixo.com/2009/09/28/petrobras/</link>
		<comments>http://raphaelaleixo.com/2009/09/28/petrobras/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 02:46:16 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=36</guid>
		<description><![CDATA[

Petrobras is a Brazilian energy company with presence in other 27 countries. At Sirius Interativa, I worked in the international layout pattern for all websites worldwide. For now, this new layout is being used in Bolivia, Argentina and Brazil.
Website: http://www.petrobras.com.br
Agency: Sirius Interativa
Year: 2007
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="loodo" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/petrobras.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/petrobras.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="petrobras" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
Petrobras is a Brazilian energy company with presence in other 27 countries. At <strong>Sirius Interativa</strong>, I worked in the international layout pattern for all websites worldwide. For now, this new layout is being used in Bolivia, Argentina and Brazil.<span id="more-36"></span></p>
<p><strong>Website: </strong><a href="http://www.petrobras.com.br">http://www.petrobras.com.br</a><br />
<strong>Agency: </strong><a href="http://www.sirius.com.br">Sirius Interativa</a><br />
<strong>Year: </strong>2007</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/09/28/petrobras/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Star One C2</title>
		<link>http://raphaelaleixo.com/2009/09/27/star-one-c2/</link>
		<comments>http://raphaelaleixo.com/2009/09/27/star-one-c2/#comments</comments>
		<pubDate>Sun, 27 Sep 2009 18:54:03 +0000</pubDate>
		<dc:creator>Raphael Aleixo</dc:creator>
				<category><![CDATA[Flash Development (AS2.0)]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://raphaelaleixo.com/?p=82</guid>
		<description><![CDATA[

Embratel and Star One launched in 2008 the second C-Series Satelite, grating the most important position in Brazil&#8217;s TV Signal distribution market. At Sirius Interativa, I worked in the layout and flash animation/development of the entire website.
Website: http://satelitec2.embratel.net.br/index.html
Agency: Sirius Interativa
Year: 2008
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="580" height="280" id="loodo" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="http://raphaelaleixo.com/wp-content/uploads/2009/09/starOne.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://raphaelaleixo.com/wp-content/uploads/2009/09/starOne.swf" quality="high" bgcolor="#ffffff" width="580" height="280" name="starOne" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br />
</object><br />
Embratel and Star One launched in 2008 the second C-Series Satelite, grating the most important position in Brazil&#8217;s TV Signal distribution market. At Sirius Interativa, I worked in the layout and flash animation/development of the entire website.<span id="more-82"></span><br />
<strong>Website: </strong><a href="http://satelitec2.embratel.net.br/index.html">http://satelitec2.embratel.net.br/index.html</a><br />
<strong>Agency: </strong><a href="http://www.sirius.com.br">Sirius Interativa</a><br />
<strong>Year: </strong>2008</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://raphaelaleixo.com/2009/09/27/star-one-c2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
