<?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>Lauren Rabaino &#187; Web design</title>
	<atom:link href="http://laurenmichell.com/category/portfolio/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://laurenmichell.com</link>
	<description>An associate producer at The Seattle Times. Blogs here about journalism, design, life. Blogs at 10,000 Words about the intersection of news and technology.</description>
	<lastBuildDate>Mon, 30 Jan 2012 22:19:21 +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>The all new and improved PressThink is up and running!</title>
		<link>http://laurenmichell.com/2010/10/the-all-new-and-improved-pressthink-is-up-and-running/</link>
		<comments>http://laurenmichell.com/2010/10/the-all-new-and-improved-pressthink-is-up-and-running/#comments</comments>
		<pubDate>Thu, 21 Oct 2010 19:38:50 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[jay rosen]]></category>
		<category><![CDATA[redesigns]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.laurenmichell.com/?p=1816</guid>
		<description><![CDATA[In Fall 2010, I worked with NYU's Jay Rosen to redesign his widely-read media criticism blog, PressThink. <a href="http://laurenmichell.com/2010/10/the-all-new-and-improved-pressthink-is-up-and-running/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>UPDATE: Since writing this post this morning, <a href="http://danielbachhuber.com">Daniel Bachhuber</a> has created and released a <a href="http://github.com/danielbachhuber/WinerLinks/tree/0.1">WinerLinks</a> WordPress plugin that adds permalinks to each paragraph of a post. See it in action on my blog.</strong></p>
<p>A few weeks ago, I got a Twitter direct message from <a href="http://twitter.com/jayrosen_nyu">Jay Rosen</a>. </p>
<blockquote><p>Lauren: got a question for you; would you email me?</p></blockquote>
<p>DMing with Jay isn&#8217;t part of my everyday life. So, naturally, I was intrigued. I responded. And the three-week saga of redesigning <a href="http://pressthink.org">PressThink</a> began.<br />
<span id="more-1816"></span></p>
<p>I sat in a dark corner of <a href="http://michelleminkoff.com">Michelle Minkoff</a>&#8216;s <a href="http://michelleminkoff.com/2010/09/28/heading-to-pbs-dreams-do-come-true/">going away</a> party <a href="http://www.theredwoodbar.com/site08/homewiframe.htm">at a bar</a> across from the LA Times excitedly IMing with Jay about his vision for the new blog design. This was just the first of many late nights of IMing with Jay after his kids went to sleep. </p>
<p>A few things were certain:</p>
<ul>
<li>PressThink <strong>neede</strong>d a modern look and feel. (As Jay described it&#8211; &#8220;to express where web design and readability knowledge are now.&#8221;) The blog hadn&#8217;t been redesigned since 2003.</li>
<li>The color scheme needed to be new and bold &#8212; we mimicked a palette similar to <a href="http://jayrosen.tumblr.com/">his Tumblr</a>. </li>
<li>It needed some of the old and some of the new &#8212; which manifested in keeping the blurry PressThink in the background of the header to symbolize the &#8220;ghost of democracy&#8221;</li>
<li>The design had to be focused around long-form reading &#8212; which is why we included <a href="http://www.chrisamico.com/blog/2010/feb/12/javascript-recipe-adding-paragraph-level-permalinks/">paragraph-level permalinks</a> (shoutout to <a href="http://www.chrisamico.com/blog/">Chris Amico</a>).</li>
</ul>
<p>We had a lot of work to do. </p>
<p><strong>Before</strong><br />
<a href="http://www.laurenmichell.com/wp-content/uploads/2010/10/Picture-10.png"><img src="http://www.laurenmichell.com/wp-content/uploads/2010/10/Picture-10-500x292.png" alt="" title="old-pressthink" width="500" height="292" class="alignnone size-medium wp-image-1820" /></a></p>
<p><strong>After</strong><br />
<a href="http://www.laurenmichell.com/wp-content/uploads/2010/10/Picture-11.png"><img src="http://www.laurenmichell.com/wp-content/uploads/2010/10/Picture-11-500x314.png" alt="" title="pressthink-after" width="500" height="314" class="alignnone size-medium wp-image-1821" /></a></p>
<p>A few of my favorite design elements:</p>
<ul>
<li>Jay&#8217;s glasses in the header image. It&#8217;s very signature &#8220;Jay.&#8221; (We&#8217;re also throwing his glasses <a href="http://pressthink.org/2010/10/the-100-percent-solution-for-innovation-in-news/#p40">at the end of each post</a> to signify that *this* marks the end of Jay&#8217;s thoughts).</li>
<li>Paragraph-level permalinks &#8212; which are a necessity for such long posts</li>
<li>&#8220;<a href="http://pressthink.org/talks">Talks</a>&#8221; page, which is a chronological documentation of Jay&#8217;s talks, interviews, etc.</li>
<li>The &#8220;<a href="http://pressthink.org/bio/">bio</a>&#8221; page which allows anyone to grab the HTML version of Jay&#8217;s biography for republishing!</li>
<li>The blog is now on WordPress! Open source FTW!</li>
</ul>
<p>The twitter response has been very positive so far:</p>
<p><script src="http://storify.com/laurenmichell/reactions-to-pressthink-redesign.js"></script></p>
<p>I&#8217;m glad to have been a part of the new life of PressThink. Happy blogging, Jay! Happy reading, j-world!</p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2010/10/the-all-new-and-improved-pressthink-is-up-and-running/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Ellen Dickson campaign materials</title>
		<link>http://laurenmichell.com/2010/08/ellen-dickson-campaign-materials/</link>
		<comments>http://laurenmichell.com/2010/08/ellen-dickson-campaign-materials/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 22:38:52 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.laurenmichell.com/?p=1664</guid>
		<description><![CDATA[I designed the campaign materials for Ellen Dickson, a member of the City Council in Summit, New Jersey, who recently filed to run in the 2010 fall election for Union County Freeholder. <a href="http://laurenmichell.com/2010/08/ellen-dickson-campaign-materials/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I designed the campaign materials for Ellen Dickson, a member of the City Council in Summit, New Jersey, who recently filed to run in the 2010 fall election for Union County Freeholder.</p>
<p>Design of her campaign included:</p>
<ul>
<li>Website with new branding and social media integration</li>
<li>Uniform branding across social media platforms</li>
<li>Online donations with social media integration</li>
<li>Mail flyers</li>
<li>Lawn signs</li>
<li>Email newsletter</li>
<li>Print advertisements</li>
<li>Web advertisements</li>
</ul>
<p><span id="more-1664"></span></p>
<h3>General branding</h3>
<p><img class="size-full wp-image-1668 alignnone" title="maingraphic1" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/maingraphic1.png" alt="" width="450" height="257" /></p>
<h3>Social media integration</h3>
<p><img class="alignnone size-full wp-image-1670" title="ellenfacebook" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellenfacebook.png" alt="" width="450" height="294" /></p>
<p><img class="alignnone size-full wp-image-1671" title="ellentwitter" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellentwitter.png" alt="" width="450" height="283" /></p>
<h3>Donation system with social media</h3>
<p><img class="alignnone size-full wp-image-1672" title="ellendonate" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellendonate.png" alt="" width="450" height="367" /></p>
<h3>Email newsletter</h3>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2010/08/Picture-19.png"><img class="alignnone size-full wp-image-1784" title="emailnewsletter" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/Picture-19.png" alt="" width="444" height="402" /></a></p>
<h3>Print advertisements</h3>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellen-blackwhite-ad.jpg"><img class="alignnone size-full wp-image-1786" title="ellen-blackwhite-ad" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellen-blackwhite-ad.jpg" alt="" width="450" height="750" /></a></p>
<h3>Web advertisements</h3>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellen-dickson-freeholder-155.gif"><img class="alignnone size-full wp-image-1787" title="ellen-dickson-freeholder-155" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellen-dickson-freeholder-155.gif" alt="" width="155" height="155" /></a> <a href="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellendicksonv2_155px.gif"><img class="alignnone size-full wp-image-1788" title="ellendicksonv2_155px" src="http://www.laurenmichell.com/wp-content/uploads/2010/08/ellendicksonv2_155px.gif" alt="" width="155" height="155" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2010/08/ellen-dickson-campaign-materials/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Publish2 homepage &amp; marketing materials</title>
		<link>http://laurenmichell.com/2010/03/publish2-homepagemarketing-materials/</link>
		<comments>http://laurenmichell.com/2010/03/publish2-homepagemarketing-materials/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 01:54:10 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.laurenmichell.com/?p=1252</guid>
		<description><![CDATA[When I joined Publish2 as a product designer, one of my first big projects was a branding overhaul. I wanted to bring Publish2&#8242;s homepage into the 21st century to better convey the purpose of the web app while making it &#8230; <a href="http://laurenmichell.com/2010/03/publish2-homepagemarketing-materials/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>When I joined Publish2 as a product designer, one of my first big projects was a branding overhaul. I wanted to bring Publish2&#8242;s homepage into the 21st century to better convey the purpose of the web app while making it more aesthetically interesting.</p>
<p><img src="/work/publish2.png" alt="" width="680" /></p>
<p>In addition to creating the new homepage, I created all the static marketing pages on the website:<br />
<a href="http://www.laurenmichell.com/wp-content/uploads/2010/03/Picture-56.png"><img class="alignnone size-large wp-image-2112" title="static marketing page" src="http://www.laurenmichell.com/wp-content/uploads/2010/03/Picture-56-1024x598.png" alt="" width="640" height="373" /></a></p>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2010/03/Picture-57.png"><img class="alignnone size-large wp-image-2113" title="static marketing pages" src="http://www.laurenmichell.com/wp-content/uploads/2010/03/Picture-57-1024x614.png" alt="" width="640" height="383" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2010/03/publish2-homepagemarketing-materials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Spot.Us redesign</title>
		<link>http://laurenmichell.com/2010/01/spot-us-redesign/</link>
		<comments>http://laurenmichell.com/2010/01/spot-us-redesign/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 01:00:56 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.laurenmichell.com/?p=1234</guid>
		<description><![CDATA[In winter 2009, I helped Dave Cohn&#8217;s team with the redesign of Spot.Us, a San Francisco-based, non-profit journalism project.]]></description>
			<content:encoded><![CDATA[<p>In winter 2009, I helped Dave Cohn&#8217;s team with the redesign of Spot.Us, a San Francisco-based, non-profit journalism project.</p>
<p><img src="/work/spotus.png" width="680"></p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2010/01/spot-us-redesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>California Photography site design</title>
		<link>http://laurenmichell.com/2009/06/california-photography-site-design/</link>
		<comments>http://laurenmichell.com/2009/06/california-photography-site-design/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 07:09:46 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[freelance]]></category>

		<guid isPermaLink="false">http://interactblog.net/?p=968</guid>
		<description><![CDATA[This project was a portfolio site for a photography agency in Southern California. This photography agency specializes in beautiful, &#8217;30s-inspired black and white portraits. They wanted a site that would complement their photography style and replicate the feeling of a &#8230; <a href="http://laurenmichell.com/2009/06/california-photography-site-design/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This project was a portfolio site for a photography agency in Southern California. This photography agency specializes in beautiful, &#8217;30s-inspired black and white portraits. They wanted a site that would complement their photography style and replicate the feeling of a vintage photography set.</p>
<p><img src="/work/californiazia.png"></p>
<p>Because the agency is located in Southern California and its founders have New Mexico roots, they wanted the California and New Mexico flags incorporated into the logo design. The following is the logo I designed for <a href="http://www.californiazia.com">California Zia Photography</a> to both match the site and capture the founders&#8217; heritage (with a fun, modern spin):</p>
<p><a href="http://www.laurenmichell.com/wp-content/uploads/2009/06/california-zia-photography-logo.jpg"><img class="size-medium wp-image-986 alignnone" title="california-zia-photography-logo" src="http://www.laurenmichell.com/wp-content/uploads/2009/06/california-zia-photography-logo.jpg" alt="california-zia-photography-logo" width="472" height="130" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2009/06/california-photography-site-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Mustang Daily site redesign</title>
		<link>http://laurenmichell.com/2009/05/mustang-daily-site-redesign/</link>
		<comments>http://laurenmichell.com/2009/05/mustang-daily-site-redesign/#comments</comments>
		<pubDate>Sun, 24 May 2009 06:42:58 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[mustang daily]]></category>

		<guid isPermaLink="false">http://interactblog.net/?p=923</guid>
		<description><![CDATA[As online editor for the Mustang Daily at Cal Poly San Luis Obispo, I helped the site transition from proprietary to open-source software. Working off a base template from Woo Themes, I redesigned the site with a fresh, clean design &#8230; <a href="http://laurenmichell.com/2009/05/mustang-daily-site-redesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.laurenmichell.com/wp-content/uploads/2009/05/mustangdailywebsite.jpg"><img class="size-medium wp-image-924 aligncenter" title="mustangdailywebsite" src="http://www.laurenmichell.com/wp-content/uploads/2009/05/mustangdailywebsite-476x325.jpg" alt="mustangdailywebsite" width="476" height="325" /></a></p>
<p>As online editor for the Mustang Daily at Cal Poly San Luis Obispo, I helped the site transition from proprietary to open-source software. Working off a base template from Woo Themes, I redesigned the site with a fresh, clean design that is more modern and intuitive to our readers.</p>
<p>The site is run on WordPress blogging software, but used as a content management system more than a blog. Along with the entire site redesign came a restucturing of the staff workflow to allow reporters, editors and photographers to all participate in posting content online.</p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2009/05/mustang-daily-site-redesign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dear Judy web design</title>
		<link>http://laurenmichell.com/2009/05/dear-judy-web-design/</link>
		<comments>http://laurenmichell.com/2009/05/dear-judy-web-design/#comments</comments>
		<pubDate>Sat, 23 May 2009 00:52:07 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://interactblog.net/?p=901</guid>
		<description><![CDATA[This project was designed as a specialty site for a dentistry institute in San Diego, California. The agency specializes in porcelain veneers and wanted more traffic for the service, so I designed a site and helped increase their SEO. The &#8230; <a href="http://laurenmichell.com/2009/05/dear-judy-web-design/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.laurenmichell.com/wp-content/uploads/2009/05/dear-judy.jpg"><img class="aligncenter size-medium wp-image-902" title="dear-judy" src="http://www.laurenmichell.com/wp-content/uploads/2009/05/dear-judy-475x325.jpg" alt="dear-judy" width="475" height="325" /></a></p>
<p>This project was designed as a specialty site for a dentistry institute in San Diego, California. The agency specializes in porcelain veneers and wanted more traffic for the service, so I designed a site and helped increase their SEO. The site includes before/after photo galleries, videos and a &#8220;Dear Judy&#8221; blog.</p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2009/05/dear-judy-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TAGA site redesign</title>
		<link>http://laurenmichell.com/2009/05/taga-site-redesign/</link>
		<comments>http://laurenmichell.com/2009/05/taga-site-redesign/#comments</comments>
		<pubDate>Fri, 22 May 2009 23:07:36 +0000</pubDate>
		<dc:creator>Lauren Rabaino</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://interactblog.net/?p=886</guid>
		<description><![CDATA[As the multimedia chair for the Technical Association of the Graphic Arts for a few quarters at Cal Poly, I was in charge of revamping the site. Working off an existing web site, I updated a few stylistic elements to &#8230; <a href="http://laurenmichell.com/2009/05/taga-site-redesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.laurenmichell.com/wp-content/uploads/2009/05/taga.jpg"><img class="aligncenter size-medium wp-image-883" title="taga" src="http://www.laurenmichell.com/wp-content/uploads/2009/05/taga-402x325.jpg" alt="taga" width="402" height="325" /></a></p>
<p>As the multimedia chair for the Technical Association of the Graphic Arts for a few quarters at Cal Poly, I was in charge of revamping the site. Working off an existing web site, I updated a few stylistic elements to keep the site up-to-date. The site was designed in Dreamweaver.</p>
]]></content:encoded>
			<wfw:commentRss>http://laurenmichell.com/2009/05/taga-site-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

