<?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>JenTekk Blog &#187; Before &amp; After</title>
	<atom:link href="http://blog.jentekk.com/category/projects/before-after/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.jentekk.com</link>
	<description>where real life happens by design</description>
	<lastBuildDate>Thu, 17 Jun 2010 19:31:28 +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>Evolution of JenTekk&#8217;s website</title>
		<link>http://blog.jentekk.com/2009/10/16/evolution-of-jentekks-website/</link>
		<comments>http://blog.jentekk.com/2009/10/16/evolution-of-jentekks-website/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 01:20:35 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=407</guid>
		<description><![CDATA[I was surfing through JenTekk old site design folders and came upon the original site design &#8211; from back in 2001, and several others that followed. They were experiments in color and style, but mostly reflected the fact that I really was still trying to find my own identity and my own personal website design [...]]]></description>
			<content:encoded><![CDATA[<p>I was surfing through JenTekk old site design folders and came upon the original site design &#8211; from back in 2001, and several others that followed.</p>
<p>They were experiments in color and style, but mostly reflected the fact that I really was still trying to find my own identity and my own personal website design style.</p>
<p>I will post them from the earliest to the latest, its been quite the journey. Enjoy!</p>
<h3>2001: JenTekk&#8217;s first website &#8211; static</h3>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/10/jtk_evolution1.jpg" alt="JenTekk - Evolution of JenTekk website" title="JenTekk - Evolution of JenTekk website" width="450" height="532" class="myImg" /></p>
<p>Not bad for a first try, but after a while I felt it was too conservative, too blue. </p>
<p><span id="more-407"></span></p>
<h3>2003: JenTekk second site &#8211; flash</h3>
<p>My next design I wanted to implement more color, and a unique style. In addition I wanted to showcase my flash skills. This is what I turned out:</p>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/10/jtk_evolution2.jpg" alt="JenTekk - website evolution" title="JenTekk - website evolution" width="450" height="300" class="myImg" /></p>
<h3>2005: JenTekk&#8217;s third site &#8211; static</h3>
<p>Having wet my feet with brighter colors on the flash site, I decided to take it one step further. I opted for very vibrant colors (I think they actually scratched the retina&#8217;s of one&#8217;s eyes) and an unconventional site layout &#038; design. This site design borders on being obnoxious!</p>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/10/jtk_evolution4.jpg" alt="Jentekk - evolution of website design" title="Jentekk - evolution of website design" width="450" height="329" class="myImg" /></p>
<p>Each page of this site was another abusive color. I&#8217;m not sure if you noticed, but I had changed my logo as well. This site and logo wasn&#8217;t going to last long. Most people either loved it or hated it&#8230; lol! Not a good thing.</p>
<h3>2006: JenTekk&#8217;s fourth site &#8211; flash</h3>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/10/jtk_evolution3.jpg" alt="JenTekk evolution of website" title="JenTekk evolution of website" width="450" height="306" class="myImg" /></p>
<p>This flash website was made strictly to showcase my flash skills. I also wanted it to be very creative, and was actually quite happy with the way this site turned out, but I still hadn&#8217;t secured my identity and brand with this project.</p>
<h3>2007: JenTekk&#8217;s current website &#8211; dynamic</h3>
<p>Fortunately, after years of designing websites for other people, I started to get a feel for who JenTekk was, and who my target market was. </p>
<p>My current site design showed my own personal style and philosophy on site design, which is what I wanted to reflect as a brand&#8230; it was simple, vibrant, and professional.</p>
<p>I&#8217;d finally came up with a logo, a color, a style, and a brand that I could be proud of and hang on to:</p>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/10/jtk_evolution5.jpg" alt="JenTekk&#039;s current website" title="JenTekk&#039;s current website" width="450" height="674" class="myImg_borderNoPad"  /></p>
<p>This site is clean, has a large band of vibrant color, with subtle hues of the same color (in the menu, footer and page titles) to add some life. </p>
<p>The different images in the header add some interest without being over-the-top, and used to enhance the message of that particular page.</p>
<p>When its time to update my website design (yes I like to keep up-to-date with the latest trends) I can guarantee it won&#8217;t be too different from this one.</p>
<p>We&#8217;ve come a long way baby!  JenTekk is finally in da house!</p>
<p>~</p>
<p>Technorati Tags: <a href="http://technorati.com/tag/website+design" rel="tag">website design</a>, <a href="http://technorati.com/tag/evolution+of+site+design" rel="tag"> evolution of site design</a>, <a href="http://technorati.com/tag/jentekk" rel="tag"> jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2009/10/16/evolution-of-jentekks-website/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: e-Wire Magazine</title>
		<link>http://blog.jentekk.com/2009/10/16/before-after-e-wire-magazine/</link>
		<comments>http://blog.jentekk.com/2009/10/16/before-after-e-wire-magazine/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 19:15:31 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=387</guid>
		<description><![CDATA[August 28th, I received an email from BC Academic Health Council asking if I was interested in creating a magazine website for e-HLbc &#8211; Electronic Health Library of BC. This was to be another one of the many initiatives of the BCAHC. When I heard that they were interested in using Joomla 1.5 CMS &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>August 28th, I received an email from <a href="http://www.bcahc.ca/" target="_blank">BC Academic Health Council</a> asking if I was interested in creating a magazine website for <a href="http://ehlbc.ca/" target="_blank">e-HLbc</a> &#8211; Electronic Health Library of BC. This was to be another one of the <em>many</em> initiatives of the BCAHC.</p>
<p>When I heard that they were interested in using <a href="http://www.joomla.org/" target="_blank">Joomla 1.5 CMS</a> &#8211; naturally I said yes!</p>
<h3>Before &#8211; preliminary mock-up</h3>
<p>Attached was a preliminary design&#8230;</p>
<p><img title="e-Wire magazine initial mock-up" src="http://blog.jentekk.com/wp-content/uploads/2009/10/e-WireBefore.jpg" alt="e-Wire magazine initial mock-up" width="440" height="323" /></p>
<p><span id="more-387"></span></p>
<p>It would be my job to create the Joomla template based on this design and the functionality required, as well as install and configure the site, set up the modules, menus, add a sitemap extension and develop the information architecture so that all they had to do was go into the back-end and add content.</p>
<p>This is really fun for me&#8230; the directions, expectations and requirements had been defined so clearly, that only just over 2 weeks later the site was set-up and it&#8217;s design up for preview.</p>
<p>After a few small minor changes we officially declared the site&#8217;s design complete on September 25th!</p>
<h3>After &#8211; final site design</h3>
<p>Here is the final design&#8230;</p>
<p><a href="http://ehlbcnews.bcahc.ca" target="_blank"><img class="myImg" title="e-Wire final design" src="http://blog.jentekk.com/wp-content/uploads/2009/10/e-WireAfter.jpg" alt="e-Wire final design" width="440" height="397" /></a></p>
<p>My work comes in all kinds of shapes and sizes &#8211; this was such a fun little project for me. </p>
<p>Thanks to all the wonderful people at BCAHC and e-HLbc for bringing me in on this project &#8211; all the best!</p>
<p>~</p>
<p>Technorati Tags: <a href="http://technorati.com/tag/e-HLbc" rel="tag">e-HLbc</a>, <a href="http://technorati.com/tag/e-Wire" rel="tag"> e-Wire</a>, <a href="http://technorati.com/tag/news+magazine" rel="tag"> news magazine</a>, <a href="http://technorati.com/tag/website+development" rel="tag"> website development</a>, <a href="http://technorati.com/tag/joomla" rel="tag"> joomla</a>, <a href="http://technorati.com/tag/cms" rel="tag"> cms</a>, <a href="http://technorati.com/tag/jentekk" rel="tag"> jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2009/10/16/before-after-e-wire-magazine/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: Fairlawn Labradors</title>
		<link>http://blog.jentekk.com/2009/05/27/before-after-fairlawn-labradors/</link>
		<comments>http://blog.jentekk.com/2009/05/27/before-after-fairlawn-labradors/#comments</comments>
		<pubDate>Thu, 28 May 2009 02:02:34 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=201</guid>
		<description><![CDATA[Donna from Fairlawn Labradors had many compliments on her first website with JenTekk, created sometime back in 2003. Technology has come a long way since then &#8211; thank goodness! When I offered Donna an opportunity to convert her static website to a WordPress CMS website &#8211; explaining that she would be able to update it [...]]]></description>
			<content:encoded><![CDATA[<p>Donna from Fairlawn Labradors had many compliments on her first website with JenTekk, created sometime back in 2003.</p>
<p>Technology has come a long way since then &#8211; thank goodness! When I offered Donna an opportunity to convert her static website to a <a href="http://wordpress.org/" target="_blank">WordPress CMS</a> website &#8211; explaining that she would be able to update it herself at her own leisure her eyes lit up. </p>
<p>Photos of Fairlawn&#8217;s dogs and puppies were important to Donna&#8217;s marketing strategy, so we added a WordPress plugin called <a href="http://wordpress.org/extend/plugins/nextgen-gallery/" target="_blank">NextGen Gallery</a> &#8211; a simple, easy to use photo album/gallery generator.</p>
<p>We also took the opportunity to give Fairlawn&#8217;s Website a fresh new look, so first&#8230; </p>
<h3>Before</h3>
<p><img src="http://blog.jentekk.com/wp-content/uploads/2009/05/fairlawnold.jpg" alt="fairlawn labradors old site" title="fairlawn labradors old site" width="440" height="601" class="myImg" /></p>
<p>And now for the new and improved WordPress site&#8230;</p>
<p><span id="more-201"></span></p>
<h3>After</h3>
<p><a href="http://www.fairlawnlabradors.ca" title="Visit Fairlawn Labradors new website" target="_blank"><img src="http://blog.jentekk.com/wp-content/uploads/2009/05/fairlawnnew.jpg" alt="Visit Fairlawn Labradors new website" title="Visit Fairlawn Labradors new website" width="440" height="673" class="myImg" /></a></p>
<p>Donna is so pleased with the new look. And though we&#8217;ve not had our training session yet, I know she&#8217;s going to love how simple maintaining her site and growing her photo galleries will be.</p>
<p>Its been a pleasure working with you Donna! Next&#8230; training! Piece of cake! <img src='http://blog.jentekk.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Technorati Tags: <a href="http://technorati.com/tag/website+makeover" rel="tag">website makeover</a>, <a href="http://technorati.com/tag/website+design" rel="tag">  website design</a>, <a href="http://technorati.com/tag/fairlawn+labradors" rel="tag">  fairlawn labradors</a>, <a href="http://technorati.com/tag/wordpress" rel="tag">  wordpress</a>, <a href="http://technorati.com/tag/cms" rel="tag">  cms</a>, <a href="http://technorati.com/tag/template+design" rel="tag">  template design</a>, <a href="http://technorati.com/tag/jentekk" rel="tag">  jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2009/05/27/before-after-fairlawn-labradors/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: Design Tech Hair Studio</title>
		<link>http://blog.jentekk.com/2008/09/08/design-tech-hair-studio/</link>
		<comments>http://blog.jentekk.com/2008/09/08/design-tech-hair-studio/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 23:45:26 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=89</guid>
		<description><![CDATA[Before&#8230; Design Tech Hair Studio is a very successful Hair Salon in Richmond. Its original design (built by JenTekk in 2003) reflected the salon&#8217;s brand back then. Built for 800 x 600 screen resolution, static pages, and in basic HTML (no CSS) it was time to upgrade in a big way and move Design Tech [...]]]></description>
			<content:encoded><![CDATA[<h3>Before&#8230;</h3>
<p><a title="Visit Design Tech Hair Studio" href="http://designtechhairstudio.ca" target="_blank">Design Tech Hair Studio</a> is a very successful Hair Salon in Richmond. Its original design (built by JenTekk in 2003) reflected the salon&#8217;s brand back then.</p>
<p>Built for 800 x 600 screen resolution, static pages, and in basic HTML (no CSS) it was time to upgrade in a big way and move Design Tech Hair Studio into a Content Management System. We chose <a href="http://wordpress.org" target="_blank">WordPress</a>, as the customer&#8217;s needs were basic.<br />
<img style="border: 1px solid #444; margin: 10pt 0pt 20px;" src="http://blog.jentekk.com/myImg/beforeAfter/dTechOld.jpg" alt="Design Tech Hair Studio" width="445" height="250" /></p>
<h3>After&#8230;</h3>
<p>Solution: a sexy and clean WordPress (customized template) CMS website &#8211; reflecting the salon&#8217;s new brand, colors and attitude.<br />
<a title="Visit Design Tech Hair Studio" href="http://designtechhairstudio.ca" target="_blank"><img style="border: 1px solid #999; margin: 10pt 0pt 20px" src="http://blog.jentekk.com/myImg/beforeAfter/dTechNew.jpg" alt="Visit Design Tech Hair Studio" width="445" height="671" /></a></p>
<p>All the best Grace and Yumi. It was a pleasure to assist you with your website make-over!</p>
<p>~</p>
<p>Technorati Tags: <a href="http://technorati.com/tag/website+makeover" rel="tag">website makeover</a>, <a href="http://technorati.com/tag/website+design" rel="tag"> website design</a>, <a href="http://technorati.com/tag/design+tech+hair+studio" rel="tag"> design tech hair studio</a>, <a href="http://technorati.com/tag/wordpress" rel="tag"> wordpress</a>, <a href="http://technorati.com/tag/cms" rel="tag"> cms</a>, <a href="http://technorati.com/tag/template+design" rel="tag"> template design</a>, <a href="http://technorati.com/tag/jentekk" rel="tag"> jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2008/09/08/design-tech-hair-studio/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Before &amp; After:  World Harvest Church</title>
		<link>http://blog.jentekk.com/2008/04/12/world-harvest-church-brighter/</link>
		<comments>http://blog.jentekk.com/2008/04/12/world-harvest-church-brighter/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 19:19:36 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=68</guid>
		<description><![CDATA[Before&#8230; Previous design was warm and inviting, however the church had undergone big changes and wished to portray a fresh new look. After&#8230; With bright blues, the yellow sun, and city scape, the new design feels fresh and energetic. Technorati Tags: website makeover, website design, church, world harvest church, jentekk]]></description>
			<content:encoded><![CDATA[<h3>Before&#8230;</h3>
<p>Previous design was warm and inviting, however the church had undergone big changes and wished to portray a fresh new look.<br />
<a href="http://www.worldharvestchurch.com" target="_blank" title="Visit WHC new website"><img src="http://blog.jentekk.com/myImg/beforeAfter/whcOLD.jpg" alt="World Harvest Church - Before" style="border: 1px solid #666666; margin: 10pt 0pt 20px" height="282" width="450" /></a></p>
<h3>After&#8230;</h3>
<p>With bright blues, the yellow sun, and city scape, the new design feels fresh and energetic.<br />
<a href="http://www.worldharvestchurch.com" target="_blank" title="Visit WHC new website"><img src="http://blog.jentekk.com/myImg/beforeAfter/whcNEW.jpg" alt="World Harvest Church - After" style="border: 1px solid #cccccc; margin: 10pt 0pt 20px" height="365" width="450" /></a></p>
<p>Technorati Tags: <a href="http://technorati.com/tag/website+makeover" rel="tag">website makeover</a>, <a href="http://technorati.com/tag/website+design" rel="tag"> website design</a>, <a href="http://technorati.com/tag/church" rel="tag"> church</a>, <a href="http://technorati.com/tag/world+harvest+church" rel="tag"> world harvest church</a>, <a href="http://technorati.com/tag/jentekk" rel="tag"> jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2008/04/12/world-harvest-church-brighter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Before &amp; After: AutoCoach.ca</title>
		<link>http://blog.jentekk.com/2008/04/12/before-after-autocoachca/</link>
		<comments>http://blog.jentekk.com/2008/04/12/before-after-autocoachca/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 16:36:17 +0000</pubDate>
		<dc:creator>Jen</dc:creator>
				<category><![CDATA[Before & After]]></category>
		<category><![CDATA[Projects]]></category>

		<guid isPermaLink="false">http://blog.jentekk.com/?p=69</guid>
		<description><![CDATA[Before&#8230; The original design was to accomplish a personal and friendly feel, but lacked the energy and innovative look that Autocoach&#8217;s new sales strategy required. After&#8230; New Web 2.0 look, clean, glossy and open &#8211; lends to the exciting and innovative concept of mobile sales. Technorati Tags: website makeover, website design, autocoach, jentekk]]></description>
			<content:encoded><![CDATA[<h3>Before&#8230;</h3>
<p>The original design was to accomplish a personal and friendly feel, but lacked the energy and innovative look that Autocoach&#8217;s new sales strategy required.<br />
<a href="http://www.autocoach.ca" title="Visit autocoach.ca for Dodge Sprinter and Truck sales made easy!" target="_blank"><img src="http://blog.jentekk.com/myImg/beforeAfter/autoCoachOld.jpg" alt="Autocoach.ca - Dodge Sprinter and Trucks" style="border: 1px solid #cccccc; margin: 10pt 0pt 20px" height="305" width="450" /></a></p>
<h3>After&#8230;</h3>
<p>New Web 2.0 look, clean, glossy and open &#8211; lends to the exciting and innovative concept of mobile sales.<br />
<a href="http://www.autocoach.ca" title="Visit autocoach.ca for Dodge Sprinters and Trucks - sales made easy!" target="_blank"><img src="http://blog.jentekk.com/myImg/beforeAfter/autoCoachNew.jpg" alt="Autocoach.ca - young and hip" style="border: 1px solid #cccccc; margin: 10pt 0pt 20px" height="298" width="450" /></a></p>
<p>Technorati Tags: <a href="http://technorati.com/tag/website+makeover" rel="tag">website makeover</a>, <a href="http://technorati.com/tag/website+design" rel="tag"> website design</a>, <a href="http://technorati.com/tag/autocoach" rel="tag"> autocoach</a>, <a href="http://technorati.com/tag/jentekk" rel="tag"> jentekk</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jentekk.com/2008/04/12/before-after-autocoachca/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
