<?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>DrieStone Design : The Portfolio of Jonathan Sweet &#187; Graphic Design</title>
	<atom:link href="http://www.driestone.com/category/portfolio/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.driestone.com</link>
	<description>Design This!</description>
	<lastBuildDate>Thu, 08 May 2008 04:30:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Skinovative</title>
		<link>http://www.driestone.com/portfolio/web-development/skinovative/</link>
		<comments>http://www.driestone.com/portfolio/web-development/skinovative/#comments</comments>
		<pubDate>Wed, 28 Jun 2006 02:58:51 +0000</pubDate>
		<dc:creator>DrieStone</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.driestone.com/2006/06/28/skinovative/</guid>
		<description><![CDATA[More than just web development, a complete corporate face-lift for an Arizona company.

Before they were even called &#8220;Skinovative&#8221;, I&#8217;ve been working with this mall-based laser skin chain based in Arizona. I have completed hundreds of designs for brochures, postcards, greeting cards, advertising, posters and even store signage. I&#8217;ve spent hundreds of hours writing custom code [...]]]></description>
			<content:encoded><![CDATA[<p>More than just web development, a complete corporate face-lift for an Arizona company.</p>
<p><span id="more-36"></span><a href="/portfolio/skinovative/S_01.jpg" rel="lightbox[portfolio]" title="The Skinovative home page"><img src="/portfolio/skinovative/S_01t.jpg" class="bordered"/></a><br />
Before they were even called &#8220;Skinovative&#8221;, I&#8217;ve been working with this mall-based laser skin chain based in Arizona. I have completed hundreds of designs for brochures, postcards, greeting cards, advertising, posters and even store signage. I&#8217;ve spent hundreds of hours writing custom code for internal training, financial reporting and digital form processing.</p>
<h2>The Web Site</h2>
<p>The Skinovative web site has been experiencing a slow evolution since I originally built their first site in 2002. In 2005, using many of the same graphic elements I rebuilt the site from the ground up adding new features and simplifying the expanding service listings.</p>
<p><a href="/portfolio/skinovative/S_02.jpg" rel="lightbox[portfolio]" title="Location page utilizing Google Maps for store locations"><img src="/portfolio/skinovative/S_02t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/S_03.jpg" rel="lightbox[portfolio]" title="One of the many product pages"><img src="/portfolio/skinovative/S_03t.jpg" class="gallery_image"/></a></p>
<div class="note">I wish I could direct you to see the live version of this site, but disappointingly the client decided to start utilizing a less expensive web developer who replaced my original pages with their own &#8220;revised&#8221; pages and no longer representative of my work.</div>
<h3>The Intranet</h3>
<p>Although the Skinovative intranet began as a training site (which spun off in 2006 as the Academy of Aesthetic Medicine), it has also evolved into something more in the years since its inception.</p>
<p>The intranet has become a repository for documents as well as an online reporting tool for each of the individual storefronts to share their financials with the corporate office.</p>
<p><a href="/portfolio/skinovative/R_01.jpg" rel="lightbox[intranet]" title="The Skinovative intranet home page"><img src="/portfolio/skinovative/R_01t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/R_02.jpg" rel="lightbox[intranet]" title="An example of one of the closing reports"><img src="/portfolio/skinovative/R_02t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/R_03.jpg" rel="lightbox[intranet]" title="An example of one of the financial reports"><img src="/portfolio/skinovative/R_03t.jpg" class="gallery_image"/></a></p>
<h3 class="clear">Print work</h3>
<p>Although my original contract with Skinovative was for web design, that job also evolved into something more. In 2004 I began to work on print projects for Skinovative, and by the end of 2005 most of my projects for Skinovative were non-internet related.</p>
<p><a href="/portfolio/skinovative/P_01.jpg" rel="lightbox[print]" title="12 Days of Christmas Postcard (Part of a holiday advertising campaign)"><img src="/portfolio/skinovative/P_01t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/P_02.jpg" rel="lightbox[print]" title="Summer advertising flyer"><img src="/portfolio/skinovative/P_02t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/P_03.jpg" rel="lightbox[print]" title="Grand opening postcard for one of the new Skinovative locations"><img src="/portfolio/skinovative/P_03t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/P_04.jpg" rel="lightbox[print]" title="A typical newspaper/weekly advertisement"><img src="/portfolio/skinovative/P_04t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/P_05.jpg" rel="lightbox[print]" title="Typical printed advertisement (postcard or newspaper)"><img src="/portfolio/skinovative/P_05t.jpg" class="gallery_image"/></a></p>
<p><a href="/portfolio/skinovative/P_06.jpg" rel="lightbox[print]" title="One of many product box designs"><img src="/portfolio/skinovative/P_06t.jpg" class="gallery_image"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.driestone.com/portfolio/web-development/skinovative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wolfpack Save of the Game</title>
		<link>http://www.driestone.com/portfolio/web-development/save-of-the-game/</link>
		<comments>http://www.driestone.com/portfolio/web-development/save-of-the-game/#comments</comments>
		<pubDate>Sat, 10 Dec 2005 17:58:06 +0000</pubDate>
		<dc:creator>DrieStone</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.driestone.com/2005/12/10/save-of-the-game/</guid>
		<description><![CDATA[When it comes to sports in Hartford, it doesn&#8217;t get much better than Wolfpack hockey, and since 2004 ForeSite has wanted to be a part of that excitement.
In the fall of 2004, ForeSite decided to sponsor Hartford&#8217;s minor league hockey team the Wolfpack. Part of this sponsorship included running a 30 second spot before the [...]]]></description>
			<content:encoded><![CDATA[<p>When it comes to sports in Hartford, it doesn&#8217;t get much better than Wolfpack hockey, and since 2004 ForeSite has wanted to be a part of that excitement.</p>
<p><span id="more-31"></span>In the fall of 2004, ForeSite decided to sponsor Hartford&#8217;s minor league hockey team the Wolfpack. Part of this sponsorship included running a 30 second spot before the best save by the Wolfpack goalie during the game.</p>
<h2>The Commercial</h2>
<p>Although we could have simply shown the ForeSite logo and allowed the announcer to read some text, we wanted something that showed that we were not the average technology company. Using the tools at hand* I crafted a 30 second commercial that fit our style.</p>
<p><object type="application/x-shockwave-flash" data="/portfolio/SOTG/flvplayer.swf?file=movies/foresite.flv&#038;showdigits=false&#038;volume=100" width="320" height="258"><param name="wmode" value="transparent" /><param name="movie" value="/portfolio/SOTG/flvplayer.swf?file=movies/foresite.flv&#038;showdigits=false&#038;volume=100" /></object></p>
<h2>The Web Site</h2>
<p>In our second year of sponsorship we took our Hartford Wolfpack sponsorship to the next level, and began putting each game&#8217;s Save on the Game online for fans to rate. We wanted to bring some of the excitement of the Wolfpack games to the web.</p>
<p><a href="/portfolio/SOTG/SOTG_01.jpg" rel="lightbox[portfolio]" title="Hartford Wolfpack Save of the Game Website"><img src="/portfolio/SOTG/SOTG_01t.jpg" class="bordered"></a><br />
<a href="http://www.saveofthegame.com">Visit the Wolfpack Save of the Game web site</a></p>
<h2>15 Second Video Spot</h2>
<p>For the 2006 season we were asked to create a new (shorter) clip for the games. We decided to reduce the marketing spin on the clip and instead try to drive more traffic to the save of the game web site.</p>
<p><object type="application/x-shockwave-flash" data="/portfolio/SOTG/flvplayer.swf?file=movies/short.flv&#038;showdigits=false&#038;volume=100" width="320" height="258"><param name="wmode" value="transparent" /><param name="movie" value="/portfolio/SOTG/flvplayer.swf?file=movies/short.flv&#038;showdigits=false&#038;volume=100" /></object></p>
<h3 class="clear">Responsibilities</h3>
<p>I have been the project manager for all aspects of the save of the game campaign. I was responsible for all the front-end graphic design, XHTML construction, Flash and JavaScript programming. Additionally I designed the database (mySQL) structure and wrote a significant amount of the PHP code. For each commercial spot I was responsible for all the 3D modeling, rendering, and video editing.</p>
<p><a href="http://www.saveofthegame.com">Visit the Save of the Game web site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.driestone.com/portfolio/web-development/save-of-the-game/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ForeSite Technologies</title>
		<link>http://www.driestone.com/portfolio/web-development/foresite/</link>
		<comments>http://www.driestone.com/portfolio/web-development/foresite/#comments</comments>
		<pubDate>Wed, 27 Apr 2005 18:04:02 +0000</pubDate>
		<dc:creator>DrieStone</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.driestone.com/2005/04/27/foresite/</guid>
		<description><![CDATA[The old adage &#8220;Physician, heal thyself&#8221; is apt for many professions, and web development is no exception. One of my first tasks as a full-time employee of ForeSite was to re-brand their web site.


The site runs on PHP with a mySQL database feeding any dynamic content. Flash is utilized sparingly on the front page to [...]]]></description>
			<content:encoded><![CDATA[<p>The old adage &#8220;Physician, heal thyself&#8221; is apt for many professions, and web development is no exception. One of my first tasks as a full-time employee of ForeSite was to re-brand their web site.</p>
<p><span id="more-32"></span><br />
<a href="/portfolio/foresite/FS_01.jpg" rel="lightbox[portfolio]" title="ForeSite's Home Page"><img src="/portfolio/foresite/FS_01t.jpg" class="bordered"></a><br />
The site runs on PHP with a mySQL database feeding any dynamic content. Flash is utilized sparingly on the front page to help provide some motion. A set of administration tools allow anyone to easily add news or job postings. This site was the first site that I built as I began to be aware of writing valid code.</p>
<p><a href="/portfolio/foresite/FS_02.jpg" rel="lightbox[portfolio]" title="Secondary Page"><img src="/portfolio/foresite/FS_02t.jpg" class="gallery_image"></a></p>
<h2 class="clear">Responsibility</h2>
<p>I was responsible for all design and programming work. I worked closely with our resident copywriter to draft content for pages. The site (as with most) is built using PHP and mySQL.</p>
<p><a href="http://www.foresitetech.com">Visit ForeSite&#8217;s web site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.driestone.com/portfolio/web-development/foresite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

