



<?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; Design Work</title>
	<atom:link href="http://ciosfx.com/category/design-work/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>Nuevos Comienzos (New Beginnings) design concept</title>
		<link>http://ciosfx.com/2010/01/27/nuevos-comienzos-new-beginnings-design-concept/</link>
		<comments>http://ciosfx.com/2010/01/27/nuevos-comienzos-new-beginnings-design-concept/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 16:32:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Work]]></category>
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://ciosfx.com/?p=140</guid>
		<description><![CDATA[Before the entry to the new year, I was asked to design for a campaign about New Beginnings (Nuevos Comienzos). It was to take place throughout all of January. New Beginnings, is about a fresh start to a new year, a reinvention of one&#8217;s image and lifestyle. In order to communicate these ideas I felt [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ciosfx.com/wp-content/uploads/2010/01/nuevos_comienzos.jpg"><img class="aligncenter size-full wp-image-141" title="Nuevos Comienzos (New Beginnings)" src="http://ciosfx.com/wp-content/uploads/2010/01/nuevos_comienzos.jpg" alt="Nuevos Comienzos" width="600" height="100" /></a></p>
<p>Before the entry to the new year, I was asked to design for a campaign about New Beginnings (Nuevos Comienzos). It was to take place throughout all of January. New Beginnings, is about a fresh start to a new year, a reinvention of one&#8217;s image and lifestyle. In order to communicate these ideas I felt it was necessary to use Earth. What a new beginning looks like on our planet as a metaphor for the start of a new year.<span id="more-140"></span></p>
<p>In the seasonal aspect, new plant life comes in the spring. Its is the turning point of life. Dormant plant life comes back to life and animals come out of hibernation. Imagine green meadows of grass under a bright blue sky. This was the image in my head when I started this design. In fact, it is from that image that I extracted the color scheme from.</p>
<p>I thought it would be interesting to include a plant leaves somehow in the design, but the question was how to do it with out making the design look too busy. I tried many things with pictures, until I decided to draw a leaf myself. After playing around with it for a while I came up with two leaves that formed a V.</p>
<p><a href="http://ciosfx.com/wp-content/uploads/2010/01/nuevos_comienzos_slide.jpg"><img class="size-medium wp-image-142 alignleft" title="Nuevos Comienzos Slide" src="http://ciosfx.com/wp-content/uploads/2010/01/nuevos_comienzos_slide-300x147.jpg" alt="Nuevos Comienzos Slide" width="300" height="147" /></a></p>
<p>As for the font choice, I went with SF New Republic with a few tweaks of my own. The reason I decided on this font was the roundness of the characters. If you take a distant look at nature you won&#8217;t find a perfect square. Often you will find that things have curves more than they have sharp edges and points. Just take a look at the shape of the planet. For these reasons I felt that a round font was a good way to portray the earth.</p>
<p>The final addition to the design was the image of the tree branch. Do note, this is a stock image. I chose this particular image  because of its simplicity. It had that message of new plant life that I was looking for. So with a little color adjustment, the image fit right in.</p>
<p>The many uses this design was given: Newsletters, invitation cards, Power Point presentations, and video introductions.</p>
]]></content:encoded>
			<wfw:commentRss>http://ciosfx.com/2010/01/27/nuevos-comienzos-new-beginnings-design-concept/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>
		<item>
		<title>Design Concept Behind &#8220;El Favor de Dios&#8221; (The Favor of God)</title>
		<link>http://ciosfx.com/2009/07/13/design-concept-favor/</link>
		<comments>http://ciosfx.com/2009/07/13/design-concept-favor/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 03:54:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design Work]]></category>
		<category><![CDATA[design concepts]]></category>
		<category><![CDATA[favor de dios]]></category>
		<category><![CDATA[kingdom of heaven ministries]]></category>
		<category><![CDATA[symbolizm]]></category>

		<guid isPermaLink="false">http://ciosfx.com/?p=46</guid>
		<description><![CDATA[Not too long ago I was able to complete a theme design for a month-long campaign that Kingdom of Heaven Ministries is hosting. The theme is "El Favor de Dios", for my non-Spanish readers its: "The Favor of God". After much thought, I was finally able to come up with a concept I was comfortable with for this theme. The question I kept asking myself was "what symbolizes favor?".]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="size-large wp-image-48 aligncenter" title="Favor de Dios Banner" src="http://ciosfx.com/wp-content/uploads/2009/07/Favor_de_DiosSmall-1024x170.jpg" alt="Favor de Dios Banner" width="614" height="102" /></p>
<p style="text-align: left;">Not too long ago I was able to complete a theme design for a month-long campaign that Kingdom of Heaven Ministries is hosting. The theme is &#8220;El Favor de Dios&#8221;, for my non-Spanish readers its: &#8220;The Favor of God&#8221;. After much thought, I was finally able to come up with a concept I was comfortable with for this theme. The question I kept asking myself was &#8220;<em>what symbolizes favor</em>?&#8221;.</p>
<p style="text-align: left; "><span id="more-46"></span>This is one of those words that can&#8217;t be Googled for an image (I tried, and all you get are party favors, you know&#8230; party hats, souvenirs, etc.).  In my research I did find that favor is mostly associated with one giving another a gift.  Perhaps because one is being graceful with another, meaning that by receiving  a gift one has found favor by the giver. Now that is deep stuff!</p>
<p style="text-align: left; ">OK. Well, back to the concept. The gifts I portrayed in this composition, <em>if you will</em>, are as follows: a) Growth. b) Prosperity. c) Productivity. and d) Multiplication. Pictured below you can see different variations and sizes of the theme design on the left. To the right is the stock photography that I used for this composition. By the way, I use stock photography for two reasons.  Reason one, I am not a photographer (or at least I don&#8217;t consider myself  to be one).  Reason two, if I <em>was</em> a photographer, I really don&#8217;t think I&#8217;d have time to set up a photo session for each projects. So there you have it, I&#8217;m not cheating. I&#8217;m being productive!</p>
<p style="text-align: left; ">Getting back on track, <em>lets not lose focus now!</em> I found that the plant growing from the coins was an excellent example of growth. The coins, of course represent prosperity. The picture of the city is a panorama of New York City. I used this to represent productivity, because New York City did not get to where it is by being passive. It developed into the great city we know today by being productive! Lastly I used images of crowds to represent multiplication (crowd images are not shown below because they were too many, I didn&#8217;t want to strain your eyes!).</p>
<p style="text-align: center; "><img class="ngg-singlepic ngg-center aligncenter" src="http://ciosfx.com/wp-content/gallery/print-work/favor_de_dios.jpg" alt="El Favor de Dios" width="630" height="540" /></p>
<p style="text-align: left; ">One thing I had in mind since the beginning, was the color scheme. When I converted the image of the city into black and white, and after some adjustments, I felt it was really the right choice. As for the red, it goes with an ongoing theme about the blood of Jesus that Kingdom of Heaven Ministries is using. Also, in case you don&#8217;t know your color theory, red is the most powerful color in the spectrum.</p>
<p style="text-align: left; ">I hope this article has given you a good understanding on the importance and power of symbolizm in design. Please feel free to leave a comment, I would love to hear what you think and I&#8217;m sure others would too.</p>
]]></content:encoded>
			<wfw:commentRss>http://ciosfx.com/2009/07/13/design-concept-favor/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
