<?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>Wrayco Design &#187; website</title>
	<atom:link href="http://www.wraycodesign.com/archives/tag/website/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wraycodesign.com</link>
	<description>Graphic Design &#38; Web Design</description>
	<lastBuildDate>Tue, 25 Oct 2011 03:52:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>High Profile Media</title>
		<link>http://www.wraycodesign.com/archives/845</link>
		<comments>http://www.wraycodesign.com/archives/845#comments</comments>
		<pubDate>Fri, 06 Aug 2010 21:44:31 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[Illustration & More]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[retro]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.wraycodesign.com/?p=845</guid>
		<description><![CDATA[High Profile Media approached me wanting a whole new look for a somewhat generic website and identity. Owner Janie Van Halen was seeking something …]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><strong>High Profile Media approached me wanting a whole new look for a somewhat generic website and identity.</strong> Owner Janie Van Halen was seeking something with more impact that reflected both her personality and access to high profile clients.</p>
<p><img class="size-full wp-image-854 alignleft" title="Screen shot 2010-08-06 at 2.13.11 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.13.11-PM.jpg" alt="" width="384" height="141" />We started her project by looking at lots of imagery, which I posted on the online interactive whiteboard  service <a href="http://www.stixy.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.stixy.com?referer=');">Stixy.com</a>. She told me she liked blues and greens, and gave me exmples of a few other sites she liked that had both a retro/cute factor and a certain sex appeal. This gave me enough direction to get started and what emerged was the desire for a nostaligic feel with a modern twist.<br />
<img class="alignright size-thumbnail wp-image-857" title="Screen shot 2010-08-06 at 2.11.48 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.48-PM-124x150.jpg" alt="" width="124" height="150" /></p>
<p>The above image caught her eye for a number of reasons, mainly because of color, but also for the imaginary fuzzy memories it seems to evoke. The ones that followed were from photos of found graffiti along with pinups and airplane bomber girls.</p>
<p><img class="alignleft size-thumbnail wp-image-858" title="Screen shot 2010-08-06 at 2.11.21 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.21-PM1-150x150.jpg" alt="" width="150" height="150" />She definitely wanted to have a woman as part of her logo, so my job was to find a perfect pose and create the logo from it. From this point on it became a game of cutting and pasting pinup girls, turning them into digital &#8220;paper&#8221; dolls, with me manipulating their limbs this way and that until I got the perfect pose.</p>
<p><img class="size-thumbnail wp-image-859 alignright" title="Screen shot 2010-08-06 at 2.14.18 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.14.18-PM-150x150.jpg" alt="" width="150" height="150" /></p>
<p style="text-align: left;">From here, however, I would need to get a model to put in this pose as plagarism is not my strong suit. I didn&#8217;t want to rip off anyone else&#8217;s work, so I set to finding a model.</p>
<p style="text-align: left;">Since I don&#8217;t have a lot of female friends who are pin-up models, the simplest thing to do was get on Flickr and contact a girl that might be interested in posing.</p>
<p><img class="alignleft size-thumbnail wp-image-860" title="Screen shot 2010-08-06 at 2.11.39 PM" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/Screen-shot-2010-08-06-at-2.11.39-PM-150x150.jpg" alt="" width="150" height="150" />Turns out the perfect girl lived in Sweden, but she will willing to do the job remotely for a fair price, so I hired her to do the pose. Incredibly, she took her own photos and posed from her living room, and was able to make the necessary changes to get the perfect angles.</p>
<p style="text-align: left;">Once I had the reference photo, I set to work on adjusting contrast and some slight figure adjustments, and had my girl.</p>
<p style="text-align: left;">I put her in illustrator and once I got her looking the way I wanted, added some type. I used a font called &#8220;B-Movie&#8221; as the basis for the logotype, and made changes to the letterforms here and there to give them a more rounded feel. I left them alone for the &#8220;Served Hot&#8221; bit.</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-851" title="HPM-Logo" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/HPM-Logo.jpg" alt="" width="523" height="307" /></p>
<p style="text-align: left;">Now a theme was emerging and I discussed the idea of creating an identity that harkened back to old diner menus, which was well-received. This would also translate well for a webpage. I wanted to create a sense of playfulness on the page, and came up with some restaurant terms for the navigation, such as &#8220;Daily Specials,&#8221; &#8220;Our Entrées&#8221; and &#8220;Hot Plates.&#8221; Spinning off of this was a &#8220;Motto,&#8221; which was sometimes put on family diner menus, and &#8220;Hot off the Grill,&#8221; for press releases.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://www.highprofilemedia.com" onclick="pageTracker._trackPageview('/outgoing/www.highprofilemedia.com?referer=');"><img class="size-full wp-image-849 aligncenter" title="HPM-web" src="http://www.wraycodesign.com/wp-content/uploads/2010/08/HPM-web.jpg" alt="" width="620" height="517" /></a></p>
<p style="text-align: left;">I built the site on the ExpressionEngine CMS platform, which to non-web people means that she can edit the website herself with the help of a fairly sophisticated framework that allows for password protected photo galleries, automatic press-release formatting, and fancy magazine flipbooks. Visit <a href="http://www.highprofilemedia.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.highprofilemedia.com?referer=');">High Profile Media</a> online.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/845/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SunGreen Systems</title>
		<link>http://www.wraycodesign.com/archives/584</link>
		<comments>http://www.wraycodesign.com/archives/584#comments</comments>
		<pubDate>Wed, 05 Aug 2009 22:01:58 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=584</guid>
		<description><![CDATA[Sungreen Systems approached me shortly after their formation needing a web presence to help them get clients in this up-and-coming market. One of the …]]></description>
			<content:encoded><![CDATA[<p>Sungreen Systems approached me shortly after their formation needing a web presence to help them get clients in this up-and-coming market. One of the company officers had designed the logo himself, and needed a website that would give potential clients a strong message about the benefits of transitioning to solar power.</p>
<p><img class="aligncenter size-full wp-image-587" title="Sungreen Systems Website" src="http://www.madelikethis.com/wp-content/uploads/2009/08/SGS-web1.jpg" alt="Sungreen Systems Website" width="620" height="460" /></p>
<p>Since they didn&#8217;t have any complete projects yet, I suggested we use illustration to get the message across, and later they could update new pictures of their work. They wanted a Flash animation for conveying their most important concepts, and a framework they could keep updated themselves without much training, so I suggested WordPress.</p>
<p><img class="aligncenter size-full wp-image-589" title="SGS-web2" src="http://www.madelikethis.com/wp-content/uploads/2009/08/SGS-web2.jpg" alt="SGS-web2" width="620" height="460" /><br class="spacer_" /></p>
<p>I designed the color palette of the site to go with updated colors on the logo, but after the site was built they decided to revert back to the original colors.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/584/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Custom Tours in Tuscany</title>
		<link>http://www.wraycodesign.com/archives/573</link>
		<comments>http://www.wraycodesign.com/archives/573#comments</comments>
		<pubDate>Wed, 05 Aug 2009 03:24:03 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[travel]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=573</guid>
		<description><![CDATA[Custom Tours in Tuscany specializes in private guided tours of select cities in Italy. The company needed a website that conveyed the emotion of …]]></description>
			<content:encoded><![CDATA[<p>Custom Tours in Tuscany specializes in private guided tours of select cities in Italy. The company needed a website that conveyed the emotion of the landscape and got people in the mood to travel. She wanted a Flash intro despite my protestations, and she won out in the end. I added some moving type with the imagery to heighten the message.</p>
<p><img class="aligncenter size-full wp-image-574" title="custom tours in tuscany" src="http://www.madelikethis.com/wp-content/uploads/2009/08/CTT-web1.jpg" alt="custom tours in tuscany" width="620" height="415" /></p>
<p>The website also needed to provide people with all of the information they needed before, during and after their journey. Each page includes a Flash-driven slideshow (in the image area) that cycles through slowly and continuously. We worked together on organizing the content and I encouraged her to link the content from page to page as much as possible to keep people looking around on the site. The client also wanted music on the site, which she provided. Visit <a href="http://www.customtoursintuscany.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.customtoursintuscany.com?referer=');">Custom Tours in Tuscany</a>.</p>
<p><img class="aligncenter size-full wp-image-575" title="Custom Tours in Tuscany" src="http://www.madelikethis.com/wp-content/uploads/2009/08/CTT-web2.jpg" alt="Custom Tours in Tuscany" width="620" height="480" /></p>
<p><br class="spacer_" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/573/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Embassy Hotel Apartments</title>
		<link>http://www.wraycodesign.com/archives/536</link>
		<comments>http://www.wraycodesign.com/archives/536#comments</comments>
		<pubDate>Tue, 04 Aug 2009 21:52:07 +0000</pubDate>
		<dc:creator>MLAW</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[hotel]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://wraycodesign.com/blog/?p=536</guid>
		<description><![CDATA[The Embassy Hotel Apartments wanted a website that would coordinate with their existing logo and marketing materials. The hotel owner wanted a prominent photo …]]></description>
			<content:encoded><![CDATA[<p>The Embassy Hotel Apartments wanted a website that would coordinate with their existing logo and marketing materials. The hotel owner wanted a prominent photo gallery, and she wanted the design to capture the look and history of the building as well as reflect the upscale clientele. She need to have photographs taken of the rooms, and so I joined up with photographer Vanessa Stump to style and photograph the rooms.</p>
<p><img class="aligncenter size-full wp-image-564" style="border: 1px gray solid;" title="EHA-web1" src="http://www.madelikethis.com/wp-content/uploads/2009/08/EHA-web1.jpg" alt="EHA-web1" width="620" height="442" /></p>
<p><img class="aligncenter size-full wp-image-567" style="border: 1px gray solid;" title="EHA-web2" src="http://www.madelikethis.com/wp-content/uploads/2009/08/EHA-web2.jpg" alt="EHA-web2" width="620" height="415" /></p>
<p>I also thought it would be nice to commission a watercolor artist to paint a portrait of the building which could be used on postcards left in the rooms. Hotel owner Michele Nasatir agreed, and they have been reprinted several times over. This website is currently maintained by the client, and text has been added in several areas that differeed from the original. Visit the <a href="http://www.embassyhotelapts.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.embassyhotelapts.com?referer=');">Embassy Hotel Apartments</a> website.</p>
<p><img class="aligncenter size-full wp-image-561" title="Embassy Hotel Apartments Postcard" src="http://www.madelikethis.com/wp-content/uploads/2009/08/EHA-postcard.jpg" alt="Embassy Hotel Apartments Postcard" width="620" height="423" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.wraycodesign.com/archives/536/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

