<?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>Getting Creative &#187; Before &amp; After</title>
	<atom:link href="http://getcreativewebdesign.com/blog/category/before-after/feed/" rel="self" type="application/rss+xml" />
	<link>http://getcreativewebdesign.com/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Tue, 24 Jan 2012 15:43:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Before &amp; After: Part 4</title>
		<link>http://getcreativewebdesign.com/blog/before-after-part-4/</link>
		<comments>http://getcreativewebdesign.com/blog/before-after-part-4/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 14:49:30 +0000</pubDate>
		<dc:creator>Elise Spontarelli</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[James T Davis]]></category>
		<category><![CDATA[Plastic Surgery Associates]]></category>
		<category><![CDATA[St. John's]]></category>

		<guid isPermaLink="false">http://getcreativewebdesign.com/blog/?p=1450</guid>
		<description><![CDATA[(To see previous groups of before and after websites, click here.) Welcome to the fourth group of websites that have been redesigned by GetCreative. Each before and after shot shows the progression of a client&#8217;s website&#8230;amazing what good design can do for you! The amount of change that each site undergoes varies depending on the [...]]]></description>
			<content:encoded><![CDATA[<p><em>(To see previous groups of before and after websites, <a href="http://getcreativewebdesign.com/blog/category/before-after/">click here</a>.)</em></p>
<p>Welcome to the fourth group of websites that have been redesigned by GetCreative. Each before and after shot shows the progression of a client&#8217;s website&#8230;amazing what good design can do for you! The amount of change that each site undergoes varies depending on the specific needs of each client. I hope you will enjoy these transformations.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/ss_oldsite.jpg"><img class="aligncenter size-full wp-image-1764" style="padding: 2px; border: 1px solid #000000;" title="ss_oldsite" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/ss_oldsite.jpg" alt="" width="580" height="360" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshotPSA.jpg"><img class="aligncenter size-full wp-image-1765" style="padding: 2px; border: 1px solid #000000;" title="screenshotPSA" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshotPSA.jpg" alt="" width="580" height="424" /></a><strong>After</strong></p>
<p style="text-align: left;"><strong><span id="more-1450"></span></strong></p>
<p>This website design for <a href="http://lynchburgplasticsurgery.com/" target="_blank">Plastic Surgery Associates of Lynchburg</a> was a part of a total marketing transformation for the company. In order to fit in with the rest of their advertising campaign I worked with <a href="http://www.dayrichenterprises.com/" target="_blank">Dayrich Enterprises</a> to develop a neutral, soothing design for this Flash based website. Tans, browns and creams make up the color palette, which allow the stock photos of models to pop against the neutral background. Fading transitions ease the viewer from page to page, and a pop-up navigation bar keeps the site organized. The before and after photo gallery shows past clients&#8217; results, while an interactive contact form allows viewers to get in touch with the company.</p>
<p style="text-align: center;"> <a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot.jpg"><img class="aligncenter size-full wp-image-1766" style="padding: 2px; border: 1px solid #000000;" title="screenshot" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot.jpg" alt="" width="750" height="603" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot1.jpg"><img class="aligncenter size-full wp-image-1767" style="padding: 2px; border: 1px solid #000000;" title="screenshot" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot1.jpg" alt="" width="740" height="875" /></a><strong>After</strong></p>
<p><a href="http://www.stjohnslynchburg.org/index.html" target="_blank">St. John’s Church</a> is modern parish located in a beautiful church off Rivermont Avenue in Lynchburg’s Historic District. From a new logo to a customized photo gallery, the St. John’s website received a complete makeover. As a site with 20+ pages, St. John’s had a lot of content and some of it needed to be reorganized. Instead of one long navigation menu, there are drop-down tabs for eight core menu items. A Content Management System allows the leaders at St. John&#8217;s to update the content of the site on their own schedule. Wine red, olive green and a golden yellow are accent colors used throughout this clean white design.</p>
<p style="text-align: center;"> <a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/ss_old.jpg"><img class="aligncenter size-full wp-image-1768" style="padding: 2px; border: 1px solid #000000;" title="ss_old" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/ss_old.jpg" alt="" width="750" height="549" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot2.jpg"><img class="aligncenter size-full wp-image-1769" style="padding: 2px; border: 1px solid #000000;" title="screenshot" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/08/screenshot2.jpg" alt="" width="750" height="648" /></a><strong>After</strong></p>
<p><a href="http://www.jamestdavis.com/" target="_blank">James T. Davis</a> has been a Lynchburg business for more than 70 years. The company has continually evolved into the modern paint resource that it is today, and they needed a website to reflect that. We updated from the previous colors of teal and soft red to brighter and more eye-catching shades of blue with red and white accents. The company offers many products and services, and so the website is built to accommodate a large amount of text and photo content. The FAQ feature allows customers to interact with employees, asking questions and gaining painting tips and tricks. This project was a collaboration with <a href="http://www.dayrichenterprises.com/" target="_blank">Dayrich Enterprises</a>.</p>
<p>Which is your favorite website &#8216;makeover&#8217;? View <a href="http://getcreativewebdesign.com/blog/before-after-part-1/">Part 1</a>, <a href="http://getcreativewebdesign.com/blog/before-after-part-2/">Part 2</a> and <a href="http://getcreativewebdesign.com/blog/before-after-part-3/">Part 3</a> for more!</p>
]]></content:encoded>
			<wfw:commentRss>http://getcreativewebdesign.com/blog/before-after-part-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: Part 3</title>
		<link>http://getcreativewebdesign.com/blog/before-after-part-3/</link>
		<comments>http://getcreativewebdesign.com/blog/before-after-part-3/#comments</comments>
		<pubDate>Tue, 05 Apr 2011 13:04:07 +0000</pubDate>
		<dc:creator>Elise Spontarelli</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[BRPAS]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[dmfoto]]></category>
		<category><![CDATA[logo design]]></category>
		<category><![CDATA[Vance Barber]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://getcreativewebdesign.com/blog/?p=1216</guid>
		<description><![CDATA[(To see previous groups of before and after websites, click here.) Welcome to the third group of websites that have been redesigned by GetCreative. Each before and after shot shows the progression of a client&#8217;s website&#8230;amazing what good design can do for you! The amount of change that each site undergoes varies depending on the [...]]]></description>
			<content:encoded><![CDATA[<p><em>(To see previous groups of before and after websites, <a href="http://getcreativewebdesign.com/blog/category/before-after/">click here</a>.)</em></p>
<p>Welcome to the third group of websites that have been redesigned by GetCreative.  Each before and after shot shows the progression of a client&#8217;s website&#8230;amazing what good design can do for you! The amount  of change that each site undergoes varies depending on the specific needs of each client. I hope you will enjoy these transformations.</p>
<p style="text-align: center;"><strong><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/dmfoto_after.jpg"><img class="aligncenter size-full wp-image-1441" style="border: 1px solid black; padding: 2px;" title="dmfoto_after" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/dmfoto_after.jpg" alt="" width="540" height="385" /></a>Before</strong></p>
<p style="text-align: center;"><strong><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/screenshot.jpg"><img class="aligncenter size-full wp-image-1442" style="border: 1px solid black; padding: 2px;" title="screenshot" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/screenshot.jpg" alt="" width="540" height="378" /></a>After</strong></p>
<p style="text-align: left;"><span id="more-1216"></span></p>
<p style="text-align: left;">This is the second splash page design I have done for <a href="http://www.dmfoto.com/dm-blog/" target="_blank">dmfoto</a>. A few years ago we came up with the above &#8216;Before&#8217; design (<a href="http://getcreativewebdesign.com/blog/before-after-part-1/">see the original here</a>), and this winter they decided to update the page again. The new look is softer and really focuses on the images, which of course is the point of a photography website. Check out the <a href="http://www.dmfoto.com/" target="_blank">splash page design</a> in action to see the rollover effects and pops of color live.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/screenshot_old.jpg"><img class="aligncenter size-full wp-image-1443" style="border: 1px solid black; padding: 2px;" title="screenshot_old" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/screenshot_old.jpg" alt="" width="540" height="311" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/ss_new.jpg"><img class="aligncenter size-full wp-image-1444" style="border: 1px solid black; padding: 2px;" title="ss_new" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/ss_new.jpg" alt="" width="540" height="447" /></a><strong>After</strong></p>
<p>This design was done for Kidd&#8217;s Cleaning &amp; Restoration Services. The blue, red and yellow are signature colors of the company that they wanted to portray in a clean, professional manner. The logo was also original to the business and was not altered.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/before.jpg"><img class="aligncenter size-full wp-image-1452" style="border: 1px solid black; padding: 2px;" title="before" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/before.jpg" alt="" width="540" height="471" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/brpas_ss.jpg"><img class="aligncenter size-full wp-image-1453" style="border: 1px solid black; padding: 2px;" title="brpas_ss" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/brpas_ss.jpg" alt="" width="540" height="468" /></a><strong>After</strong></p>
<p style="text-align: left;">The <a href="http://www.brpas.com" target="_blank">Blue Ridge Photographic Arts Society</a> (BRPAS) is a local arts group dedicated to fine photography. As a member of BRPAS and a supporter of the arts, I donated the time spent on this project. The logo is also my design, picked as the winner of a BRPAS Logo Contest. Each month the winning image of the Monthly Photo Contest is displayed prominently on the Home page of the site to showcase the various artistic talents of the group.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/PortfolioSite-copy.jpg"><img class="aligncenter size-full wp-image-1455" style="border: 1px solid black; padding: 2px;" title="PortfolioSite copy" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/PortfolioSite-copy.jpg" alt="" width="540" height="405" /></a><strong>Before</strong></p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/vance_ss.jpg"><img class="aligncenter size-full wp-image-1456" style="border: 1px solid black; padding: 2px;" title="vance_ss" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2011/03/vance_ss.jpg" alt="" width="540" height="442" /></a><strong>After</strong></p>
<p>I first designed <a href="http://geeksweets.tumblr.com/" target="_blank">Vance</a>&#8216;s portfolio site a few years ago. As his career has progressed we have made a few updates to the site as well. The current site is slightly more polished and contains more well-organized content. A rotating head shot grabs your attention on the <a href="http://www.vancejulianbarber.com" target="_blank">Home page</a>, followed by recent news and updates. Other pages showcase his acting resume, writing skills, photos and head shots, and various social media contact information.</p>
<p>Which is your favorite website &#8216;makeover&#8217;? View <a href="http://getcreativewebdesign.com/blog/before-after-part-1/">Part 1</a> and <a href="http://getcreativewebdesign.com/blog/before-after-part-2/">Part 2</a> for more!</p>
]]></content:encoded>
			<wfw:commentRss>http://getcreativewebdesign.com/blog/before-after-part-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: Part 2</title>
		<link>http://getcreativewebdesign.com/blog/before-after-part-2/</link>
		<comments>http://getcreativewebdesign.com/blog/before-after-part-2/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 15:28:12 +0000</pubDate>
		<dc:creator>Elise Spontarelli</dc:creator>
				<category><![CDATA[All About Family]]></category>
		<category><![CDATA[Baker's Kitchen]]></category>
		<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Campaign to Save Honor]]></category>
		<category><![CDATA[Clients]]></category>
		<category><![CDATA[Computer Rescue]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://getcreativewebdesign.com/blog/?p=291</guid>
		<description><![CDATA[(For more before and after websites, see Part 1 and Part 3.) Here is it, the second installment of before and after screen shots of websites that have been redesigned by GetCreative. The amount of change varies depending on the needs of each client, some receiving an entire new look while others just needed an [...]]]></description>
			<content:encoded><![CDATA[<p><em>(For more before and after websites, see <a href="http://getcreativewebdesign.com/blog/before-after-part-1/">Part 1</a> and <a href="http://getcreativewebdesign.com/blog/before-after-part-3/">Part 3</a>.)</em></p>
<p>Here is it, the second installment of before and after screen shots of  websites that have been redesigned by <a href="http://www.getcreativewebdesign.com/">GetCreative</a>. The amount  of change varies depending on the needs of each client, some receiving  an entire new look while others just needed an update. Enjoy!</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/bakerskitchen_before.jpg"><img class="aligncenter size-full wp-image-292" style="border: 1px solid black; padding: 2px;" title="bakerskitchen_before" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/bakerskitchen_before.jpg" alt="" width="400" height="324" /></a>Before</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/bakerskitchen_after.jpg"><img class="aligncenter size-full wp-image-296" style="border: 1px solid black; padding: 2px;" title="bakerskitchen_after" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/bakerskitchen_after.jpg" alt="" width="400" height="324" /></a>After</p>
<p><span id="more-291"></span></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;"><a href="http://www.bakerskitchen.com/" target="_blank">Baker&#8217;s Kitchen</a> is a wedding and specialty cake bakery in Richmond, Va. I first encountered Baker&#8217;s Kitchen at <a href="http://getcreativewebdesign.com/blog/bakers-kitchen/" target="_blank">my sister-in-law&#8217;s wedding</a>, and contacted them soon after. With so many gorgeous cakes to display, photos were a high priority in the design of this site. The client had also recently ordered new business cards, which is where much of the inspiration for the color and the logo were derived from. I love the whimsical and sweet quality of this site- perfect for such a great bakery!</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/comprescue_before.jpg"><img class="aligncenter size-full wp-image-300" style="border: 1px solid black; padding: 2px;" title="comprescue_before" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/comprescue_before.jpg" alt="" width="400" height="324" /></a>Before</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/comprescue_after.jpg"><img class="aligncenter size-full wp-image-299" style="border: 1px solid black; padding: 2px;" title="comprescue_after" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/comprescue_after.jpg" alt="" width="400" height="324" /></a>After</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;">Royce Overton at <a href="http://computerrescueofva.com/" target="_blank">Computer Rescue</a> contacted me after coming across another site I had designed in the same industry. Because I promise each of my clients a unique, individual site design, the challenge with this site was to create a look that was reminiscent of the design Royce liked, but with its own distinct personality. The red and white and blue colors came from the owner&#8217;s unusual vehicle: and ambulance converted into a computer repair truck, which also serves as a moving billboard for the company. The logo was recreated based on a previously existing logo, with a few embellishments.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/savehonor_before.jpg"><img class="aligncenter size-full wp-image-302" style="border: 1px solid black; padding: 2px;" title="savehonor_before" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/savehonor_before.jpg" alt="" width="400" height="324" /></a>Before</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/savehonor_after.jpg"><img class="aligncenter size-full wp-image-301" style="border: 1px solid black; padding: 2px;" title="savehonor_after" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/savehonor_after.jpg" alt="" width="400" height="324" /></a>After</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;"><a href="http://campaigntosavehonor.com/" target="_blank">Campaign to Save Honor</a> is a group dedicated to revitalizing and improving the Honor System at the University of Virginia in Charlottesville, Va. The colors for this design were an easy pick, going with UVA&#8217;s Orange and Navy Blue color scheme. The group had a significant amount of text that needed to be included in the site, so we used limited photos and created a clean and organized structure for the textual content.</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/aaf_before.jpg"><img class="aligncenter size-full wp-image-298" style="border: 1px solid black; padding: 2px;" title="aaf_before" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/aaf_before.jpg" alt="" width="400" height="324" /></a>Before</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/aaf_after.jpg"><img class="aligncenter size-full wp-image-297" style="border: 1px solid black; padding: 2px;" title="aaf_after" src="http://getcreativewebdesign.com/blog/wp-content/uploads/2010/04/aaf_after.jpg" alt="" width="400" height="324" /></a>After</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: left;"><a href="http://www.allaboutfamilyinc.com/" target="_blank">All About Family</a> was referred to me through another client, and we seemed immediately to be a great match to <a href="http://getcreativewebdesign.com/blog/client-profile-all-about-family/" target="_blank">work together</a>. President Dianne Inman recognized that their site was failing to compete with other businesses in their industry, so we set out to remedy that. With the client willing to start from scratch, the first element of this design was a new logo. To go with the simple, sleek logo we chose to work with a brighter, sunnier color palette. Choosing stock photos that tied in with both the colors and the content of the site was instrumental in completing the look. After the addition of a Site Map and some SEO work, the All About Family website is now well equipped and able to contend with competing companion care agencies.</p>
<p style="text-align: left;">Thank you to my wonderful clients for allowing me to use their before and after shots. We&#8217;ll be back with more transformations soon!</p>
]]></content:encoded>
			<wfw:commentRss>http://getcreativewebdesign.com/blog/before-after-part-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: Part 1</title>
		<link>http://getcreativewebdesign.com/blog/before-after-part-1/</link>
		<comments>http://getcreativewebdesign.com/blog/before-after-part-1/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 15:31:38 +0000</pubDate>
		<dc:creator>Elise Spontarelli</dc:creator>
				<category><![CDATA[Amber Grove]]></category>
		<category><![CDATA[Argus Computer]]></category>
		<category><![CDATA[Before & After]]></category>
		<category><![CDATA[dmfoto]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[new look]]></category>
		<category><![CDATA[Quality Calibrations Inc]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://getcreativewebdesign.com/blog/?p=11</guid>
		<description><![CDATA[After getting permission from some clients I&#8217;ve worked with in the past, I thought it would be fun to show some before and after screen shots of websites that have been redesigned by GetCreative. The amount of change varies depending on the needs of each client, some receiving an entire new look while others just [...]]]></description>
			<content:encoded><![CDATA[<p style="font-family: Arial,Helvetica,sans-serif;">After getting permission from some clients I&#8217;ve worked with in the past, I thought it would be fun to show some before and after screen shots of websites that have been redesigned by <a href="http://www.getcreativewebdesign.com/">GetCreative</a>. The amount of change varies depending on the needs of each client, some receiving an entire new look while others just needed an update. Enjoy!</p>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W3g1islbI/AAAAAAAADao/BRU6sfj4c1c/s1600-h/qci_before.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W3g1islbI/AAAAAAAADao/BRU6sfj4c1c/s400/qci_before.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><strong>Before</strong></div>
<div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W4UI9gxuI/AAAAAAAADco/luhUdyxT8yE/s1600-h/qci_after.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W4UI9gxuI/AAAAAAAADco/luhUdyxT8yE/s400/qci_after.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;"><strong>After </strong></div>
<p><span id="more-11"></span></p>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: left;">
<p><a href="http://www.qualitycalibrationsinc.com/">Quality Calibrations, Inc.</a> is a company that calibrates and repairs medical equipment for hospitals and universities in the Maryland/D.C. area. I liked the idea of a clean, white website for their industry, but it needed more organization. By creating lines and boxes to separate text and images I was able to better control the viewer&#8217;s eye movement and ensure that no important information would be overlooked. I used both stock and original images for this site (this page: original photos).</p>
<div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W7VwtgkhI/AAAAAAAADcw/y_z1OQLYNj4/s1600-h/dmfoto_before.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W7VwtgkhI/AAAAAAAADcw/y_z1OQLYNj4/s400/dmfoto_before.jpg" border="0" alt="" width="400" height="286" /></a></div>
<div class="separator" style="clear: both; text-align: center;"><strong>Before</strong></div>
<div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W7a66t6PI/AAAAAAAADc4/y5X5Tx5kLu4/s1600-h/dmfoto_after.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W7a66t6PI/AAAAAAAADc4/y5X5Tx5kLu4/s400/dmfoto_after.jpg" border="0" alt="" width="400" height="286" /></a></div>
<div class="separator" style="clear: both; text-align: center;"><strong>After</strong></div>
<p style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.dmfoto.com/">dmfoto </a>is a wedding photography company that I work for as both web designer and photographer. There are three flash sections to the dmfoto website, and they needed an updated &#8220;splash&#8221; page to showcase each section. I softened the site by moving from black to gray, and added some textured corners to the main frame. With less distracting lines there is more focus on the heart of the web page: the images.</p>
<div style="text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://2.bp.blogspot.com/_lSsemtHFE-w/S1W8QFya07I/AAAAAAAADdA/kEgT7j9cCJU/s1600-h/ambergrove_before.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://2.bp.blogspot.com/_lSsemtHFE-w/S1W8QFya07I/AAAAAAAADdA/kEgT7j9cCJU/s400/ambergrove_before.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div style="text-align: center;"><strong>Before</strong></div>
<div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W8XZPDN4I/AAAAAAAADdI/3HcatBhSe_Q/s1600-h/ambergrove_after.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W8XZPDN4I/AAAAAAAADdI/3HcatBhSe_Q/s400/ambergrove_after.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div class="separator" style="clear: both; text-align: center;"><strong>After</strong></div>
<p style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.ambergrove.com/">Amber Grove</a> is a wedding and special events venue outside of Richmond, Va. I came across this beautiful venue while planning my own wedding, and was surprised to find that their website did not do the setting justice. I visited Amber Grove to take photos and learn some about the history of the location, which lead me to this modern layout with scrolling fonts reminiscent of the history of the house and grounds. The color palette was tweaked just a bit to create a more polished look.</p>
<div style="text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W9viFhhOI/AAAAAAAADdQ/7YhsjJu8imY/s1600-h/argus_before.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://3.bp.blogspot.com/_lSsemtHFE-w/S1W9viFhhOI/AAAAAAAADdQ/7YhsjJu8imY/s400/argus_before.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div style="text-align: center;"><strong>Before</strong></div>
<div class="separator" style="clear: both; text-align: center;"><a style="margin-left: 1em; margin-right: 1em;" href="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W91i5itzI/AAAAAAAADdY/7_xAaUPcD4U/s1600-h/argus_after.jpg"><img style="border: 1px solid black; padding: 2px;" src="http://4.bp.blogspot.com/_lSsemtHFE-w/S1W91i5itzI/AAAAAAAADdY/7_xAaUPcD4U/s400/argus_after.jpg" border="0" alt="" width="400" height="324" /></a></div>
<div class="separator" style="clear: both; text-align: center;"><strong>After</strong></div>
<p style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.arguscomputer.com/">Argus Computer Services</a> is a computer repair and consulting company in Midlothian, Va. As a company in the computer industry, it was important for Argus to portray a functional and professional website that would earn the trust of potential clients. The logo was the only element from the old website to transition to the new design, and I took the bright green and used it sparingly throughout the website with a black and white background and touches of tan. This website design was brought to life entirely via phone, email, and web conferencing, without ever actually meeting the client.</p>
<p style="font-family: Arial,Helvetica,sans-serif;">What do you think about these before and after designs? Which site had the best &#8220;makeover&#8221;? Check back soon for more before and after shots!</p>
<p></br><br />
<em>(To see the next group of before and after websites, <a href="http://getcreativewebdesign.com/blog/before-after-part-2/" target="_self">click  here</a>.)</em></em></div>
]]></content:encoded>
			<wfw:commentRss>http://getcreativewebdesign.com/blog/before-after-part-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

