<?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>aMack Design &#187; redesign</title>
	<atom:link href="http://www.amackdesign.com/tag/redesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.amackdesign.com</link>
	<description>www.amackdesign.com</description>
	<lastBuildDate>Fri, 06 Aug 2010 17:24:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Nehemiah.org Redesign</title>
		<link>http://www.amackdesign.com/nehemiahorg-redesign/</link>
		<comments>http://www.amackdesign.com/nehemiahorg-redesign/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 00:51:42 +0000</pubDate>
		<dc:creator>anisha</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[nonprofit]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://www.amackdesign.com/blog/?p=25</guid>
		<description><![CDATA[The client asked for an updated look and content organization. The current site appeared very dark in color and lacked a welcoming color harmony throughout the site. Read more to find out how these requests were implemented.]]></description>
			<content:encoded><![CDATA[<p>The client asked for an updated look and content organization. The current site appeared very dark in color and lacked a welcoming color harmony throughout the site. They wanted to keep all of the images and content, however they were looking to reorganize the information.</p>
<p>View the current site at <a title="Nehemiah.org" href="http://www.nehemiah.org" target="_blank">Nehemiah.org</a></p>
<h2>Original site</h2>
<p><img src="http://www.amackdesign.com/i/blog/neh-old.jpg" alt="" width="471" height="344" /></p>
<h2>Redesigned site</h2>
<p><img src="http://www.amackdesign.com/i/blog/neh-new.jpg" alt="" width="476" height="348" /></p>
<p>The site is still in development and hasn&#8217;t launched, however you can see the purple hue was lightened and a monotone color scheme was established. The home page will have rotating images as an initial large photo present was important to keep for them. The content is now being reorganized to display current information and they are looking to add interactive elements such as a calendar, rss feed, and other Web 2.0 features.</p>
<p><strong>Secondary page:</strong><br />
<img src="http://www.amackdesign.com/i/blog/neh-secondary.jpg" alt="" width="285" height="208" /></p>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Nehemiah.org+Redesign+-+http://bit.ly/a0CTeZ&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.amackdesign.com/nehemiahorg-redesign/&amp;t=Nehemiah.org+Redesign" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.amackdesign.com/nehemiahorg-redesign/&amp;title=Nehemiah.org+Redesign" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.amackdesign.com/nehemiahorg-redesign/&amp;title=Nehemiah.org+Redesign&amp;summary=The%20client%20asked%20for%20an%20updated%20look%20and%20content%20organization.%20The%20current%20site%20appeared%20very%20dark%20in%20color%20and%20lacked%20a%20welcoming%20color%20harmony%20throughout%20the%20site.%20Read%20more%20to%20find%20out%20how%20these%20requests%20were%20implemented.&amp;source=aMack Design" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.amackdesign.com/nehemiahorg-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Northwestern University IT Site Redesign</title>
		<link>http://www.amackdesign.com/nuit-redesign/</link>
		<comments>http://www.amackdesign.com/nuit-redesign/#comments</comments>
		<pubDate>Sun, 29 Mar 2009 19:33:12 +0000</pubDate>
		<dc:creator>anisha</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[higher education]]></category>
		<category><![CDATA[Northwestern]]></category>
		<category><![CDATA[Northwestern University]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[w3c compliance]]></category>

		<guid isPermaLink="false">http://www.amackdesign.com/blog/?p=11</guid>
		<description><![CDATA[When I first came to Northwestern University, it was obvious that the Information Technology (NUIT) Web site needed a redesign. However, with project priorities, resources, etc. it wasn't at the top of the organization's list.]]></description>
			<content:encoded><![CDATA[<h2>The Original Design</h2>
<p style="text-align: center;" align="center"><a href="http://www.amackdesign.com/i/blog/nuit-old.jpg"><img class="aligncenter" src="http://www.amackdesign.com/i/blog/nuit-old.jpg" alt="" width="230" height="268" /></a></p>
<p style="clear:both;"><strong>Problems with the original design:</strong></p>
<ol>
<li><a href="#p1">Problem 1</a>- The design did not reflect Northwestern University branding, specifically color. I felt this was important because the NUIT organization supports teaching, research, and the administration of the University, and therefore should reflect the brand.</li>
<li><a href="#p2">Problem 2</a> &#8211; The site was in table format, which meant it wasn&#8217;t W3C compliant (and <a href="#access">Web accessible</a>).</li>
<li><a href="#p3">Problem 3 </a>- It was difficult getting various NUIT departments onboard of using the university content management system because they wanted their work to be on a site that showed forward-thinking design, a technology presence, Web 2.0 features, and a site that represented the change in time.</li>
<li><a href="#p4">Problem 4</a> &#8211; The home page was a content overload to an average user. I believe you should be able to go to a Web page and there should be links, navigation, etc. somewhere where you can identify yourself (especially on a service-driven such as the NUIT site)</li>
</ol>
<h2 style="clear:both;">The ReDesign</h2>
<p style="text-align: center;"><a href="http://www.amackdesign.com/i/blog/nuit-lrg.jpg"><img src="http://www.amackdesign.com/i/blog/nuit-lrg.jpg" alt="" width="489" height="307" /></a></p>
<p><strong>Resolution to the problem:</strong></p>
<ol>
<li><a name="p1"></a>I brought back the purple hue and added yellow and gray as accents.</li>
<li><a name="p2"></a>The site templates are in CSS format (meaning, the entire site is now Web accessible and W3C compliant.</li>
<li><a name="p3"></a>All departments within NUIT are now asking how they can build a Web site within the CMS. In addition, they want CMS training, and? information on how to they can utilize our teams marketing and communications services to brand and announce their projects the the university community. We&#8217;ve implemented RSS feeds, Blog capabilities, a YouTube campaign video, Podcasts, Webinars and more.</li>
<li><a name="p4"></a>Four identified site users were created based on site traffic analysis. The numerous mini-sites and Web pages were divided and organized into drop-down menus.</li>
</ol>
<h2 style="clear:both;"><a name="access"></a>About Web Accessibility</h2>
<p><strong>Web accessibility means that people with disabilities can use the Web</strong>. 	More specifically, Web accessibility means that people with 	disabilities can perceive, understand, navigate, and interact and 	contribute to the Web. It encompasses all disabilities that affect 	access to the Web, including visual, auditory, speech, cognitive, 	neurological, and physical disabilities. Learn more by going to the following links:</p>
<ul>
<li><a href="http://www.w3.org/">http://www.w3.org/ </a>, <a href="http://www.w3.org/WAI/">http://www.w3.org/WAI/ </a></li>
<li>How people with Disabilities use the Web: <a href="http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/20050505#shopper">http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/20050505#shopper </a></li>
<li>Evaluation tools: <a href="http://www.w3.org/WAI/eval/selectingtools#usages">http://www.w3.org/WAI/eval/selectingtools#usages</a></li>
<li>Implementation plan for Web Accessibility: <a href="http://www.w3.org/WAI/impl/Overview">http://www.w3.org/WAI/impl/Overview </a></li>
<li>Improving Accessibility : <a href="http://www.w3.org/WAI/impl/improving.html">http://www.w3.org/WAI/impl/improving.html </a></li>
<li>W3C Web Content Accessibility Guidelines 1.0 Conformance Logos: <a href="http://www.w3.org/WAI/WCAG1-Conformance.html">http://www.w3.org/WAI/WCAG1-Conformance.html </a></li>
<li> Web Content Accessibility Guidelines
<ul>
<li> <a href="http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html#tech-text-equivalent">http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html#tech-text-equivalent </a></li>
<li>Checkpoint list: <a href="http://www.w3.org/TR/WAI-WEBCONTENT/checkpoint-list.html">http://www.w3.org/TR/WAI-WEBCONTENT/checkpoint-list.html</a></li>
</ul>
</li>
</ul>


<div class="shr-bookmarks shr-bookmarks-expand">
<ul class="socials">
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Northwestern+University+IT+Site+Redesign+-+http://bit.ly/c90Gwt&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.amackdesign.com/nuit-redesign/&amp;t=Northwestern+University+IT+Site+Redesign" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.amackdesign.com/nuit-redesign/&amp;title=Northwestern+University+IT+Site+Redesign" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.amackdesign.com/nuit-redesign/&amp;title=Northwestern+University+IT+Site+Redesign&amp;summary=When%20I%20first%20came%20to%20Northwestern%20University%2C%20it%20was%20obvious%20that%20the%20Information%20Technology%20%28NUIT%29%20Web%20site%20needed%20a%20redesign.%20However%2C%20with%20project%20priorities%2C%20resources%2C%20etc.%20it%20wasn%27t%20at%20the%20top%20of%20the%20organization%27s%20list.&amp;source=aMack Design" rel="nofollow" class="external" title="Share this on LinkedIn">Share this on LinkedIn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.amackdesign.com/nuit-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
