



<?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>Cios Fx &#187; Web Design</title>
	<atom:link href="http://ciosfx.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://ciosfx.com</link>
	<description>Portfolio and Blog by Jose Palacios</description>
	<lastBuildDate>Mon, 24 May 2010 21:00:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>iPhone Site For Kingdom of Heaven Ministries</title>
		<link>http://ciosfx.com/2010/02/26/iphone-site-for-kingdom-of-heaven-ministries/</link>
		<comments>http://ciosfx.com/2010/02/26/iphone-site-for-kingdom-of-heaven-ministries/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 03:25:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Cios Fx]]></category>
		<category><![CDATA[Design Work]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://ciosfx.com/?p=151</guid>
		<description><![CDATA[Why not? The media rich device that is the iPhone, is also a good place for a media rich website. Besides, it&#8217;s less work  for the end user when they don&#8217;t have to zoom in to read everything. That&#8217;s right, the iPhone friendly version of reino12.com is here. Though this mobile version of the site [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ciosfx.com/wp-content/uploads/2010/02/KOHiPhoneAd.jpg"><img class="aligncenter size-full wp-image-152" title="KOHiPhoneAd" src="http://ciosfx.com/wp-content/uploads/2010/02/KOHiPhoneAd.jpg" alt="" width="600" height="100" /></a></p>
<p>Why not? The media rich device that is the iPhone, is also a good place for a media rich website. Besides, it&#8217;s less work  for the end user when they don&#8217;t have to zoom in to read everything. That&#8217;s right, the iPhone friendly version of <a href="http://reino12.com" target="_blank">reino12.com</a> is here. <span id="more-151"></span>Though this mobile version of the site is limited to the iPhone and iPod, it is only the beginning. There are plans in the works for an Android version, a Blackberry version, and your typical mobile version.</p>
<p>So why design mobile sites for phones? If you don&#8217;t know the answer to this question, then you probably have never tried to navigate through  a site with a small handheld screen. Rather than strip the entire site of its graphics, its a better user experience to use the graphic capabilities specific to the device.</p>
<p style="text-align: left;">With a little php and css modifications, you have yourself a smaller yet powerful website in the palm of your hands.</p>
<p style="text-align: left;">Here are some sample pictures:</p>
<div id="attachment_155" class="wp-caption aligncenter" style="width: 202px"><a href="http://ciosfx.com/wp-content/uploads/2010/02/photo.jpg"><img class="size-full wp-image-155  " title="Icon displayed in phone" src="http://ciosfx.com/wp-content/uploads/2010/02/photo.jpg" alt="" width="192" height="288" /></a><p class="wp-caption-text">Icon displayed in phone</p></div>
<div id="attachment_154" class="wp-caption aligncenter" style="width: 610px"><a href="http://ciosfx.com/wp-content/uploads/2010/02/iPhoneAD.jpg"><img class="size-full wp-image-154" title="iPhone site advertisement banner" src="http://ciosfx.com/wp-content/uploads/2010/02/iPhoneAD.jpg" alt="" width="600" height="295" /></a><p class="wp-caption-text">iPhone site advertisement banner</p></div>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://ciosfx.com/2010/02/26/iphone-site-for-kingdom-of-heaven-ministries/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CCE Website Redesign</title>
		<link>http://ciosfx.com/2010/01/18/cce-website-redesign/</link>
		<comments>http://ciosfx.com/2010/01/18/cce-website-redesign/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 18:47:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Work]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[cce]]></category>
		<category><![CDATA[centro cristiano emanuel]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[website redesign]]></category>

		<guid isPermaLink="false">http://ciosfx.com/?p=125</guid>
		<description><![CDATA[It&#8217;s been a while since my last post. For this new year I figured, why not start talking about what I have been up to. I am honored to have been chosen again by CCE to design their website. Though the old design was good (not just because I made it) and suitable for them [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ciosfx.com/wp-content/uploads/2010/01/CCE_banner.jpg"><img class="aligncenter size-full wp-image-124" title="CCE_banner" src="http://ciosfx.com/wp-content/uploads/2010/01/CCE_banner.jpg" alt="" width="600" height="100" /></a></p>
<p>It&#8217;s been a while since my last post. For this new year I figured, why not start talking about what I have been up to. I am honored to have been chosen again by CCE to design their website. Though the old design was good (not just because I made it) and suitable for them at the time, but there comes a time when re-invention of one&#8217;s image is necessary in order to move forward. I must say that this was not just a redesign of their web site, but a revamp of their web presence and capabilities.<span id="more-125"></span></p>
<p>Let me start off by mentioning that over the past years CCE has grown a large amount. The organization went from having branches in a few cities in Massachusetts to having  8 branches in different states. I mention this to give you an idea of why a more suitable website was needed to accommodate the growth.</p>
<p>At first glance you may be able to notice a projected style of elegance. The use of a solid color in the logo was a better fit than the original blue and red design of the logo. I found that a dark blue radial gradation in the background really made the logo and text pop in the Flash intro.</p>
<p><img class="size-medium wp-image-127 alignnone" title="CCE Flash Intro" src="http://ciosfx.com/wp-content/uploads/2010/01/CCE_Intro-300x214.jpg" alt="CCE Flash Intro" width="300" height="214" /><a href="http://ciosfx.com/wp-content/uploads/2010/01/CCE_Page.jpg"><img class="size-medium wp-image-129 alignnone" title="CCE Page" src="http://ciosfx.com/wp-content/uploads/2010/01/CCE_Page-244x300.jpg" alt="CCE Page" width="244" height="300" /></a></p>
<p><a href="http://ciosfx.com/wp-content/uploads/2010/01/CCE_Intro.jpg"></a>The Flash intro was created to guide the site user to the corresponding branch in their city or state. Once in the section of the site specific to the city or state, a slideshow is displayed showing information specific to the branch that was selected through the intro page.</p>
<p>The site also includes automatic user registration. In the registered area of the site users are be able to view content available only to them. In the registration process users are also offered a subscription to the CCE Newsletter. Joomla is my CMS of choice to accomplish all of this and more, it&#8217;s truly an amazing tool.</p>
<p>There is also a flash sub-navigation below the slideshow area. A more interactive approach to selecting a destination while viewing information about it.</p>
<p>Overall this redesign was intended to give CCE an elegant, more professional face by keeping things simple and improving web capabilities.</p>
<p>Visit the new CCE site at <a title="CCE" href="http://emanuelinternacional.com" target="_blank">emanuelinternacional.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ciosfx.com/2010/01/18/cce-website-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
