<?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; architecture</title>
	<atom:link href="http://blog.studiofuse.biz/tag/architecture/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>
		<item>
		<title>Not Just Another Project</title>
		<link>http://blog.studiofuse.biz/not-just-another-project/</link>
		<comments>http://blog.studiofuse.biz/not-just-another-project/#comments</comments>
		<pubDate>Fri, 18 May 2012 05:10:44 +0000</pubDate>
		<dc:creator><![CDATA[Guest]]></dc:creator>
				<category><![CDATA[In the Studio]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=1285</guid>
		<description><![CDATA[Having retired from a 40-year career in architecture, I had been aching to find another &#8230; <a href="http://blog.studiofuse.biz/not-just-another-project/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">Having retired from a 40-year career in architecture, I had been aching to find another project to keep my idle mind and hands busy. When visiting Jennifer and James on a trip last year I had offered to help them rebuild their deck, but alas the time wasn’t quite right. One might wonder if a father/daughter team devoted to design pursuits might work well together. James, always the dutiful mate, was grateful for the offer, but just a bit skeptical, and had an interesting comment: “You guys work so well together that you will figure out ways to solve problems that may not need to be solved”. He’s right, of course. Jennifer and I could talk design day and night, and anyone who doesn’t share our unrelenting passion may not fully understand. But the opportunity to work together presented itself last fall when Jennifer determined that it was time to move her office to a new location. Old Town Pasadena charm notwithstanding, the crumbling masonry and drafty, under-lit office space on Fair Oaks needed to go. Studio Fuse needed a fresh, light, creative environment worthy of the firm’s emerging reputation.</p>

<p>As soon as Jennifer sent me plans of the new space she had found—a modern garage attached to a Victorian cottage—I jumped at the chance to offer some design suggestions. And being an inveterate do-it-yourselfer, I offered to help build out some of the elements that would be expensive for her contractor to build.</p>

<p>The space was composed of a large former garage opening to an alley, and an attached shop space with high, open structure and skylights. It was perfect for the needs of Jennifer’s firm. The garage, with a new frosted glass garage door was perfect to house her staff, kitchen and restroom. The work room, with garage door opened on nice days could open up to a paved area off the back alley. The shop, with a broad glass storefront and doors overlooking a shaded motor court was ideal for reception, a conference room and Jennifer’s office.</p>

<p>It was a collaborative effort all the way and we had only two weeks to finish the work that was not part of the general contractor’s package. I did most of the carpentry and Jennifer and James did the painting and helped with the installation. The existing glass and metal workstations needed panels to give them privacy. We fashioned dividers out of natural chipboard, added a massive work and storage counter out of prefinished hollow core doors. We created outdoor planter boxes off the staff work area with tall frames that will hold theatrical scrims to screen the alley. We created a work wall/desk for Jennifer’s office out of hollow core doors and salvaged shelving from the previous space—one tricked-out detail being the monitor turntable that faces Jennifer’s work space and rotates to display images in the adjacent conference room. But the primary design element was the “logo wall” that is visible from outside through the glass storefront and forms the backdrop to the reception space and divides it from the conference room and Jennifer’s office. The design, nine feet high by twelve feet long, was also a collaborative effort and features wood 1&#215;4 slats set on a diagonal to form a screen that floats above the floor. The diagonal motif showcases a three foot diameter logo and mimics the diagonal used throughout the firm’s collateral. The wall itself is like a giant version of a calling card. The Plexiglas and wood veneer logo will be laser-cut and fabricated by a sign maker, but the perfectly round housing had to be part of the hand-fabricated wall.</p>

<p>Conception of the idea seemed a natural, but execution was another thing. Because of its size it had to be assembled in three by nine foot sections on a huge makeshift work platform outside. Luckily the weather cooperated and just covering the work overnight with a tarp was all the protection necessary. Once one panel had all its diagonal boards attached to a frame, it was moved aside so the next panel could be started and all the slats aligned on both panels with precise spacers. This nightmarish scenario worked great on paper, but was much more challenging to build with nothing but a table saw, miter-box and hand tools (a millwork shop with computerized cutting and controls could have cranked it out, but at a huge cost, and no such option was available). We were on a slim budget and materials alone were a couple of thousand dollars. Once all four panels were completed (two of them with half-circle cut-outs for the logo), they were carried inside and connected, one-at-a-time, to the open ceiling structure and to each other. With so little time and resources, the logo wall, weighing several hundred pounds, was almost miraculously hoisted in place and fit perfectly with no more than a few hernias suffered by Jennifer, James and 66-year old Dad!</p>

<p>And the installation was completed on the last day of the second week! Finishing touches were added by Jennifer over the next few weeks. Studio Fuse now enjoys a work environment that embodies not only the creativity of its work, but the merging of graphic and architectural elements to showcase their unique brand.</p>

<p>After my long career, doing mostly high-end corporate interiors, with big budgets and armies of laborers, this was not just another project. It was a labor of love for one special daughter, who collaborated to make it the problem that needed to be solved.<span class="sig">—Richard</span></p>

<p class="first ital">(Thanks, Dad! <a class="sig" href="http://twitter.com/#!/jennfuse" title="Tweet @jennfuse" target="_blank">@jennfuse</a>)</p>
<hr/>
<p class="first ital">*Jennifer’s dad is an award-winning architect who designed literally millions of square feet of corporate interiors for clients around the world. However, he always loved working with his hands. (Jennifer learned this early on when, as an infant, she lived with nothing but a wall of plastic sheeting between her crib and the outside world while her dad renovated the house). He retired four years ago and has renovated three more homes since then, mostly with his own labor. Design and the will to build are truly engrained in the family DNA!</p>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="175"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/SFI-logo-wall-260.jpg" alt="Sketch of Studio Fuse logo wall" title="SFI-logo-wall-260" width="260" height="175" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="357"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/SFI-logo-wall-545.jpg" alt="Sketch of Studio Fuse logo wall" title="SFI-logo-wall-545" width="545" height="357" /></div>
</figure>

<figure class="required"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="350"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/Bellevue-3-260.jpg" alt="New Office Before" title="Bellevue-3-260" width="260" height="350" /></div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="275"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/Entrance-260.jpg" alt="Entrance" title="Entrance-260" width="260" height="250" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="525"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/Entrance-545.jpg" alt="Entrance" title="Entrance-545" width="545" height="525" /></div>
</figure>

<figure>
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="150" style="height:150px">
<h3 class="pq2">&#8220;It was a collaborative <br/>effort all the way and we <br/>had only two weeks to finish the work that was not part of the general contractor’s package.&#8221;</h3>
</div>
<div class="fig" data-sizes="double" data-minWidth="545" data-minHeight="100" style="height:100px">
<h3 class="pq2">&#8220;It was a collaborative effort all the way and we had only two weeks to finish the work that was not part of the general contractor’s package.&#8221;</h3>
</div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="275"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/MeetingSpace-260.jpg" alt="Meeting Space" title="MeetingSpace-260" width="260" height="250" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="525"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/MeetingSpace-545.jpg" alt="Meeting Space" title="MeetingSpace-545" width="545" height="525" /></div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="275"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/Workspace-260.jpg" alt="Workspace" title="Workspace" width="260" height="250" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="525"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/Workspace-545.jpg" alt="Workspace" title="Workspace" width="545" height="525" /></div>
</figure>

<figure>
<div class="fig"  data-sizes="single fallback" data-minWidth="260" data-minHeight="225" style="height:225px">
<h3 class="pq2">&#8220;Studio Fuse now enjoys a work environment that embodies not only the creativity of its work, but the merging of graphic and architectural elements to showcase their highly individual brand.&#8221;</h3>
</div>
</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/not-just-another-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
