<?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>openloopdesign &#124;&#124; Portland, Oregon web site design, search engine optimization, graphic design, print design &#187; Web Site Design &amp; Standards-Compliant Coding</title>
	<atom:link href="http://openloopdesign.com/category/web-site-graphic-design-portfolio-portland-oregon/standards-compliant-web-site-design-case-studies/feed/" rel="self" type="application/rss+xml" />
	<link>http://openloopdesign.com</link>
	<description></description>
	<lastBuildDate>Fri, 26 Feb 2010 02:25:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>PioneerGasFurnace.com</title>
		<link>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/pioneer-gas-furnace/</link>
		<comments>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/pioneer-gas-furnace/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 19:50:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Content Development & Search Engine Optimization]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Site Design & Standards-Compliant Coding]]></category>
		<category><![CDATA[{SPECIAL}_home-folio]]></category>

		<guid isPermaLink="false">http://openloopdesign.com/?p=348</guid>
		<description><![CDATA[<a href="/portland-oregon-web-site-design-portfolio/pioneer-gas-furnace/"><img src="/_wp/wp-content/uploads/web-site-design-folio_PHCO.jpg" alt="small business web site design portland oregon" title="openloop-Web-Site-Design-Portland-Oregon" class="alignleft" /></a>
<h5>Web Site Design + Copywriting + SEO-campaign:</h5>
<ul id="folionotes">
<li>Combined new design graphics with existing artwork into a standards-compliant web site platform.</li>
<li>New web site design powered by Content Management System(CMS) for easy administative updates.</li>
<li>Custom AJAX-accordion navigation keeps site organized and easy-to-use.</li>
<li><a href="#">Extensive copywriting &#38; content development</a> as part of an <a href="#">aggressive SEO-campaign</a> produced significant improvement in search engine rankings.</li>
<li>Original <a href="#">graphic design for print ads &#38; direct mail campaign</a>; integrated with web site.</li>
</ul>]]></description>
			<content:encoded><![CDATA[<p><a class="liveLaunch" href="http://pioneergasfurnace.com/" target="_blank"><img src="/_wp/wp-content/uploads/web-site-design-folio_PHCO.jpg" title="small business web site design portland oregon" alt="openloop-Web-Site-Design-Portland-Oregon"/>click here to see this live web site&nbsp;&raquo;&raquo;</a></p>
<p class="leader">A great example of helping an established brick-and-mortar business get in the loop with an effective web site presence. In addition to getting their site up to speed, we&#8217;ve provided <a href="#">print design for mailers</a>, extensive <a href="#cdv">copywriting &amp; content development</a> and an aggressive <a href="#seo">search-engine optimization campaign</a>.</p>
<h4>Small-business Web Site Features:</h4>
<ul>
<li>Combined new design graphics with existing artwork into a standards-compliant web site platform.</li>
<li>New web site design powered by a Content Management System(CMS) for easy administative updates.</li>
<li>Custom AJAX-accordion navigation keeps site organized and easy-to-use.</li>
<li><a href="#">Extensive copywriting and content development for all sections of web site.</a></li>
<li><a href="#">Aggressive SEO-campaign</a> produced significant improvement in search engine rankings.</li>
</ul>
<h4>Backstory:</h4>
<p>When Pioneer first approcahed us in 2008, their site looked OK, but not on all browsers. While the graphic design was a good fit, the site code was totally out of date and malfunctioning, and there was no easy way for Pioneer to update the site; and worse, they were experiencing a <a href="#">&#8220;case of the disappearing webmaster&#8221;</a>. Getting updates done was a major issue, because they also didn&#8217;t have <em>any</em> real content, and there was no reason for people to actually use the site. And none of this helped with their search engine rankings.</p>
<h4>Total site overhaul, preserving existing branding&#8230;</h4>
<p>We started by getting all their <a href="#">&#8220;digital ducks in a row&#8221;</a> and putting <a href="#">them back in control of their web assets</a>. Pioneer had a great logo, and the basic &#8220;look&#8221; of the site was a good fit. So we used those existing assets to save them money, and re-coded the site to current standards. We created some new graphics, and added an AJAX-accordion navigation system to increase click-through rates and page-view times. Just getting their site up to date with correct document structure provided a huge boost in search engine rankings immediately.<br />
<a name="cdv" id="cdv"></a></p>
<h4>Extensive content development + SEO (Search Engine Optimization)&#8230;</h4>
<p>To really make Pioneer&#8217;s website a quality reflection of their business, we provided extensive copywriting services, generating about 100 pages of unique, original, search-engine ready content. While their previous site had absolutely no content, their new site was packed with full descriptions of all of their products, services, and company information. All this new content not only established Pioneer as a legitimate web site, but provided the start for an extensive SEO-campaign.<br />
<a name="seo" id="seo"></a></p>
<h4>Aggressive, on-going SEO campaign&#8230;</h4>
<p>To really be successful in a very competivive market on the web, Pioneer needed to pursue multiple avenues to rank higher in search engines for all their services. Their ratings soared as we engaged our &#8220;SEO-Launch&#8221; services package, which encompassed everything from thorough market research for keywords, an overhaul of their Google Maps &amp; Small-Business listings, social networking, and further development of keyword-optimized original content.</p>
<h4>Print Design and Web site integration&#8230;</h4>
<p>In addition to covering all the bases above, we helped Pioneer get design completed and to the press for a major direct mail campaign, for print ads in local publications; <a href="#">see their print design case study&#8230;</a></p>
<hr />
<h4><a href="/portland-oregon-web-site-design-services/">Share your vision for your website</a> and let us help <strong>you</strong> <em>get in the loop</em>!</h4>
]]></content:encoded>
			<wfw:commentRss>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/pioneer-gas-furnace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PermacultureForRenters.com</title>
		<link>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/permaculture-for-renters-web-site/</link>
		<comments>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/permaculture-for-renters-web-site/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 00:19:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Content Management Systems (CMS) + WordPress]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Site Design & Standards-Compliant Coding]]></category>
		<category><![CDATA[{SPECIAL}_home-folio]]></category>

		<guid isPermaLink="false">http://openloopdesign.com/?p=333</guid>
		<description><![CDATA[<a href="/portland-oregon-web-site-design-portfolio/permaculture-for-renters-web-site/"><img src="/_wp/wp-content/uploads/web-site-design-folio_p4r.jpg" title="personal professional blog web site design portland oregon" alt="openloop-Web-Site-Design-Portland-Oregon" class="alignleft" /></a>
<h5>Web Site Design + Custom WordPress CMS:</h5>
<ul id="folionotes">
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support empowered Portland Oregon small-business owner to run his custom blog.</li>
<li>Event-calendar system helps post important event easially.</li>
<li>Custom navigation plus automatic sub-navigation keeps site organized and easy-to-use.</li>
</ul>]]></description>
			<content:encoded><![CDATA[<p><a class="liveLaunch"  href="http://permacultureforrenters.com" target="_blank"><img src="http://openloopdesign.com/_wp/wp-content/uploads/web-site-design-folio_p4r.jpg" alt="" title="web-site-design-folio_p4r" width="420" height="230" class="alignnone size-full wp-image-335" />click here to see this live web site &raquo;&raquo;</a></p>
<p class="leader">As <a href="/portland-oregon-web-site-design-portfolio/portland-oregon-small-business-web-site-dbarrett-ecological/">Barrett Ecological</a> grew more successful, they identified a unique need in the market. PermacultureForRenters.com is an active custome-themed WordPress blog run by the founder of Barrett Ecological.</p>
<h4>Custom WordPress theme, Personal/Professional Blog web site:</h4>
<ul>
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support empowered Portland Oregon small-business owner to run his custom blog.</li>
<li>Event-calendar system helps post important event easially.</li>
<li>Custom navigation plus automatic sub-navigation keeps site organized and easy-to-use.</li>
<li>Search Engine Optimization, integration with Google Analytics to track site stats.</li>
</ul>
<h4><a href="http://barrettecological.com" target="_blank">View their current site.</a></h4>
]]></content:encoded>
			<wfw:commentRss>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/permaculture-for-renters-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>VagabondOpera.com</title>
		<link>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/vagabond-opera-web-site/</link>
		<comments>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/vagabond-opera-web-site/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 04:01:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Content Management Systems (CMS) + WordPress]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Site Design & Standards-Compliant Coding]]></category>
		<category><![CDATA[{SPECIAL}_home-folio]]></category>
		<category><![CDATA[Calendars]]></category>
		<category><![CDATA[Custom WordPress Theme conversion]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Mailing lists]]></category>
		<category><![CDATA[Original Graphic Design]]></category>
		<category><![CDATA[Portland Oregon Web Site Design]]></category>
		<category><![CDATA[WordPress Web Site Theme Design]]></category>

		<guid isPermaLink="false">http://openloopdesign.com/?p=38</guid>
		<description><![CDATA[<a href="/web-site-graphic-design-portfolio-portland-oregon/vagabond-opera-web-site/"><img src="/_wp/wp-content/uploads/web-site-design-folio_VAGA.jpg" title="band artist web site design portland oregon" alt="openloop-Web-Site-Design-Portland-Oregon" class="alignleft" /></a>
<h5>Web Site Design + Custom WordPress CMS:</h5>
<ul id="folionotes">
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support empowered band members to update their own web site (while on tour!).</li>
<li>Social network integration: Facebook &#038; MySpace.</li>
<li>Two original web site designs; launched at different times to match album releases.</li>
<li>E-commerce / shopping cart integration.</li>
<li>Integrated mailing list &#038; gig-calendar systems.</li>
</ul>]]></description>
			<content:encoded><![CDATA[<p><a class="liveLaunch"  href="http://vagabondopera.com" target="_blank"><img title="band artist web site design portland oregon" src="/_wp/wp-content/uploads/web-site-design-folio_VAGA.jpg" alt="openloop-Web-Site-Design-Portland-Oregon" />click here to see this live web site »»</a></p>
<p class="leader">Our work with Vagabond Opera &#8211;through 4 years, and 3 versions, of their web site&#8211; stands as an excellent example of our adaptability and commitment to continued service. The evolution of this site also underscores the power of a client-driven website running on WordPress&#8230;</p>
<h4>Features:</h4>
<ul>
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support empowered band members to update their own web site (while on tour!).</li>
<li>Social network integration for Facebook &amp; MySpace.</li>
<li>Two original web site designs; launched at different times to match album releases.</li>
<li>E-commerce / shopping cart integration.</li>
<li>Integrated mailing list &amp; gig-calendar systems.</li>
</ul>
<h4>Backstory:</h4>
<p>The Portland, Oregon based Vagabonds originally got in the Loop in early 2006. They had just wrapped up a new album and a major photo shoot, and needed a fresh graphic design for the web site to match the album cover and images.  Their old web site design was also plagued with <a href="/standards-compliant-web-site-design/">non-standards-compliant code</a> and was not only a bear to update, but didn&#8217;t work right in new browsers. Their logo was also just a bitmapped piece of clip art, and wasn&#8217;t really meshing with their new look.<br />
<img class="alignright size-full wp-image-242" title="client-shots_VAGA1" src="http://openloopdesign.com/_wp/wp-content/uploads/client-shots_VAGA11.jpg" alt="client-shots_VAGA1" width="200" height="160" /></p>
<h4>Success (#1)&#8230;</h4>
<p>This (first) rebuild of their web site focused on their rich vaudeville aesthetic, and established a traffic-flow model that increased usability. It was a major graphic design shift, helping to establish both their aesthetic and their credibility. The new web site design also included a logo overhaul which would sustain them through the next album.</p>
<h4>Success (#2)&#8230;</h4>
<p>About a year later, they were ready to upgrade the site with some functional new tools. We helped them move to a new hosting service specifically for musicians, and integrated a calendar, a mailing list system, and hooked up their e-commerce album sales system. We also continued to support them by helping to add new pages of content designed to help usability by different kinds of visitors.<br />
<a href="http://openloopdesign.com/_wp/wp-content/uploads/client-shots_VAGA2.jpg"><img class="alignright size-medium wp-image-245" title="client-shots_VAGA2" src="http://openloopdesign.com/_wp/wp-content/uploads/client-shots_VAGA2-153x300.jpg" alt="client-shots_VAGA2" width="153" height="300" /></a></p>
<h4>Success (#3): Conversion to WordPress!&#8230;</h4>
<p>By early 2008, Vagabond Opera had taken off, and was touring internationally under the management of two different agencies. They needed a website that not only looked and performed well, but could keep up with their globetrotting success. In less than a week, openloopdesign converted their entire site to the WordPress platform, integrated all their existing tools and content, and provided tech support to the band as they posted fresh content from their first European tour. Some of <a href="http://vagabondopera.com/category/european-tour-2008-portugal/" target="_blank">the photos</a> from their tour are hilarious, and we were elated that our web site design and support could help them get Live on the web. You can check out a screenshot of that web site design at right.</p>
<h4>Success (#4!): their <a href="http://vagabondopera.com/" target="_blank">current web site</a>&#8230;</h4>
<p>By 2009, Vagabond had evolved even further as a band, and had yet another fresh new look from a great photo shoot and hot new album cover art for their upcoming release. They again needed a total graphic design overhaul to match their new look. We pulled together a completely new design aesthic for the site from their new album art, and matched the (new) graphics to their existing web site&#8217;s <a href="/standards-compliant-web-site-design/">standards-compliant code</a>. <strong>Because we had a solid foundation of standards-compliant code, the site did not have to be recoded, cutting the costs of the new design implementaion in half.</strong> And because we used WordPress, all we had to do was upload the files, and click a button in the web-based admin tool, and the new design was running immediately. All their existing content was still there, with no extra work, but a fresh new look.</p>
<h4>In case you missed it&#8230;.</h4>
<ul>
<li>Because we used standards-compliant code, they got <strong>a whole new web site design for half the cost</strong>, and&#8230;</li>
<li>&#8230;because we rely on WordPress, all of their content stayed live, <strong>automatically, with no extra work</strong>.</li>
</ul>
<p>Now that&#8217;s cause for an album-release party! <strong>If you&#8217;d like to see a live demo of how these two WordPress web site designs switch, <a href="/contact/">contact us</a>.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/vagabond-opera-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BarrettEcological.com</title>
		<link>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/barrett-ecological-web-site/</link>
		<comments>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/barrett-ecological-web-site/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 04:34:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Content Management Systems (CMS) + WordPress]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Site Design & Standards-Compliant Coding]]></category>
		<category><![CDATA[{SPECIAL}_home-folio]]></category>
		<category><![CDATA[Calendars]]></category>
		<category><![CDATA[Custom WordPress Theme conversion]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[Mailing lists]]></category>
		<category><![CDATA[Original Graphic Design]]></category>
		<category><![CDATA[Portland Oregon Web Site Design]]></category>
		<category><![CDATA[WordPress Web Site Theme Design]]></category>

		<guid isPermaLink="false">http://openloopdesign.com/?p=13</guid>
		<description><![CDATA[<a href="/portland-oregon-web-site-design-portfolio/barrett-ecological-web-site/"><img src="/_wp/wp-content/uploads/web-site-design-folio_LEON.jpg" title="small business web site design portland oregon" alt="openloop-Web-Site-Design-Portland-Oregon" class="alignleft" /></a>
<h5>Web Site Design + Custom WordPress CMS:</h5>
<ul id="folionotes">
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support helped Portland, Oregon small business owner to organize and post updates easially.</li>
<li>SEO-focused copywriting services improved search-engine rankings.</li>
<li>Custom logo design and branding consultation.</li>
<li>Slideshow system creates a dynamic home page.</li>
<li>Integrated mailing list &#038; event-calendar systems.</li>
</ul>
]]></description>
			<content:encoded><![CDATA[<p><a class="liveLaunch" href="http://barrettecological.com" target="_blank"><img src="/_wp/wp-content/uploads/web-site-design-folio_LEON.jpg" title="an openloop Web Site Design for Portland, Oregon " alt="an-openloop-Web-Site-Design-for-Portland-Oregon"/>click here to see this live web site&nbsp;&raquo;&raquo;</a></p>
<p class="leader">Since 2006, we&#8217;ve supported the evolution of Barrett Ecological. In addition to the original site design, we&#8217;ve provided <a href="#">logo design</a> at their initial start-up, re-branding after a change to the business name, and <a href="#">print design for business cards and print ads</a>, always flexibly adapting to their needs as they adapted to the market. And when they launched a second business that grew from their success, <a href="/portland-oregon-web-site-design-portfolio/permaculture-for-renters/">we were there to help with that too</a>.</p>
<h4>Small-business Web Site Features:</h4>
<ul>
<li>Custom web site design, powered by WordPress Content Management System(CMS).</li>
<li>WordPress support empowered Portland, Oregon small-business owner to easially control his website.</li>
<li>Integrated mailing list &amp; event-calendar systems.</li>
</ul>
<h4>Original Web Site Design + Logo Design, Business Cards, and Print Ads.</h4>
<p>Barrett Ecological first launched in 2006 under the name &#8220;Gaiascapes&#8221;, drawing on the rich textures found through the ecological landscpaes they created. Their first branding package emphasized very organic artwork that was used for both the <a href="/_wp/wp-content/uploads/LEON-design-archive.jpg">site design</a> and for <a href="#">print ads</a>, <a href="#">business cards</a>, and <a href="#">promotional leave-behind postcards</a>.</p>
<p><a href="/_wp/wp-content/uploads/LEON-design-archive.jpg"><img src="http://openloopdesign.com/_wp/wp-content/uploads/LEON-v01-clips.jpg" alt="" title="LEON-v01-clips" width="555" height="210" class="alignnone size-full wp-image-321" /></a></p>
<h4>Re-branding, Updated Web Site Design, Conversion to WordPress.</h4>
<p>After a successful launch and first year, &#8220;Gaiascapes&#8221; had already expanded its offerings and decided to broaden their positioning with a change to the business name. So <a href="#">we updated their logo</a>, and re-branded the web site while converting it to WordPress, so they could easialy update and control the content of their own website.</p>
<h4><a href="http://barrettecological.com" target="_blank">View their current site.</a></h4>
]]></content:encoded>
			<wfw:commentRss>http://openloopdesign.com/web-site-graphic-design-portfolio-portland-oregon/barrett-ecological-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
