<?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>Innovation in College Media &#187; web design</title>
	<atom:link href="http://www.collegemediainnovation.org/blog/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.collegemediainnovation.org/blog</link>
	<description>a group discussion about the future of student media</description>
	<lastBuildDate>Wed, 08 Feb 2012 13:04:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Redesigns 2011: Golden Gate Xpress</title>
		<link>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-golden-gate-xpress/</link>
		<comments>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-golden-gate-xpress/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 15:27:49 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[Golden Gate Xpress]]></category>
		<category><![CDATA[San Francisco State University]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.collegemediainnovation.org/blog/?p=4077</guid>
		<description><![CDATA[The Golden Gate Xpress at San Francisco State University updated their web site this semester. Here&#8217;s the new site: And here&#8217;s the old layout for comparison: The old design was basically similar to what it had been since 2007. The new design gets rid of the left nav bar and adds white space to the [...]]]></description>
			<content:encoded><![CDATA[<p>The <a title="ggxpress" href="http://www.goldengatexpress.org/" target="_blank">Golden Gate Xpress</a> at San Francisco State University updated their web site this semester.</p>
<p>Here&#8217;s the new site:</p>
<p><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/xpressnew.jpg"><img class="aligncenter size-full wp-image-4078" title="xpressnew" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/xpressnew.jpg" alt="" width="531" height="483" /></a></p>
<p>And here&#8217;s the old layout for comparison:</p>
<p><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/OldGoldenGateXpress-1.jpg"><img class="aligncenter size-full wp-image-4081" title="OldGoldenGateXpress-1" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/OldGoldenGateXpress-1.jpg" alt="" width="500" height="298" /></a></p>
<p>The old design was basically similar to what it had been since 2007. The new design gets rid of the left nav bar and adds white space to the top of the page. They&#8217;ve also updated the nameplate. Also note the prominent placement of links to their social media channels.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="float: right;" src="http://img.zemanta.com/zemified_e.png?x-id=de787c29-b19e-443d-9148-ab56bbcbc043" alt="Enhanced by Zemanta" /></a></div>
<div id="pfButton"><a href="http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-golden-gate-xpress/?pfstyle=wp" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-golden-gate-xpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Redesigns 2011: Blot (University of Idaho)</title>
		<link>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-blot-university-of-idaho/</link>
		<comments>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-blot-university-of-idaho/#comments</comments>
		<pubDate>Thu, 20 Oct 2011 14:04:53 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.collegemediainnovation.org/blog/?p=4068</guid>
		<description><![CDATA[The University of Idaho&#8217;s Blot student magazine has redesigned for 2011. Here&#8217;s the new design: Here&#8217;s the redesign from 2010, from our post: Via Madison McCord Print Friendly]]></description>
			<content:encoded><![CDATA[<p>The University of Idaho&#8217;s <a title="blot" href="http://blot.uidaho.edu/">Blot</a> student magazine has redesigned for 2011. Here&#8217;s the new design:</p>
<p style="text-align: center;"><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/Blot-Magazine1.png"><img class="size-full wp-image-4070 aligncenter" title="Blot Magazine" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/10/Blot-Magazine1.png" alt="" width="500" height="794" /></a></p>
<p style="text-align: left;">Here&#8217;s the redesign from 2010, <a title="previous post" href="http://www.collegemediainnovation.org/blog/2010/10/redesigns-2010-blot/">from our post</a>:</p>
<p style="text-align: center;"><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2010/10/blot2010.png"><img class="size-full wp-image-3392 aligncenter" title="blot2010" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2010/10/blot2010.png" alt="" width="400" height="654" /></a></p>
<p style="text-align: left;">Via Madison McCord</p>
<div id="pfButton"><a href="http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-blot-university-of-idaho/?pfstyle=wp" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.collegemediainnovation.org/blog/2011/10/redesigns-2011-blot-university-of-idaho/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Redesigns 2011: Otterbein360</title>
		<link>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-otterbein360/</link>
		<comments>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-otterbein360/#comments</comments>
		<pubDate>Wed, 14 Sep 2011 15:25:15 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[otterbein360]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.collegemediainnovation.org/blog/?p=3885</guid>
		<description><![CDATA[Otterbein360, the combined web site for student media at Otterbein University, redesigned recently, using the Detroit Softworks Gryphon CMS. Here&#8217;s the new look: And here&#8217;s a screenshot from Archive.org showing the old look from February, 2011: I like the lighter look with more white space. The slimmed-down logo also looks nice. If your college news [...]]]></description>
			<content:encoded><![CDATA[<p><a title="otterbein360" href="http://www.otterbein360.com/index.php/" target="_blank">Otterbein360</a>, the combined web site for student media at Otterbein University, redesigned recently, using the <a title="detroit softworks" href="http://www.detroitsoftworks.com" target="_blank">Detroit Softworks</a> Gryphon CMS. Here&#8217;s the new look:</p>
<p><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/otterbein360new.jpg"><img class="aligncenter size-full wp-image-3886" title="otterbein360new" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/otterbein360new.jpg" alt="" width="500" height="430" /></a></p>
<p>And here&#8217;s a screenshot <a title="archive.org link" href="http://web.archive.org/web/20110205034410/http://www.otterbein360.com/" target="_blank">from Archive.org</a> showing the old look from February, 2011:</p>
<p><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/otterbein360old.jpg"><img class="aligncenter size-full wp-image-3887" title="otterbein360old" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/otterbein360old.jpg" alt="" width="500" height="364" /></a></p>
<p>I like the lighter look with more white space. The slimmed-down logo also looks nice.</p>
<p>If your college news organization has redesigned their website, send me an e-mail (see the left-side rail for the address) or comment on one of these posts, which are archived under the category <a title="redesigns category" href="../category/websites/redesigns/" target="_blank">Redesigns</a>.</p>
<div id="pfButton"><a href="http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-otterbein360/?pfstyle=wp" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-otterbein360/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Redesigns 2011: The East Carolinian</title>
		<link>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-the-east-carolinian/</link>
		<comments>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-the-east-carolinian/#comments</comments>
		<pubDate>Mon, 12 Sep 2011 14:07:27 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[College Publisher]]></category>
		<category><![CDATA[The East Carolinian]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.collegemediainnovation.org/blog/?p=3872</guid>
		<description><![CDATA[UPDATE: As sometimes happens, the Archive.org link was not a recent version of the EC. I&#8217;ve replaced it with a more current version &#8211; ed. The East Carolinian at East Carolina University recently redesigned their site. The new site uses the WordPress CMS, hosted by College Publisher. Student Media Director Paul Isom said the staff [...]]]></description>
			<content:encoded><![CDATA[<p><strong>UPDATE:</strong> <em>As sometimes happens, the Archive.org link was not a recent version of the EC. I&#8217;ve replaced it with a more current version &#8211; ed.</em></p>
<p><a class="zem_slink" title="The East Carolinian" href="http://www.theeastcarolinian.com/" rel="homepage">The East Carolinian</a> at <a class="zem_slink" title="East Carolina University" href="http://www.ecu.edu/" rel="homepage">East Carolina University</a> recently redesigned their site. The new site uses the <a title="wordpress" href="http://www.wordpress.org" target="_blank">WordPress</a> CMS, hosted by <a title="college publisher" href="http://www.collegepublisher.com/" target="_blank">College Publisher</a>. Student Media Director Paul Isom said the staff has already taken advantages of new features of the site: &#8220;Using WordPress has already freed us up to do some new things, including live blogging the first football game of the season vs. South Carolina in Charlotte.&#8221;</p>
<p>Here&#8217;s the new site:</p>
<p><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/eastcaroliniannew.jpg"><img class="aligncenter size-full wp-image-3874" title="eastcaroliniannew" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/eastcaroliniannew.jpg" alt="" width="500" height="407" /></a></p>
<p>Here&#8217;s a screenshot of the old site <del>from the Wayback Machine dated June 6, 2011</del>:</p>
<p style="text-align: center;"><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/eastcarolinianold-2.jpg"><img class="size-full wp-image-3882 aligncenter" title="eastcarolinianold-2" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/eastcarolinianold-2.jpg" alt="" width="336" height="252" /></a></p>
<p>Lots of improvements in the new design, which is based on a theme by <a title="gabfire" href="http://www.gabfirethemes.com/" target="_blank">Gabfire Themes</a>. I do think the header may be a little large, especially with the two decks of navigation underneath. This doesn&#8217;t cause problems on a large screen, but someone looking at the site on a 13&#8243; laptop, for instance, would have a lot of screen real estate taken up by the flag.</p>
<p>What do you think?</p>
<p>If your college news organization has redesigned their website, send me an e-mail (see the left-side rail for the address) or comment on one of these posts, which are archived under the category <a title="redesigns category" href="http://www.collegemediainnovation.org/blog/category/websites/redesigns/" target="_blank">Redesigns</a>.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="float: right;" src="http://img.zemanta.com/zemified_e.png?x-id=905ba9fd-45ca-4d03-ae12-745e5adff75a" alt="Enhanced by Zemanta" /></a></div>
<div id="pfButton"><a href="http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-the-east-carolinian/?pfstyle=wp" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-the-east-carolinian/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Redesigns 2011: Daily Pennsylvanian</title>
		<link>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-daily-pennsylvanian/</link>
		<comments>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-daily-pennsylvanian/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 14:33:50 +0000</pubDate>
		<dc:creator>Bryan</dc:creator>
				<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.collegemediainnovation.org/blog/?p=3865</guid>
		<description><![CDATA[The Daily Pennsylvanian has redesigned their web site, with a lot of back-end work going into the project. As Eric Jacobs, general manager, wrote: We&#8217;ve moved from our in-house-created Drupal-powered CMS to the Detroit Softworks Gryphon CMS, and we&#8217;ve completely redesigned the site. The new site presents more content, more cleanly; it incorporates feeds from [...]]]></description>
			<content:encoded><![CDATA[<p>The <a title="daily pennsylvanian" href="http://www.thedp.com" target="_blank">Daily Pennsylvanian</a> has redesigned their web site, with a lot of back-end work going into the project. As Eric Jacobs, general manager, wrote:</p>
<blockquote>
<div>We&#8217;ve moved from our in-house-created <a class="zem_slink" title="Drupal" href="http://www.drupal.org" rel="homepage">Drupal</a>-powered CMS to the <a title="detroit softworks" href="http://detroitsoftworks.com/" target="_blank">Detroit Softworks</a> Gryphon CMS, and we&#8217;ve completely redesigned the site. The new site presents more content, more cleanly; it incorporates feeds from our other sites, like our <span class="zem_slink">34th Street Magazine</span> (<a href="http://34st.com/" target="_blank">34st.com</a>), UnderTheButton campus life blog (<a title="underthebutton" href="http://underthebutton.com/" target="_blank">UnderTheButton.com</a>), and <a title="the buzz" href="http://blogs.dailypennsylvanian.com/thebuzz/" target="_blank">The Buzz</a> sports blog; has a lot more flexible main page layout options (invoked via simple tagging rather than coding changes); better integrates and features multimedia content, features dynamic and interactive content on section pages, and more. It&#8217;s certainly the farthest we&#8217;ve ever come from being mostly shovel-ware from the print edition. The Gryphon CMS also gives us a high-quality mobile-optimized site for the first time.</div>
</blockquote>
<div>Here&#8217;s the new site design:</div>
<div><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/dpnew.jpg"><img class="aligncenter size-full wp-image-3866" title="dpnew" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/dpnew.jpg" alt="" width="500" height="538" /></a></div>
<div>Here&#8217;s a screenshot taken from a <a title="archive.org link" href="http://web.archive.org/web/20110210082745/http://thedp.com/">February, 2011 archive.org</a> crawl (minus the ads):</div>
<div><a href="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/dpold.jpg"><img class="aligncenter size-full wp-image-3867" title="dpold" src="http://www.collegemediainnovation.org/blog/wp-content/uploads/2011/09/dpold.jpg" alt="" width="500" height="372" /></a></div>
<p>Online Managing Editor Jared McDonald and Lead Online Developer Kyle Hardgrave were the driving forces behind the new site design, Jacobs said, while working with &#8220;a working committee of many of the paper&#8217;s editors which met weekly through much of the spring semester.&#8221;</p>
<p>I like the new navigation and flag design, and the use of more visual content &#8220;above the fold.&#8221;</p>
<p>If your college news organization has redesigned their website, send me an e-mail (see the left-side rail for the address) or comment on one of these posts, which are archived under the category Redesigns.</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Enhanced by Zemanta" href="http://www.zemanta.com/"><img class="zemanta-pixie-img" style="float: right;" src="http://img.zemanta.com/zemified_e.png?x-id=766a15e2-9b9b-4437-b25c-0cb49796d8b3" alt="Enhanced by Zemanta" /></a></div>
<div id="pfButton"><a href="http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-daily-pennsylvanian/?pfstyle=wp" title="Print an optimized version of this web page" style="text-decoration: none;"><img id="printfriendly" style="border:none; padding:0;" src="http://cdn.printfriendly.com/pf-icon.gif" alt="Print"/><span style="font-size: 15px; color: rgb(85, 117, 12);">Print Friendly</span></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.collegemediainnovation.org/blog/2011/09/redesigns-2011-daily-pennsylvanian/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

