<?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>Colin Wright, Sustainable Designer &#187; Web</title>
	<atom:link href="http://colinismy.name/category/portfolio/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://colinismy.name</link>
	<description>Sustainable design, illustration and web development</description>
	<lastBuildDate>Wed, 04 Nov 2009 03:14:06 +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>Exile Lifestyle</title>
		<link>http://colinismy.name/portfolio/web/exile-lifestyle/</link>
		<comments>http://colinismy.name/portfolio/web/exile-lifestyle/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 15:46:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=682</guid>
		<description><![CDATA[<a rel="attachment wp-att-683" href="http://colinismy.name/portfolio/web/"><img class="alignnone size-full wp-image-683" title="Exile Lifestyle About page" src="http://colinismy.name/wp-content/uploads/2009/09/exile1.jpg" alt="Exile Lifestyle About page" width="600" height="447" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Website Design/Development</h3>
<p><a href="http://colinismy.name/portfolio/web/exile-lifestyle"><img class="alignnone size-full wp-image-683" title="Exile Lifestyle About page" src="http://colinismy.name/wp-content/uploads/2009/09/exile1.jpg" alt="Exile Lifestyle About page" width="600" height="447" /></a></p>
<p><span id="more-682"></span></p>
<p>In April, 2009, I decided that I wanted to start traveling more. Not one to do things halfway, I decided to pick up my life and my business and start living a mobile lifestyle, running my business from the road and living in a new country every 4 months. <a href="http://exilelifestyle.com" target="_blank">Exile Lifestyle</a> was born!</p>
<p><a href="http://colinismy.name/portfolio/web/exile-lifestyle"><img class="alignnone size-full wp-image-685" title="Exile Lifestyle Landing Page" src="http://colinismy.name/wp-content/uploads/2009/09/exile3.jpg" alt="Exile Lifestyle Landing Page" width="600" height="447" /></a></p>
<p>Part of the inspiration for this was the desire to write more (I worked as a columnist for a while back in the day) and to document my lifestyle design exploits. I needed a good website to display all the content I would be creating accessibly and attractively.</p>
<p><a href="http://colinismy.name/portfolio/web/exile-lifestyle/"><img class="alignnone size-full wp-image-686" title="Exile Lifestyle Article Page" src="http://colinismy.name/wp-content/uploads/2009/09/exile4.jpg" alt="Exile Lifestyle Article Page" width="600" height="447" /></a></p>
<p>I decided to create a minimal site, one that is super-easy to navigate and hard to get lost on. Lots of white space, colorful, attractive photography (courtesy of <a href="http://crisdobbinsphotography.com/" target="_blank">Cris Dobbins</a>) and dramatic-yet-simple typography were key to creating the look and feel that I wanted.</p>
<p>I aimed to keep the style of writing fairly casual to counteract the stylish-but-regimented feeling of the site, and I wanted to make sure that the color scheme was reminiscent of the simple black/white/red of a nice letterpressed poster design, but with colors that are toned down (desaturated reds, gray blacks). To help establish the visual hierarchy, I overlapped clean white &#8216;panels,&#8217; with the navigation on top, followed by the main content area and the scene-setting sidebar on the very bottom.</p>
<p><a href="http://colinismy.name/portfolio/web/exile-lifestyle"><img class="alignnone size-full wp-image-684" title="Exile Lifestyle Reading List" src="http://colinismy.name/wp-content/uploads/2009/09/exile2.jpg" alt="Exile Lifestyle Reading List" width="600" height="447" /></a></p>
<p>To flesh out the content and provide extra value to my readers, I also created an <a href="http://readinglist.exilelifestyle.com" target="_blank">Exile Reading List</a>, which contains feeds from some of my favorite websites and blogs, all cataloged cleanly and concisely (and updated automatically on the hour).</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/exile-lifestyle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>geo•gia health</title>
		<link>http://colinismy.name/portfolio/web/geogia-health/</link>
		<comments>http://colinismy.name/portfolio/web/geogia-health/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 18:12:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=674</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_geogiahealth1.jpg" alt="geogia health landing page" title="geogia health landing page" width="600" height="504" class="alignnone size-full wp-image-675" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Website Design/Development</h3>
<p><a href="http://colinismy.name/web/geogia-health/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_geogiahealth1.jpg" alt="geogia health landing page" title="geogia health landing page" width="600" height="504" class="alignnone size-full wp-image-675" /></a></p>
<p><span id="more-674"></span></p>
<p>Kristin Norris, owner of <a href="http://colinismy.name/web/geo%E2%80%A2gia-massage/">geo•gia massage</a>, was in the midst of upgrading her business to incorporate personal training as well as massage. She came to me to revitalize her branding and build her a new website. This new site would have drastically more functionality than her previous site, including a CMS backend that she can use to update her pages and blogs without touching the code and an online scheduler/payment processor so that her clients can make appointments online and see exactly what times she has available. See the live website <a href="http://geogiahealth.com">here</a>.</p>
<p><a href="http://colinismy.name/web/geogia-health/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_geogiahealth2.jpg" alt="geogia health schedule page" title="geogia health schedule page" width="600" height="504" class="alignnone size-full wp-image-676" /></a></p>
<p>To achieve the results she requested, I built her a site on top of the WordPress CMS, and used a third-party scheduling rich Internet application to dynamically handle her scheduling and payment processing.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/geogia-health/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>USC Public Diplomacy Department</title>
		<link>http://colinismy.name/portfolio/web/usc-pdm/</link>
		<comments>http://colinismy.name/portfolio/web/usc-pdm/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 17:59:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=668</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_pdm1.jpg" alt="Public Diplomacy Magazine Online landing page" title="Public Diplomacy Magazine Online landing page" width="600" height="529" class="alignnone size-full wp-image-669" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Online Magazine Site Design/Development</h3>
<p><a href="http://colinismy.name/web/usc-pdm/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_pdm1.jpg" alt="Public Diplomacy Magazine Online landing page" title="Public Diplomacy Magazine Online landing page" width="600" height="529" class="alignnone size-full wp-image-669" /></a></p>
<p><span id="more-668"></span></p>
<p>The University of Southern California&#8217;s Public Diplomacy Department needed a website built. This website was to serve as the online edition of their brand new magazine, the aptly-named Public Diplomacy Magazine. See the live site <a href="http://publicdiplomacymagaazine.org">here</a>.</p>
<p><a href="http://colinismy.name/web/usc-pdm"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_pdm2.jpg" alt="Public Diplomacy Magazine Article Page" title="Public Diplomacy Magazine Article Page" width="600" height="529" class="alignnone size-full wp-image-670" /></a></p>
<p>The site needed to be a fully interactive online magazine, so I based the navigation on a category system that used the table of contents as a foundation. The articles and pages are all dynamic, and the PDM staff are able to swap out new issues as necessary, as the entire site is built on the WordPress platform.</p>
<p><a href="http://colinismy.name/web/usc-pdm/"><img src="http://colinismy.name/wp-content/uploads/2009/04/web_pdm3.jpg" alt="Public Diplomacy Magazine Online section page" title="Public Diplomacy Magazine Online section page" width="600" height="529" class="alignnone size-full wp-image-671" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/usc-pdm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marilyn Scott</title>
		<link>http://colinismy.name/portfolio/web/marilynscott-downloads/</link>
		<comments>http://colinismy.name/portfolio/web/marilynscott-downloads/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 04:49:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=144</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/design_marilynscottdownloads.jpg" alt="Marilyn Scott Promo Downloads Page" title="Marilyn Scott Downloads Page" width="600" height="375" class="alignnone size-full wp-image-145" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Special Offer Page</h3>
<p><a href="http://colinismy.name/web/marilynscott-downloads/"><img src="http://colinismy.name/wp-content/uploads/2009/01/design_marilynscottdownloads.jpg" alt="Marilyn Scott Promotional Downloads Page" title="Marilyn Scott Downloads Page" width="600" height="375" class="alignnone size-full wp-image-145" /></a></p>
<p><span id="more-144"></span></p>
<p>Jazz singer/songwriter Marilyn Scott was in need of a static webpage to promote a limited-edition special offer to her fans. Her management company wanted something that kept to the Marilyn brand, while at the same time branching out a bit to add some freshness to the look. To achieve this I started with an image of Marilyn, worked in an antiqued-wallpaper background with colors that are resplendent of her image, and used some modern, floating panels to display the information, combining the traditional and oldschool with the sleek and edgy. Compact MP3 players were added so that visitors could test out a song before downloading it.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/marilynscott-downloads/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Skeuter</title>
		<link>http://colinismy.name/portfolio/web/skeuter-web/</link>
		<comments>http://colinismy.name/portfolio/web/skeuter-web/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 01:29:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=93</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_skeuter1.jpg" alt="Skeuter eco-friendly electric scooter home page" title="Skeuter Site Development" width="600" height="450" class="alignnone size-full wp-image-94" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Development / Animation</h3>
<p><a href="http://colinismy.name/web/skeuter-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_skeuter1.jpg" alt="Skeuter green electric scooter Home Page" title="Skeuter Site Development 1" width="600" height="450" class="alignnone size-full wp-image-94" /></a></p>
<p><span id="more-93"></span></p>
<p>A fellow designer named John Coulter asked me to develop in Flash a site he was designing for a company that builds lithium-ion-powered scooters. I agreed immediately, and after seeing his design I was happy that I did.</p>
<p><a href="http://colinismy.name/web/skeuter-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_skeuter2.jpg" alt="Skeuter sustainable electric scooter specs page" title="Skeuter Site Development 2" width="600" height="450" class="alignnone size-full wp-image-95" /></a></p>
<p>The name of the game with this site was to accurately translate what John had designed into Flash, while at the same time adding functionality to the buttons and backgrounds, making the site more interactive (clickable images, for example), and adding forms where necessary. You can view the live site <a href="http://skeuter.com/condor">here</a>.</p>
<p><a href="http://colinismy.name/web/skeuter-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_skeuter3.jpg" alt="Skeuter green electric scooter picture gallery page" title="Skeuter Site Development 3" width="600" height="451" class="alignnone size-full wp-image-96" /></a></p>
<p><a href="http://colinismy.name/web/skeuter-web"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_skeuter4.jpg" alt="Skeuter sustainable electric scooter picture gallery page with popup" title="Skeuter Site Development 4" width="600" height="450" class="alignnone size-full wp-image-97" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/skeuter-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>nvohk</title>
		<link>http://colinismy.name/portfolio/web/nvohk-web/</link>
		<comments>http://colinismy.name/portfolio/web/nvohk-web/#comments</comments>
		<pubDate>Wed, 07 Jan 2009 00:23:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=64</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk1.jpg" alt="nvohk green tshirt company homepage" title="nvohk Site Design" width="600" height="584" class="alignnone size-full wp-image-65" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Design</h3>
<p><a href="http://colinismy.name/web/nvohk-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk1.jpg" alt="nvohk sustainable tshirt company homepage" title="nvohk Site Design" width="600" height="584" class="alignnone size-full wp-image-65" /></a></p>
<p><span id="more-64"></span></p>
<p>After their deciding on a simple, easy to read but very basic logo, I was asked by the nvohk management team to design a website for their brand. The logo made the project somewhat of a challenge, but I was able to take the clean black and white look and expand it to include an outdoorsy feel while still taking into account ease of navigation.</p>
<p><a href="http://colinismy.name/web/nvohk-web/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk2.jpg" alt="nvohk organic tshirt company member benefits page" title="nvohk Site Design" width="600" height="584" class="alignnone size-full wp-image-66" /></a></p>
<p><a href="http://colinismy.name/web/nvohk-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk3.jpg" alt="nvohk eco-friendly tshirt company about us page" title="nvohk Site Design" width="600" height="584" class="alignnone size-full wp-image-67" /></a></p>
<p>I decided to take a series of photos that were provided by the company and placed them in a frame. This allowed me to use the photos as a kind of centerpiece that the rest of the website &#8216;grew&#8217; from, while allowing for a tasteful incorporation of the logo. The space below the central image became the content area, while the navigation stretched down the right side.</p>
<p><a href="http://colinismy.name/web/nvohk-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk4.jpg" alt="nvohk sustainable clothing company philosophy page" title="nvohk Site Design" width="600" height="625" class="alignnone size-full wp-image-68" /></a></p>
<p><a href="http://colinismy.name/web/nvohk-web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_nvohk5.jpg" alt="nvohk green tshirt company badges widgets for social networking and personal web sites" title="nvohk Site Design" width="600" height="175" class="alignnone size-full wp-image-69" /></a></p>
<p>As the other pages were designed, a typographic and visual language began to develop and all of the elements evolved cohesively.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/nvohk-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>geo•gia massage</title>
		<link>http://colinismy.name/portfolio/web/geo%e2%80%a2gia-massage/</link>
		<comments>http://colinismy.name/portfolio/web/geo%e2%80%a2gia-massage/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 20:42:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=34</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_geogiamassage.jpg" alt="geo•gia massage" title="geo•gia massage" width="600" height="473" class="alignnone size-full wp-image-35" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Design / Development</h3>
<p><a href="http://colinismy.name/web/geo•gia-massage/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_geogiamassage.jpg" alt="geogia mobile massage website about page" title="geo•gia massage" width="600" height="473" class="alignnone size-full wp-image-35" /></a></p>
<p><span id="more-34"></span></p>
<p>Health industry entrepreneur, Kristin Norris, tasked me with branding and building a website for her message therapy business, geo•gia massage. Because her business is special within the field &#8211; providing mobile (on-site) massage therapy to businesses and individuals &#8211; and because she uses  eco-friendly supplies, I suggested a minimalistic, clean, very simple site.</p>
<p><a href="http://colinismy.name/web/geo•gia-massage/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_geogiamassage2.jpg" alt="geogia mobile massage company rates page" title="geo•gia massage" width="600" height="682" class="alignnone size-full wp-image-36" /></a></p>
<p>I made use of a concise and calming palette of a certain shade of green, a handful of grays and a fuchsia, while the rest of the site is a very crisp, clean white. The information needed to be presented clearly and without distraction. A simple header/sub-header typographic system was established.</p>
<p><a href="http://colinismy.name/web/geo•gia-massage/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_geogiamassage3.jpg" alt="geogia mobile massage business appointments page" title="geo•gia massage" width="600" height="481" class="alignnone size-full wp-image-37" /></a></p>
<p>To make the site as practical as it was beautiful, an online appointment form was added, along with links to geo•gia&#8217;s Yelp account and Kristin&#8217;s health and wellness blog.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/geo%e2%80%a2gia-massage/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Factory Green</title>
		<link>http://colinismy.name/portfolio/web/factory-green/</link>
		<comments>http://colinismy.name/portfolio/web/factory-green/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 20:24:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=29</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_factorygreen2.jpg" alt="Factory Green green tshirt and housewares company site redesign" title="Factory Green 2" width="600" height="356" class="alignnone size-full wp-image-30" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Redesign</h3>
<p><a href="http://colinismy.name/web/factory-green/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_factorygreen2.jpg" alt="Factory Green sustainable clothing and housewares company website redesign" title="Factory Green 2" width="600" height="356" class="alignnone size-full wp-image-30" /></a></p>
<p><span id="more-29"></span></p>
<p>The young and incredibly ambitious gentlemen at Factory Green contacted me about giving their expanding business&#8217; online presence a makeover. Their older was very static, and because their customer-base is largely college students and twenty-somethings, they needed a bit more movement and flair.</p>
<p><a href="http://colinismy.name/web/factory-green/" rel="post image linke"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_factorygreen.jpg" alt="Factory Green eco-friendly, socially aware style clothing company website redesign" title="Factory Green" width="600" height="356" class="alignnone size-full wp-image-31" /></a></p>
<p>The biggest challenge for this site was coming up with a consistent form of navigation that would serve as a visual reference for visitors, while still being flexible enough to seamlessly integrate into the e-commerce sections of their site.</p>
<p>The solution ended up being a solid bar across the site which moves up or down depending on what&#8217;s being displayed. When more sub-navigation menus are necessary, the main navigation bar moves up to make room (the sub-navigation buttons have their own, very visual, look).</p>
<p><a href="http://colinismy.name/web/factory-green/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_factorygreen3.jpg" alt="Factory Green sustainable tshirt and housewares business ecommerce site redesign" title="Factory Green 3" width="600" height="356" class="alignnone size-full wp-image-32" /></a></p>
<p>Aesthetically, the site was redesigned with dramatic, san-serif typography and close-cropped photography of the products in order to appeal to the young, style-conscious crowd.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/factory-green/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DataFusion Technologies, Inc.</title>
		<link>http://colinismy.name/portfolio/web/datafusion-technologies-inc/</link>
		<comments>http://colinismy.name/portfolio/web/datafusion-technologies-inc/#comments</comments>
		<pubDate>Tue, 06 Jan 2009 19:59:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=3</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_dftech.jpg" alt="DataFusion Technologies, Inc. law firm accounting software company website home page redesign" title="DataFusion Technologies, Inc." width="600" height="568" class="alignnone size-full wp-image-4" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Redesign</h3>
<p><a rel="post image link" href="http://colinismy.name/web/datafusion-technologies-inc/"><img class="alignnone size-full wp-image-4" title="DataFusion Technologies, Inc." src="http://colinismy.name/wp-content/uploads/2009/01/web_dftech.jpg" alt="DataFusion Technologies, Inc. law firm accounting software company website home page redesign" width="600" height="568" /></a></p>
<p><span id="more-3"></span></p>
<p>DataFusion Technologies, Inc., creator of law firm accounting products and services, came to me looking for an aesthetic overhaul for their B2B website. Their site was beginning to look very dated and they wanted something with a bit more aesthetic appeal, while still maintaining a professional feel and ease of use.</p>
<p><a href="http://colinismy.name/web/datafusion-technologies-inc/" rel="post image link"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_dftech2.jpg" alt="DataFusion Technologies, Inc. law firm accounting software company website home page redesign with dropdown menu" title="DataFusion Technologies, Inc." width="600" height="568" class="alignnone size-full wp-image-26" /></a></p>
<p>Some visual cues were taken from other B2B companies like Sun, Cisco and IBM, all who have appealing websites that intuitively present a vast amount of information in many different categories. Making use of tabs and a rotating image as the dominant visual element helped to sort the most used and pertinent information, while a horizontal dropdown menu with only a handful of primary sections organized the rest of the site content.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/datafusion-technologies-inc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2and2is5 Design</title>
		<link>http://colinismy.name/portfolio/web/2and2is5-website/</link>
		<comments>http://colinismy.name/portfolio/web/2and2is5-website/#comments</comments>
		<pubDate>Sun, 07 Jan 2007 05:54:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://colinismy.name/?p=161</guid>
		<description><![CDATA[<a href="http://colinismy.name/portfolio/web/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_2and2is51.jpg" alt="Small design studio website home page" title="2and2is5 Design Website 1" width="600" height="376" class="alignnone size-full wp-image-162" /></a>]]></description>
			<content:encoded><![CDATA[<h3>Site Design / Development</h3>
<p><a href="http://colinismy.name/web/2and2is5-website/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_2and2is51.jpg" alt="Small design studio website home page" title="2and2is5 Design Website 1" width="600" height="376" class="alignnone size-full wp-image-162" /></a></p>
<p><span id="more-161"></span></p>
<p>The website I built for my first design studio endeavor, 2and2is5 Design, was simple and nearly static, but it kept the brand consistent and displayed my work in an intuitive fashion.</p>
<p><a href="http://colinismy.name/web/2and2is5-website/"><img src="http://colinismy.name/wp-content/uploads/2009/01/web_2and2is52.jpg" alt="Small design studio website portfolio page" title="2and2is5 Design Website 2" width="600" height="376" class="alignnone size-full wp-image-163" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://colinismy.name/portfolio/web/2and2is5-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
