<?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>The Blog of Studio Fuse &#187; web</title>
	<atom:link href="http://blog.studiofuse.biz/tag/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.studiofuse.biz</link>
	<description>We Design for the Arts</description>
	<lastBuildDate>Mon, 10 Nov 2014 23:25:46 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Extreme Makeover: Website Edition</title>
		<link>http://blog.studiofuse.biz/extreme-makeover-website-edition/</link>
		<comments>http://blog.studiofuse.biz/extreme-makeover-website-edition/#comments</comments>
		<pubDate>Fri, 20 Jul 2012 21:31:03 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[In the Studio]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=2701</guid>
		<description><![CDATA[Most of you know Studio Fuse as a print design studio, or perhaps, as a &#8230; <a href="http://blog.studiofuse.biz/extreme-makeover-website-edition/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">Most of you know Studio Fuse as a print design studio, or perhaps, as a link you accidentally clicked. However, we&#8217;ve also been known to design websites on occasion.</p>

<p>This past spring, in fact, we were hired to rebrand the newly renamed Association for Women in Architecture + Design (formed in 1948, they recently added the &#8220;+ Design&#8221; to &#8220;AWA&#8221; to better reflect the scope of their mission).</p>

<p>&nbsp;</p>
<figure class="required zoomable"> 

<div class="fig aligncenter" data-sizes="fallback" data-minWidth="260" data-minHeight="153" style="width:260px;height:150px;background:#FFFFFF"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/logo-sq.png" alt="AWA+D logo" title="AWA+D logo" width="220" height="136" style="padding-top:8px;margin-top:0" /></div>

</figure>
<p>&nbsp;</p>

<p>Part of the rebrand included giving their website a makeover. Not only did the look need to be updated to reflect the new identity, they also wanted a backend that was easier to maintain, as well as a blog that they could manage themselves. You can see the before and after screengrabs in this post, or check out the site <a href="http://awa-la.org" title="Association for Women in Architecture + Design" target="_blank">here</a> (note: the pages may load slowly—this is due to their host, not our code! The site ran quite speedily on a test host).</p>

<p>Executing the website was a walk in the park, if that park is Yosemite National Park and you are a double amputee with a bad sense of direction. I won&#8217;t bore you with the details like I bored myself with them in previous versions of this post, but I will share a short list of lessons learned along the way:</p>

<ul class="points">
<hr />
	<li>Software marketing language is, unfortunately, not a programming language. &#8220;Easy and powerful integration with WordPress&#8221; does sound nice, though, doesn&#8217;t it?
</li>
<hr />
	<li>Internet Explorer 9 is by far the worst browser at rendering pages correctly, after Internet Explorers 8, 7 and 6.
</li>
<hr />
	<li>There are varying levels of ignorance and stupidity in web development. Find your level, and ask questions with the appropriate humility.

</li>
<hr />
	<li>Being the third person to work with a site&#8217;s undocumented code is difficult, but still better than being the fourth person (Sorry fourth person. I tried).
</li>
<hr />

 </ul>

<p class="first">Challenges aside, AWA+D now has an online presence that&#8217;s easy to use and that they&#8217;re proud of. Insert rousing cheer here… or use the one we&#8217;ve inserted for you below. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></p>
<p class="first">
<audio controls="controls" style="margin:12.5px 0;width:260px" width="260">
  <source src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/GolfClap.ogg" type="audio/ogg" autoplay="" />
  <source src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/GolfClap.mp3" type="audio/mp3" autoplay="" />
  Your browser does not support the audio tag.
</audio>
</p>


<figure class="required zoomable"> 

<div class="fig alignleft" data-sizes="fallback" data-minWidth="260" data-minHeight="153" style="height:153px"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/oldsite-260x214.jpg" alt="The old AWA homepage" title="The old AWA homepage" width="186" height="153" style="padding-top:8px;margin-top:0" /></div>

<div class="fig" data-sizes="single" data-minWidth="260" data-minHeight="239"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/oldsite-260x214.jpg" alt="The old AWA homepage" title="The old AWA homepage" width="260" height="214" />
<p class="caption-1" style="padding-left:3px"> The old AWA homepage </p></div>

<div class="fig" data-sizes="double" data-minWidth="545" data-minHeight="473"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/oldsite-545x448.jpg" alt="The old AWA homepage" title="The old AWA homepage" width="545" height="448" />
<p class="caption-1" style="padding-left:7px"> The old AWA homepage </p></div>

<div class="fig"  data-sizes="triple" data-minWidth="830" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/oldsite-830x650.jpg" alt="The old AWA homepage" title="The old AWA homepage" width="830" height="650" />
<p class="caption-1" style="padding-left:11px">The old AWA homepage </p></div>

<div class="fig"  data-sizes="lightbox" data-minWidth="1085" data-minHeight="917"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/oldsite-1085x892.jpg" alt="The old AWA homepage" title="The old AWA homepage" width="1085" height="892" />
<p class="caption-1" style="padding-left:14px">The old AWA homepage</p></div>

</figure>


<figure class="required zoomable"> 

<div class="fig alignleft" data-sizes="fallback" data-minWidth="260" data-minHeight="153" style="height:153px"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/newsite-260x214.jpg" alt="The new AWA+D homepage" title="The new AWA+D homepage" width="186" height="153" style="padding-top:8px;margin-top:0" /></div>

<div class="fig" data-sizes="single" data-minWidth="260" data-minHeight="239"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/newsite-260x214.jpg" alt="The new AWA+D homepage" title="The new AWA+D homepage" width="260" height="214" />
<p class="caption-1" style="padding-left:3px">The new AWA+D homepage</p></div>

<div class="fig" data-sizes="double" data-minWidth="545" data-minHeight="473"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/newsite-545x448.jpg" alt="The new AWA+D homepage" title="The new AWA+D homepage" width="545" height="448" />
<p class="caption-1" style="padding-left:7px"> The new AWA+D homepage </p></div>

<div class="fig"  data-sizes="triple" data-minWidth="830" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/newsite-830x650.jpg" alt="The new AWA+D homepage" title="The new AWA+D homepage" width="830" height="650" />
<p class="caption-1" style="padding-left:11px">The new AWA+D homepage </p></div>

<div class="fig"  data-sizes="lightbox" data-minWidth="1085" data-minHeight="917"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/07/newsite-1085x892.jpg" alt="The new AWA+D homepage" title="The new AWA+D homepage" width="1085" height="892" />
<p class="caption-1" style="padding-left:14px">The new AWA+D homepage</p></div>

</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/extreme-makeover-website-edition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://blog.studiofuse.biz/wp-content/uploads/2012/07/GolfClap.mp3" length="195842" type="audio/mpeg" />
<enclosure url="http://blog.studiofuse.biz/wp-content/uploads/2012/07/GolfClap.ogg" length="131264" type="audio/ogg" />
		</item>
	</channel>
</rss>
