<?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>Brian Peppler &#187; Portfolio</title>
	<atom:link href="http://www.brianpeppler.com/category/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brianpeppler.com</link>
	<description>UX designer, usability accessibility advocate</description>
	<lastBuildDate>Tue, 04 Aug 2009 19:46:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>SolarWinds/Cisco Minisite</title>
		<link>http://www.brianpeppler.com/portfolio/solarwinds-cisco-minisite/</link>
		<comments>http://www.brianpeppler.com/portfolio/solarwinds-cisco-minisite/#comments</comments>
		<pubDate>Sun, 31 May 2009 22:04:24 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[solarwinds]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=346</guid>
		<description><![CDATA[SolarWinds is a developer and marketer of network management software. Based in Austin, TX, the company sells downloadable software products that maintain, monitor and troubleshoot IT networks. As the designer for the SolarWinds/Cisco minisite, I was responsible for visual design of all pages. Specific tasks included iterative wireframe designs and bridging SolarWinds and Cisco brand [...]]]></description>
			<content:encoded><![CDATA[<p>SolarWinds is a developer and marketer of network management software.  Based in Austin, TX, the company sells downloadable software products that maintain, monitor and troubleshoot IT networks. As the designer for the SolarWinds/Cisco minisite, I was responsible for visual design of all pages. Specific tasks included iterative wireframe designs and bridging SolarWinds and Cisco brand standards.</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/solarwindscisco1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/solarwindscisco1-tm.jpg" alt="SolarWinds/Cisco Minisite" /></a></p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/solarwindscisco2.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/solarwindscisco2-tm.jpg" alt="SolarWinds/Cisco Minisite" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/solarwinds-cisco-minisite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Refreshed Peace Corps Website Launches</title>
		<link>http://www.brianpeppler.com/portfolio/refreshed-peace-corps-website-launches/</link>
		<comments>http://www.brianpeppler.com/portfolio/refreshed-peace-corps-website-launches/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 04:43:00 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Peace Corps]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=334</guid>
		<description><![CDATA[After overcoming some epic server-related obstacles, the refreshed Peace Corps has finally launched. Over the next few days I&#8217;ll describe the design, development and marketing phases for this project, but in the meantime, check out the new site at www.peacecorps.gov.]]></description>
			<content:encoded><![CDATA[<p>After overcoming some epic server-related obstacles, the refreshed Peace Corps has finally launched. Over the next few days I&#8217;ll describe the design, development and marketing phases for this project, but in the meantime, check out the new site at <a href="http://www.peacecorps.gov">www.peacecorps.gov</a>.</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/peacecorps-new-1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/peacecorps-new-1tm.jpg" alt="Peace Corps home page" /></a></p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/peacecorps-new-2.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/peacecorps-new-2tm.jpg" alt="Peace Corps interior page" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/refreshed-peace-corps-website-launches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MicroStar Kegs</title>
		<link>http://www.brianpeppler.com/portfolio/microstar-kegs/</link>
		<comments>http://www.brianpeppler.com/portfolio/microstar-kegs/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 03:15:35 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=324</guid>
		<description><![CDATA[Denver-based MicroStar Keg Management provides kegs to brewers around the globe. The site design and code was rebuilt to work seamlessly with the company&#8217;s order processing system. Work performed: design, XHTML, CSS, ASP]]></description>
			<content:encoded><![CDATA[<p>Denver-based MicroStar Keg Management provides kegs to brewers around the globe. The site design and code was rebuilt to work seamlessly with the company&#8217;s order processing system.</p>
<p><strong>Work performed:</strong> design, XHTML, CSS, ASP</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/microstar-1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/microstar-1tm.jpg" alt="MicroStar home page" /></a></p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/microstar-2.jpg"><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/microstar-kegs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UI for Nutrient Tracking Website</title>
		<link>http://www.brianpeppler.com/design/ui-for-nutrient-tracking-website/</link>
		<comments>http://www.brianpeppler.com/design/ui-for-nutrient-tracking-website/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 21:28:26 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=340</guid>
		<description><![CDATA[Work performed: information architecture, wireframes, UI, interaction design, visual design]]></description>
			<content:encoded><![CDATA[<p><strong>Work performed:</strong> information architecture, wireframes, UI, interaction design, visual design</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/nutrients.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/nutrients-tm.jpg" alt="Nutrients From Diet" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/design/ui-for-nutrient-tracking-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Smash Records eCommerce Site</title>
		<link>http://www.brianpeppler.com/portfolio/smash-records-ecommerce-site/</link>
		<comments>http://www.brianpeppler.com/portfolio/smash-records-ecommerce-site/#comments</comments>
		<pubDate>Thu, 06 Nov 2008 05:46:15 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=237</guid>
		<description><![CDATA[Since 1984, Smash Records has been a Washington, D.C. institution for punk music and apparel. In addition to stocking independent titles, the store specializes in rare and out-of-print recordings. Work performed: information architecture, wireframes, design]]></description>
			<content:encoded><![CDATA[<p>Since 1984, Smash Records has been a Washington, D.C. institution for punk music and apparel. In addition to stocking independent titles, the store specializes in rare and out-of-print recordings.</p>
<p><strong>Work performed:</strong> information architecture, wireframes, design</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/smash-1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/smash-1tm.jpg" alt="Smash Records home page" /></a></p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/smash-2.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/smash-2tm.jpg" alt="Smash Records product page" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/smash-records-ecommerce-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Peace Corps Website Textures</title>
		<link>http://www.brianpeppler.com/portfolio/new-peace-corps-website-textures/</link>
		<comments>http://www.brianpeppler.com/portfolio/new-peace-corps-website-textures/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 08:01:24 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Peace Corps]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=264</guid>
		<description><![CDATA[I&#8217;m still dying to see the Peace Corps&#8217; website refresh go live (there are still a few hang ups), but I thought I&#8217;d throw out a little teaser in the meantime. In addition to updated XHTML and CSS, the new site design will be more in line with the agency&#8217;s overall design direction. By eschewing [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m still dying to see the Peace Corps&#8217; website refresh go live (there are still a few hang ups), but I thought I&#8217;d throw out a little teaser in the meantime. In addition to updated XHTML and CSS, the new site design will be more in line with the agency&#8217;s overall design direction. By eschewing the Peace Corps&#8217; familiar palette, I was able to introduce warmer patterns that bring an international flavor to the site. Below are a few of the images that will be used as the site&#8217;s background.</p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/pc-texture1.jpg" alt="Peace Corps Background Texture 1" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/pc-texture2.jpg" alt="Peace Corps Background Texture 2" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/pc-texture3.jpg" alt="Peace Corps Background Texture 3" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/new-peace-corps-website-textures/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mongolia Travel</title>
		<link>http://www.brianpeppler.com/portfolio/mongolia-travel/</link>
		<comments>http://www.brianpeppler.com/portfolio/mongolia-travel/#comments</comments>
		<pubDate>Thu, 02 Oct 2008 06:34:16 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=244</guid>
		<description><![CDATA[The Mongolia Travel website highlights unique tours throughout Mongolia. When completed, the site will feature reservation booking, travel blogs, and photo galleries. Work performed: information architecture, design, technical project management, XHTML, CSS, XML, PHP, CMS implementation, SEO]]></description>
			<content:encoded><![CDATA[<p>The Mongolia Travel website highlights unique tours throughout Mongolia. When completed, the site will feature reservation booking, travel blogs, and photo galleries.</p>
<p><strong>Work performed:</strong> information architecture, design, technical project management, XHTML, CSS, XML, PHP, CMS implementation, SEO</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/mongolia-1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/mongolia-1tm.jpg" alt="Mongolia Travel home page" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/mongolia-travel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Partly Cloudy WordPress Theme</title>
		<link>http://www.brianpeppler.com/portfolio/partly-cloudy-wordpress-theme/</link>
		<comments>http://www.brianpeppler.com/portfolio/partly-cloudy-wordpress-theme/#comments</comments>
		<pubDate>Sat, 20 Sep 2008 07:01:09 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=251</guid>
		<description><![CDATA[The Partly Cloudy WordPress theme is customized for bands who need seamless multimedia and tour date integration with the WordPress admin panel. The theme is currently under development and will be released under Creative Commons licensing with full template files and a layered PSD. Work performed: logo design, site design, XHTML, CSS, PHP, Flash]]></description>
			<content:encoded><![CDATA[<p>The Partly Cloudy WordPress theme is customized for bands who need seamless multimedia and tour date integration with the WordPress admin panel. The theme is currently under development and will be released under Creative Commons licensing with full template files and a layered PSD.</p>
<p><strong>Work performed: </strong>logo design, site design, XHTML, CSS, PHP, Flash</p>
<p><a rel="facebox" href="http://www.brianpeppler.com/wp-content/uploads/samples/fa-1.jpg" rel="facebox"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/fa-1tm.jpg" alt="theme overview" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/partly-cloudy-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Peace Corps Video Player</title>
		<link>http://www.brianpeppler.com/portfolio/video-player-designs/</link>
		<comments>http://www.brianpeppler.com/portfolio/video-player-designs/#comments</comments>
		<pubDate>Fri, 23 May 2008 18:22:47 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Peace Corps]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=228</guid>
		<description><![CDATA[After years of struggling with client-side support for video formats, I finally have a clear favorite. With over 98% penetration on users&#8217; computer systems, Adobe Flash ensures that visitors to the Peace Corps website see our videos. The video player is an adaptation of Jeroen Wijering&#8217;s FLV Media Player, which was chosen for it&#8217;s playlist, [...]]]></description>
			<content:encoded><![CDATA[<p>After years of struggling with client-side support for video formats, I finally have a clear favorite. With over <a href="http://www.adobe.com/products/player_census/flashplayer/version_penetration.html">98% penetration on users&#8217; computer systems</a>, Adobe Flash ensures that visitors to the Peace Corps website see our videos. The video player is an adaptation of <a href="http://www.longtailvideo.com/players/jw-flv-player/">Jeroen Wijering&#8217;s FLV Media Player</a>, which was chosen for it&#8217;s playlist, skinning, and plugin capabilities. Out of the box the player includes basic controls and functionality, but with a bit of tweaking, becomes a magnificent tool for any website.</p>
<h3>Main Player Screen</h3>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/final-1.jpg" alt="main player screen" /></p>
<h3>Closed Caption Screen</h3>
<p>Before the video player was upgraded, maintaining the Peace Corps video library was an absolute headache. In addition to supporting multiple file formats in varying bitrates (we still had measurable dial-up traffic), transcripts for each video had to be displayed for <a href="http://www.section508.gov/">Section 508</a> compliance. With the FLV player, closed captioning could be imported from a <a title="The W3C TimedText Homepage" href="http://www.w3.org/AudioVideo/TT/">TimedText XML file</a>. Sweet!</p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/final-2.jpg" alt="closed caption screen" /></p>
<h3>Additional Option Screens</h3>
<p>In lieu of adding icons to the player&#8217;s main toolbar, an expanded view shows user options in a more descriptive manner. Once the main video is complete, additional videos are recommended.</p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/final-3.jpg" alt="additional tools screen" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/final-4.jpg" alt="additional videos screen" /></p>
<h3>Draft Video Players</h3>
<p>Here are a few drafts that led me to the final design.</p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/comp-1.jpg" alt="additional videos screen" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/comp-2.jpg" alt="additional videos screen" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/comp-3.jpg" alt="additional videos screen" /></p>
<p><img src="http://www.brianpeppler.com/wp-content/uploads/samples/videoplayer/comp-4.jpg" alt="additional videos screen" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/video-player-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Peace Corps Kids Website</title>
		<link>http://www.brianpeppler.com/portfolio/peace-corps-kids-site/</link>
		<comments>http://www.brianpeppler.com/portfolio/peace-corps-kids-site/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 07:31:47 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Peace Corps]]></category>

		<guid isPermaLink="false">http://www.brianpeppler.com/?p=257</guid>
		<description><![CDATA[The Peace Corps Challenge is an interactive game aimed at sparking interest in volunteering among youth. The game gives children the opportunity to work in the fictional village of Wanzuzu as a Peace Corps Volunteer. Kids must work with local villagers and Peace Corps members to solve eight different challenges facing Wanzuzu. Work Performed: information [...]]]></description>
			<content:encoded><![CDATA[<p>The Peace Corps Challenge is an interactive game aimed at sparking interest in volunteering among youth. The game gives children the opportunity to work in the fictional village of Wanzuzu as a Peace Corps Volunteer. Kids must work with local villagers and Peace Corps members to solve eight different challenges facing Wanzuzu.</p>
<p><strong>Work Performed: </strong>information architecture, user flows, interaction design</p>
<p><a href="http://www.peacecorps.gov/kids/">Play the game</a></p>
<p><a href="http://www.peacecorps.gov/kids"><img src="http://www.brianpeppler.com/wp-content/uploads/samples/pc-kids-1.jpg" rel="facebox" alt="Peace Corps Kids" width="467" height="428" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brianpeppler.com/portfolio/peace-corps-kids-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
