<?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; Scott</title>
	<atom:link href="http://blog.studiofuse.biz/author/scott/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>Putting Baby Behind the Fence</title>
		<link>http://blog.studiofuse.biz/putting-baby-behind-the-fence/</link>
		<comments>http://blog.studiofuse.biz/putting-baby-behind-the-fence/#comments</comments>
		<pubDate>Sat, 31 Aug 2013 01:06:25 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[In the Studio]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[dance]]></category>
		<category><![CDATA[performing arts]]></category>
		<category><![CDATA[The Music Center]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=3189</guid>
		<description><![CDATA[It all started when we came across one of the last catless videos on the &#8230; <a href="http://blog.studiofuse.biz/putting-baby-behind-the-fence/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">It all started when we came across one of the last catless videos on the internet. It was a <a href="http://www.brandingidentitydesign.com/dentsu-london-and-wallpaper-magazine/#.UMV35UW6HOY.twitter" target="_blank">video</a> about a technique called &#8220;ombro,&#8221; a pre-cinema method of animation that involves masking and revealing parts of an image with a &#8220;fence&#8221; to create the illusion of movement.</p>

<p>
As a studio that&#8217;s known for its interactive print (at least in our minds), we immediately knew we&#8217;d use this technique for a project someday, even if it might be far off down the road.
</p>

<p>
As it happened, a few months after watching the video, we were gearing up to begin the Dance at The Music Center season brochure. To our delight, The Music Center wanted to try something different from the use of straight production photography—an approach they had used for the last few seasons. Ombro immediately sprang to mind as the perfect &#8220;something different.&#8221; What better way to express dance than through movement? Fortunately, The Music Center was as excited as we were about the prospect of an animated brochure.
</p>

<p>
Of course, the solution also had to work for cases where there would be no fence: ads, 3-sheets, postcards, etc. So we determined that we&#8217;d use a mix of moving dancers, and static dancers paired with moving type to be prepared for all scenarios.
</p>

<p>
Initially, we had simply planned to animate the word &#8220;moving&#8221; itself in a different way for each image. However, as we experimented, we realized the series of unfenced frames were like afterimages, or impressions. That led us to change &#8220;moving&#8221; to multiple adjectives describing the varied lasting impressions the viewer could be left with by experiencing the companies this season. 
</p>

<p>
With the idea solidified, we worked out each page and built a digital demo to share them with The Music Center (<a href="http://studiofuse.biz/DMC1314/" target="_blank">You can still play with it here.</a>) After a bit of back-and-forth involving changes to the color and a couple of new adjectives, the brochure was approved.
</p>

<p>The only problem with a piece like this is, after working on it for so long, you begin to lose perspective; by the time it went to print, we weren&#8217;t sure if anyone would find it compelling. Thankfully, when it got into people&#8217;s hands, our fears were allayed. Indeed, the response was positive, and The Music Center saw an increase in subscriptions over last season. While we surely can&#8217;t take all of the credit, we&#8217;d like to think this novel delivery of dance captured some minds, and perhaps moved some people to hop over the fence and get closer to the stage. And for those who weren&#8217;t moved, well, here&#8217;s a <a href="http://www.youtube.com/watch?v=LU8DDYz68kM" target="_blank">cat video</a>. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a>
</p>

<hr class="keepwithnext"/><p class="first keeptogether" style="color:#DFBA54" ><img src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-award-86x97.png" alt="Creativity Awards Gold logo" title="Creativity Awards Gold" width="86" height="97" class="keepwithnext alignnone size-full wp-image-3464" style="float:left; margin-right:18px;margin-left:-10px" /><strong>UPDATE: 9/18/13 </strong><br/> We&#8217;re pleased to announce the brochure just garnered us a Gold Award in the Creativity 43rd Print &#038; Packaging Awards!</p>

<figure class="required zoomable"> 
<div class="fig postid-3189" data-sizes="single fallback" data-minWidth="260" data-minHeight="200" style="overflow:hidden;height:200px;border-bottom:10px solid transparent;"><img src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-cover-260x200.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="260" height="200" style="padding-top:6px" /></div>
<div class="fig postid-3189"  data-sizes="double" data-minWidth="545" data-minHeight="400"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-cover-545x400.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="545" height="400" /></div>
<div class="fig postid-3189"  data-sizes="lightbox" data-minWidth="900" data-minHeight="661"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-cover-900x661.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="900" height="661" /></div>
</figure>

<figure class="required zoomable"> 
<div class="fig postid-3189" data-sizes="single fallback" data-minWidth="260" data-minHeight="200" style="overflow:hidden;height:200px;border-bottom:10px solid transparent;"><img src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-classic-260x200.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="260" height="200" style="padding-top:6px" /></div>
<div class="fig postid-3189"  data-sizes="double" data-minWidth="545" data-minHeight="400"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-classic-545x400.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="545" height="400" /></div>
<div class="fig postid-3189"  data-sizes="lightbox" data-minWidth="900" data-minHeight="661"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-classic-900x661.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="900" height="661" /></div>
</figure>

<figure class="required zoomable"> 
<div class="fig postid-3189" data-sizes="single fallback" data-minWidth="260" data-minHeight="200" style="overflow:hidden;height:200px;border-bottom:10px solid transparent;"><img src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-fenced-260x200.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="260" height="200" style="padding-top:6px" /></div>
<div class="fig postid-3189"  data-sizes="double" data-minWidth="545" data-minHeight="400"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-fenced-545x400.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="545" height="400" /></div>
<div class="fig postid-3189"  data-sizes="lightbox" data-minWidth="900" data-minHeight="661"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2013/08/DMC1314-fenced-900x661.jpg" alt="Dance at The Music Center 2013-14 season brochure" width="900" height="661" /></div>
</figure>


<figure class="required zoomable"> 

<div class="fig postid-3189" data-sizes="single fallback" data-minWidth="260" data-minHeight="200">
<iframe data-src="//player.vimeo.com/video/73341906?color=f04e30" width="260" height="195" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen alt="Dance at the Music Center brochure demonstration video"></iframe>
<p class="caption-1" style="height:10px">A quick demo of the brochure.</p></div>

<div class="fig postid-3189" data-sizes="double" data-minWidth="545" data-minHeight="425">
<iframe data-src="//player.vimeo.com/video/73341906?color=f04e30" width="545" height="409" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen alt="Dance at the Music Center brochure demonstration video"></iframe>
<p class="caption-1" style="height:16px">A quick demonstration of the brochure, starring Aless&#8217; hands.</p></div>

<div class="fig postid-3189" data-sizes="lightbox" data-minWidth="720" data-minHeight="565">
<iframe data-src="//player.vimeo.com/video/73341906?color=f04e30" width="720" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen alt="Dance at the Music Center brochure demonstration video"></iframe>
</div>

</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/putting-baby-behind-the-fence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>No Surrender, Dorothy!</title>
		<link>http://blog.studiofuse.biz/no-surrender-dorothy/</link>
		<comments>http://blog.studiofuse.biz/no-surrender-dorothy/#comments</comments>
		<pubDate>Wed, 31 Oct 2012 19:19:24 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[In the Studio]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[invitation]]></category>
		<category><![CDATA[Natural History Museum]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=2820</guid>
		<description><![CDATA[It seems that nowadays Halloween is little more than tired social media memes and carnal &#8230; <a href="http://blog.studiofuse.biz/no-surrender-dorothy/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">
It seems that nowadays Halloween is little more than tired social media memes and carnal desperation in costume form, stumbling into each other at a party (sometimes in <a href="http://cslacker.com/images/view/8718" title="Big Bird Goes Wild" target="_blank">the same costume</a>). Sure—maybe it&#8217;s that I&#8217;m no longer a youth and feel bitter that God has forsaken me. But doesn&#8217;t it seem more likely that we&#8217;ve irreversibly wandered into the <a href="http://works.bepress.com/michael_serazio/2/" title="The End" target="_blank">web 2.0 dystopia—an era of celebrity anarchy and narcissistic youth</a>? Either way, it&#8217;s clear that the world should have quit while it was ahead. Yes, the candy is still good; yes, it still takes the edge off the beer. But one must wonder &#8220;What have we done to the kids?&#8221; Fortunately, there is somebody out there still thinking about the kids: The Natural History Museum of Los Angeles County. 
</p>

<p>
Every year the museum puts on a themed Haunted Museum for their members, bringing together science and scares—and for the past several years, we&#8217;ve designed the invitations for them.  Last year, it was &#8220;Fairy Tales and Scary Tales,&#8221; for which we created a two-sided book featuring a mix of characters from ogres to dire wolves. 
</p>

<p>
This year, the museum decided to turn the Haunted Museum into a travel destination of sorts: the &#8220;Land of Awes&#8221; (as in <em>The Wizard of Oz</em>). This destination concept delivered the design direction to us on a platter: we would turn the invitation into a travel brochure. Fleshing the idea out, we designed one side to be a poster inspired by travel posters from the thirties, while the other side became a metaphoric map of the evening&#8217;s itinerary. Naturally, both sides included a hybrid of Oz characters and museum specimens, such as a tin Thomas the T. Rex, a cowardly saber-toothed tiger, flying monkeys, and Fruitaden Munchkins. It was a lot of work, but fortunately <a href="http://blog.studiofuse.biz/hello-new-intern/" title="Hello New Intern!" target="_blank">Grace the intern</a> was here to help us illustrate Thomas and the tiger.
</p>

<p>
While it is just one invitation to one event in one city, we feel proud that we were able to do our part to keep Halloween from falling completely into the evil clutches of post-adolescent party culture and keep it just a little bit fun for the kids (however doomed they may be). Plus, it was just awes-fully fun to create.
 <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></p>
<hr/>
<p class="first"><strong style="color:#F04E30">Take a look at the gallery, and let us know what you think. >></strong></p>


<figure class="required zoomable"> 

<div class="fig aligncenter"  data-sizes="fallback" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-260x188.jpg" alt="Haunted Museum 2012 invitation" width="195" height="141"/></div>

<div class="fig"  data-sizes="single" data-minWidth="260" data-minHeight="188"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-260x188.jpg" alt="Haunted Museum 2012 invitation" width="260" height="188"/></div>

<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="335"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-545x335.jpg" alt="Haunted Museum 2012 invitation" width="545" height="335"/></div>

<div class="fig"  data-sizes="double-560" data-minWidth="545" data-minHeight="428"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-545x428.jpg" alt="Haunted Museum 2012 invitation" width="545" height="428"/></div>

<div class="fig" data-sizes="triple" data-minWidth="830" data-minHeight="548"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-830x548.jpg" alt="Haunted Museum 2012 invitation" width="830" height="548" /></div>

<div class="fig" data-sizes="triple" data-minWidth="830" data-minHeight="675"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h1-830x668.jpg" alt="Haunted Museum 2012 invitation" width="830" height="668" /></div>
</figure>

<div class="entry-utility keeptogether">
          
                 	 <hr/>

                        <div class="social">
                            <span style="float:left">Share:&nbsp;</span>
                            <ul class="share">
                                <li><a class="facebook" href="http://www.facebook.com/share.php?u=http://blog.studiofuse.biz/no-surrender-dorothy/&#038;t=No Surrender, Dorothy!" data-bind="current-url:href" onclick="window.open(this.href, this.target, 'height=550,width=476,top=300,left=300'); return false">Share</a></li>
                                <li><a class="twitter" href="http://twitter.com/?status=http://blog.studiofuse.biz/no-surrender-dorothy/" data-bind="current-url:href"  onclick="window.open(this.href, this.target, 'height=550,width=476,top=300,left=300'); return false">Tweet</a></li>
                                <li><a class="email" href="mailto:?subject=Check out this post&#038;body=http://blog.studiofuse.biz/no-surrender-dorothy/">Email</a></li>
                                <li><a class="addthis" href="http://www.addthis.com/bookmark.php?v=250&#038;username=xa-4d2b47f81ddfbdce" onclick="window.open(this.href, this.target, 'height=550,width=476,top=300,left=300'); return false">More</a></li>
                            </ul>
                         </div>   
                        
                        <p>    
						<br/> <span>Tags: </span><a href="http://blog.studiofuse.biz/tag/client/" rel="tag">client</a><span>&nbsp;&nbsp;</span> <a href="http://blog.studiofuse.biz/tag/illustration/" rel="tag">illustration</a><span>&nbsp;&nbsp;</span> <a href="http://blog.studiofuse.biz/tag/invitation/" rel="tag">invitation</a><span>&nbsp;&nbsp;</span> <a href="http://blog.studiofuse.biz/tag/natural-history-museum/" rel="tag">Natural History Museum</a> <br/>
						<br/>
						
						</p>
                        
					</div><!-- .entry-utility -->


</article>
<article data-grids="gallery">

<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-260x370.jpg" alt="Haunted Museum 2012 invitation" width="107" height="153" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-260x370.jpg" alt="Haunted Museum 2012 invitation"  width="191" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-260x370.jpg" alt="Haunted Museum 2012 invitation"  width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-488x693.jpg" alt="Haunted Museum 2012 invitation" width="317" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-488x693.jpg" alt="Haunted Museum 2012 invitation" width="401" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-488x693.jpg" alt="Haunted Museum 2012 invitation" width="488" height="693" /></div>
<div class="fig aligncenter"  data-sizes="triple" data-minWidth="599" data-minHeight="850"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v1-634x900.jpg" alt="Haunted Museum 2012 invitation" width="599" height="850" /></div>
</figure>


</article>
<article data-grids="gallery">

<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-260x370.jpg" alt="Haunted Museum 2012 invitation" width="107" height="153" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-260x370.jpg" alt="Haunted Museum 2012 invitation"  width="191" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-260x370.jpg" alt="Haunted Museum 2012 invitation"  width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-488x693.jpg" alt="Haunted Museum 2012 invitation" width="317" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-488x693.jpg" alt="Haunted Museum 2012 invitation" width="401" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-488x693.jpg" alt="Haunted Museum 2012 invitation" width="488" height="693" /></div>
<div class="fig aligncenter"  data-sizes="triple" data-minWidth="599" data-minHeight="850"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-v2-634x900.jpg" alt="Haunted Museum 2012 invitation" width="599" height="850" /></div>
</figure>

</article>


<article data-grids="gallery">

<figure class="required zoomable"> 

<div class="fig aligncenter"  data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-260x188.jpg" alt="Haunted Museum 2012 invitation" width="195" height="141"/></div>

<div class="fig"  data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-260x188.jpg" alt="Haunted Museum 2012 invitation"  width="260" height="188"/></div>

<div class="fig"  data-sizes="single" data-minWidth="260" data-minHeight="188"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-260x188.jpg" alt="Haunted Museum 2012 invitation" width="260" height="188"/></div>

<div class="fig"  data-sizes="double-520" data-minWidth="545" data-minHeight="335"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-545x335.jpg" alt="Haunted Museum 2012 invitation" width="545" height="335"/></div>

<div class="fig"  data-sizes="double-560" data-minWidth="545" data-minHeight="428"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-545x428.jpg" alt="Haunted Museum 2012 invitation" width="545" height="428"/></div>

<div class="fig" data-sizes="triple" data-minWidth="830" data-minHeight="548"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-830x548.jpg" alt="Haunted Museum 2012 invitation" width="830" height="548" /></div>

<div class="fig" data-sizes="triple-800" data-minWidth="830" data-minHeight="675"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h2-830x668.jpg" alt="Haunted Museum 2012 invitation" width="830" height="668" /></div>
</figure>

<figure class="required zoomable"> 

<div class="fig aligncenter"  data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-260x188.jpg" alt="Haunted Museum 2012 invitation" width="195" height="141"/></div>

<div class="fig"  data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-260x188.jpg" alt="Haunted Museum 2012 invitation"  width="260" height="188"/></div>

<div class="fig"  data-sizes="single" data-minWidth="260" data-minHeight="188"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-260x188.jpg" alt="Haunted Museum 2012 invitation" width="260" height="188"/></div>

<div class="fig"  data-sizes="double-520" data-minWidth="545" data-minHeight="335"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-545x335.jpg" alt="Haunted Museum 2012 invitation" width="545" height="335"/></div>

<div class="fig"  data-sizes="double-560" data-minWidth="545" data-minHeight="428"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-545x428.jpg" alt="Haunted Museum 2012 invitation" width="545" height="428"/></div>

<div class="fig" data-sizes="triple" data-minWidth="830" data-minHeight="548"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-830x548.jpg" alt="Haunted Museum 2012 invitation" width="830" height="548" /></div>

<div class="fig" data-sizes="triple-800" data-minWidth="830" data-minHeight="675"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/10/HM12-h3-830x668.jpg" alt="Haunted Museum 2012 invitation" width="830" height="668" /></div>
</figure>
]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/no-surrender-dorothy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>LACMA Muse ArtWalk</title>
		<link>http://blog.studiofuse.biz/lacma-muse-artwalk/</link>
		<comments>http://blog.studiofuse.biz/lacma-muse-artwalk/#comments</comments>
		<pubDate>Fri, 15 Jun 2012 00:53:13 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[LACMA]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=2551</guid>
		<description><![CDATA[Hey lazy legs, aren&#8217;t you tired of always sitting around, not looking at art? You &#8230; <a href="http://blog.studiofuse.biz/lacma-muse-artwalk/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">Hey lazy legs, aren&#8217;t you tired of always sitting around, not looking at art? You are? Good! Fortunately, you can resolve both of your life&#8217;s failings this Saturday with LACMA&#8217;s annual <a href="https://www.lacma.org/event/muse-artwalk-2012" title="LACMA Muse ArtWalk 2012" target="_blank">ArtWalk</a>.</p>

<p>
If you can throw on a pair of shoes (perhaps like the ones in the invite we designed), you can take advantage of FREE admission to LACMA, the Craft and Folk Art Museum, and the Architecture + Design Museum, as well as more than twenty galleries along the Miracle Mile. From 12 to 8 pm, there will be dance performances, live music, and interactive art projects—<wbr>and just regular old art too.
</p>

<p>That&#8217;s not all. You can also join in on the ForYourArt aMUSEment Hunt. Get a sticker for each of the museums and galleries you visit and redeem them for prizes—<wbr>from original prints to memberships.</p>

<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="100" data-minHeight="153" style="height:153px"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/ArtWalk-260.jpg" alt="LACMA Muse ArtWalk 2012" title="LACMA Muse ArtWalk 2012" width="99" height="153" style="padding-top:8px;margin-top:0" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="250"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/ArtWalk-260.jpg" alt="LACMA Muse ArtWalk 2012" title="LACMA Muse ArtWalk 2012" width="177" height="273" /></div>
<div class="fig aligncenter" data-sizes="single-480" data-minWidth="260" data-minHeight="350"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/ArtWalk-260.jpg" alt="LACMA Muse ArtWalk 2012" title="LACMA Muse ArtWalk 2012" width="242" height="373" /></div>
<div class="fig" data-sizes="single" data-minWidth="260" data-minHeight="400"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/ArtWalk-260.jpg" alt="LACMA Muse ArtWalk 2012" title="LACMA Muse ArtWalk 2012" width="260" height="400" /></div>
<div class="fig aligncenter" data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/ArtWalk-639h.jpg" alt="LACMA Muse ArtWalk 2012" title="LACMA Muse ArtWalk 2012" width="455" height="693" /></div>
</figure>

<p>Still want more? Sheesh, I might have to start calling you crazy legs… You can also head back to LACMA for the ArtWalk After Party from 8:30 to 11 pm, featuring the <a href="http://joshualightshow.com/" title="Joshua Light Show" target="_blank">Joshua Light Show</a> and music by Dublab and Silent Disco. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></p>

<figure class="required">

<div data-sizes="fallback" class="fig info-box keeptogether">
<p class="first">
<strong>Saturday, June 16</strong>
</p>
<p class="first">
<span class="caps-line">LACMA + Miracle Mile</span>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://www.lacma.org/event/muse-artwalk-2012" title="LACMA ArtWalk"  alt="LACMA ArtWalk" target="_blank">Info</a>
</p>
</div>

<div data-sizes="single" data-minWidth="260" data-minHeight="150" class="fig info-box" style="height:150px;">
<p class="first">
<strong>Saturday, June 16</strong><br/>
<span class="caps-line">LACMA + Miracle Mile</span>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://www.lacma.org/event/muse-artwalk-2012" title="LACMA ArtWalk"  alt="LACMA ArtWalk" target="_blank">Info</a>
</p>
<hr/>
<p class="first" style="width:102px;border-right:1px dotted #000000;float:left">
ArtWalk<br/>
12 – 8 pm<br/>
FREE
</p>
<p class="first" style="width:100px;float:left; margin-left:27px;">
After Party<br/>
8:30 – 11 pm<br/>
$15 – $25
</p>
</div>
</figure>



]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/lacma-muse-artwalk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rejexhibition: The First Fridays You Never Saw</title>
		<link>http://blog.studiofuse.biz/rejexhibition-the-first-fridays-you-never-saw/</link>
		<comments>http://blog.studiofuse.biz/rejexhibition-the-first-fridays-you-never-saw/#comments</comments>
		<pubDate>Mon, 04 Jun 2012 18:30:49 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[rejexhibition]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[Natural History Museum]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=1965</guid>
		<description><![CDATA[Welcome to the inaugural rejexhibition post. What&#8217;s a rejexhibition? Webster&#8217;s dictionary defines it as &#8220;not &#8230; <a href="http://blog.studiofuse.biz/rejexhibition-the-first-fridays-you-never-saw/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">Welcome to the inaugural rejexhibition post. What&#8217;s a rejexhibition? Webster&#8217;s dictionary defines it as &#8220;not found.&#8221; Okay, let&#8217;s try again: For all of the successful design solutions we deliver, many a design is rejected along the way—and sometimes we can&#8217;t forget about them. It&#8217;s like your baby that everyone thinks is ugly, but that you think is the most beautiful thing ever. Should you leave it in a dumpster because it&#8217;s been rejected? Nay, you should gather it up with your other beautiful babies, tack them to a wall, and let the world rejoice in their unappreciated glory. That&#8217;s a rejexhibition.</p>

<p>(Un)fortunately, our recent work on the Natural History Museum of Los Angeles County&#8217;s <a href="http://www.nhm.org/site/activities-programs/first-fridays" title="Natural History Museum's First Fridays" target="_blank">First Fridays</a> series yielded a bevy of such unused work. For those unfamiliar, First Fridays combines DJs, live music and drinks with scientific discussion and behind-the-scenes tours. Each season is programmed with a theme in mind. For 2012 “This Time It’s Personal” was coined to expose scientists as more than lab coat wearing nerds, and to involve the audience with the idea that everyone can be a scientist.</p>

<p>Two of the initial approaches involved treating the artwork like indie rock posters, which often use simple but odd imagery to capture the tone and core ideas of the band. Applying this to Dr. Michael Brown and his discussion &#8220;How I Killed Pluto and Why it Had it Coming&#8221;, we came up with one version in which Dr. Brown is visually explaining how he blew up Pluto with his eye, like the <a href="http://www.stardestroyer.net/Empire/Tech/Beam/DeathStar.html" title="Death Star Destroying Alderaan" target="_blank">Death Star destroying Alderaan</a>. In another version, an X&#8217;d-out Pluto sits in front of comic strip panels in which discussion attendees share their opinions on the death of Pluto. Both good solutions, but…</p>

<p>Ultimately, the third approach was chosen. This direction focused on what the scientists were wearing underneath their lab coats. In our minds, they were hiding witty graphic tees inspired by the topic each of them was to present. This resulted in a series of postcards with t-shirts as key art. Additionally, all of the shirts were actually produced and made available for sale. </p>

<p>That is, all of the shirts that were accepted were made available. Several designs were thought to be too irreverent for the discussions, including the ones for &#8220;Is it Good or Bad that the World has So Many Languages?&#8221;, &#8220;Wicked Bugs—Fearsome and Ferocious Creatures in Your Backyard and Beyond&#8221;, and &#8220;The New Science of Darwinian Feminism: Evolutionary Insights from Bonobo Social and Sexual Interactions&#8221;. In addition, the First Fridays season shirt we designed also fell by the wayside.</p>
<hr/>
<p class="first"><strong style="color:#F04E30">Take a look at the gallery, and let us know what you think. >></strong></p>

<figure class="required zoomable"> 
<div class="fig alignleft" data-sizes="fallback" data-minWidth="120" data-minHeight="100" style="width:70px"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-Toast-260.jpg" alt="I Believe in Toast" title="I Believe in Toast" width="70" height="100" />
<p class="caption-1">One of the accepted designs.</p></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-Toast-260.jpg" alt="I Believe in Toast" title="I Believe in Toast" width="143" height="200" />
<p class="caption-1" style="height:10px">An accepted design.</p></div>
<div class="fig" data-sizes="single" data-minWidth="260" data-minHeight="380"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-Toast-260.jpg" alt="I Believe in Toast" title="I Believe in Toast" width="260" height="364" />
<p class="caption-1" style="height:14px">One of the accepted designs.</p></div>
</figure>


</article>
<article data-grids="gallery">

<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-350h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="108" height="153" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-350h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="192" height="273"/></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-693h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="260" height="370"/></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-693h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="319" height="453"/></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-693h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="403" height="573"/></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-DeathStar-693h.png" alt="Mike Brown Destroys Pluto" title="Mike Brown Destroys Pluto" width="488" height="693"/></div>
</figure>


</article>
<article data-grids="gallery">


<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-370h.png" alt="The Death of Pluto" title="The Death of Pluto" width="108" height="153" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-370h.png" alt="The Death of Pluto" title="The Death of Pluto" width="192" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-370h.png" alt="The Death of Pluto" title="The Death of Pluto" width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-693h.png" alt="The Death of Pluto" title="The Death of Pluto" width="319" height="453"/></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-693h.png" alt="The Death of Pluto" title="The Death of Pluto" width="403" height="573"/></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Pluto-Comic-693h.png" alt="The Death of Pluto" title="The Death of Pluto" width="488" height="693" /></div>
</figure>


</article>
<article data-grids="gallery">


<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-370h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="108" height="153" /></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-370h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="192" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-370h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-693h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="319" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-693h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="403" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Languages-693h.jpg" alt="foreign tongues are tricky!" title="foreign tongues are tricky!" width="488" height="693" /></div>
</figure>


</article>
<article data-grids="gallery">


<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-370h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="108" height="153"/></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-370h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="192" height="273"/></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-370h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="260" height="370"/></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-693h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="319" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-693h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="403" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bugs-693h.jpg" alt="Praying Mantis Eats Head!" title="Praying Mantis Eats Head!" width="488" height="693" /></div>
</figure>


</article>
<article data-grids="gallery">


<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-370h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="108" height="153"/></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-370h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="192" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-370h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-693h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="319" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-693h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="403" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/Bonobos-693h.jpg" alt="Make Love Not War!" title="Make Love Not War!" width="488" height="693" /></div>
</figure>


</article>
<article data-grids="gallery">


<figure class="required zoomable"> 
<div class="fig aligncenter" data-sizes="single-200" data-minWidth="260" data-minHeight="153"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-370h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="108" height="153"/></div>
<div class="fig aligncenter" data-sizes="single-320" data-minWidth="260" data-minHeight="200"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-370h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="192" height="273" /></div>
<div class="fig aligncenter" data-sizes="single" data-minWidth="260" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-370h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="260" height="370" /></div>
<div class="fig aligncenter"  data-sizes="double-560" data-minWidth="545" data-minHeight="425"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-693h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="319" height="453" /></div>
<div class="fig aligncenter"  data-sizes="double-680" data-minWidth="545" data-minHeight="550"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-693h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="403" height="573" /></div>
<div class="fig aligncenter"  data-sizes="double" data-minWidth="545" data-minHeight="675"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/06/FF-tubes-693h.jpg" alt="First Fridays Tubes" title="First Fridays Tubes" width="488" height="693" /></div>
</figure>


</article>
<article data-grids="main">

<p>In the end, while we were disappointed that some solutions didn&#8217;t make it to print, we understand that not all options can be chosen, and that they were not rejected out of spite—rejection is just part of the biz. We&#8217;re just glad that we&#8217;re finally able to take them out of the waste bin and tack them up for all to see. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/rejexhibition-the-first-fridays-you-never-saw/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>It&#8217;s Christmas in Paris on Memorial Day in LA</title>
		<link>http://blog.studiofuse.biz/its-christmas-in-paris-on-memorial-day-in-la/</link>
		<comments>http://blog.studiofuse.biz/its-christmas-in-paris-on-memorial-day-in-la/#comments</comments>
		<pubDate>Wed, 23 May 2012 22:30:32 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[LA Opera]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=1453</guid>
		<description><![CDATA[As much as I may want to pretend otherwise, I can’t say I’ve ever actually &#8230; <a href="http://blog.studiofuse.biz/its-christmas-in-paris-on-memorial-day-in-la/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">As much as I may want to pretend otherwise, I can’t say I’ve ever actually lived like a bohemian—unless of course, you consider residing in the NoHo Arts District and avoiding the other inhabitants while working an office temp job to be bohemian. My apartment’s trash chute was often blocked and I did go without cable for awhile, if that helps. But I digress…</p>

<p>If you, like me, are at a place in life where you would prefer to experience the bohemian lifestyle from a comfortable seat in a temperature-controlled room, you may want to check out the return of LA Opera&#8217;s <em>La Bohème</em> to the Dorothy Chandler Pavilion. It&#8217;s a revival of the celebrated 1993 Herbert Ross production.</p>

<p>The intriguing difference this time, is that the two leads, Ailyn Pérez and Stephen Costello, are actually married, and therefore possibly <em>really</em> in love. Though I haven&#8217;t seen them perform, I have to wonder if their real-world chemistry might provide a sense of authenticity I&#8217;ve often found lacking in other operatic expressions of romance.</p>

<p>For those unfamiliar, <em>La Bohème</em> is the original <em>Rent</em>. Just swap New York for Paris, and AIDS for tuberculosis (yes, there&#8217;s more to it than that, but this isn&#8217;t one of those articles). More specifically, the story follows six young Parisians in the 1830s, who are financially destitute, but spiritually rich. It&#8217;s Christmas time as the young poet, Rodolfo, falls in love with a shy seamstress, Mimi. Providing contrast and context to their central love story is the on-again, off-again love affair of the painter Marcello and the cabaret singer Musetta. Against the backdrop of nineteenth-century Paris, including an unfinished Eiffel tower, the young artists experience passion, poverty, joy, suffering and ultimately (spoiler alert), death.</p>

<p>While I have not seen <em>La Bohème</em>, I&#8217;ve been to a few LA Opera productions in the past. They have always delivered gorgeous sets and costumes, and a grandiose sound that you cannot get from film or your corner NoHo theater (sorry, real bohemians).</p>

<p>Tickets are going fast, so don’t wait to get seats. If you’ve never been to an opera, this is meant to be one of the more accessible, so check it out. It’s the last production of LA Opera’s season. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></p>

<figure class="required">
<div data-sizes="single fallback" data-minWidth="260" data-minHeight="130" class="fig info-box">
<p class="first">May 23, 26, 31 and June 2<br/><span class="caps-line">Dorothy Chandler Pavilion</span></p><hr/><p class="first">Tickets $20–$270&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.laopera.com/season/boheme/" title="La Bohème"  alt="La Bohème" target="_blank">More info</a></p>
</div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="225"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/lbhm4069-260.jpg" alt="La Bohème's young artists" title="La Bohème's young artists" width="260" height="200" />
<p class="caption-1">Photo by Robert Millard for LA Opera.</p></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="450"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/lbhm4069-545.jpg" alt="La Bohème's young artists" title="La Bohème's young artists" width="545" height="400" />
<p class="caption-2">The young artists celebrate not living in North Hollywood. From left: Robert Pomakov, Stephen Costello, Museop Kim, Artur Rucinski. Photo by Robert Millard for LA Opera.</p></div>
<div class="fig"  data-sizes="triple" data-minWidth="830" data-minHeight="700"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/lbhm4069-830.jpg" alt="La Bohème's young artists" title="La Bohème's young artists" width="830" height="650" />
<p class="caption-2">The young artists celebrate not living in North Hollywood. From left: Robert Pomakov, Stephen Costello, Museop Kim, Artur Rucinski. Photo by Robert Millard for LA Opera.</p></div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="375"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/lbhm5069-260.jpg" alt="Rodolfo and Mimi embrace" title="Rodolfo and Mimi embrace" width="260" height="325" />
<p class="caption-2">Spouses Stephen Costello and Ailyn Pérez as Rodolfo and Mimi. Photo by Robert Millard for LA Opera.</p></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="450"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/05/lbhm5069-545.jpg" alt="Rodolfo and Mimi embrace" title="Rodolfo and Mimi embrace" width="545" height="400" />
<p class="caption-2">Real-life couple Stephen Costello and Ailyn Pérez fictionally embrace as lovers Rodolfo and Mimi. Photo by Robert Millard for LA Opera.</p></div>
</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/its-christmas-in-paris-on-memorial-day-in-la/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Melon Land-Fill Lips and Other Diseases</title>
		<link>http://blog.studiofuse.biz/melon-land-fill-lips/</link>
		<comments>http://blog.studiofuse.biz/melon-land-fill-lips/#comments</comments>
		<pubDate>Tue, 13 Mar 2012 19:55:09 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[Sidetracked]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[satire]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=986</guid>
		<description><![CDATA[While researching dolphin melons for a Natural History Museum project, I stumbled across the illustration &#8230; <a href="http://blog.studiofuse.biz/melon-land-fill-lips/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">While researching <a href="http://en.wikipedia.org/wiki/Melon_%28whale%29" title="Melons (whale)" target="_blank">dolphin melons</a> for a Natural History Museum project, I stumbled across the illustration of a woman with dripping, watermelon lips. Naturally, I put aside paid work and followed the image to its origin. The magic of hyperlinks brought me to the blog <a href="http://dralanplacebology.blogspot.com/2011/02/chapter-11judge-fruitymelon-land-fill.html" title="Dr. Alan's Placebology" target="_blank">Dr. Alan&#8217;s Placebology</a>: &#8220;Alternative Medicine for Alternative Illnesses for Alternative Bodies Using Alternative Words. By Dr A. A. Alan.&#8221;</p>

<p>There I found pun-filled satire of UK politics and media—in this case, aimed squarely at conservative journalist Melanie Phillips (Melon Land-Fill Lips):</p>

<p class="ital">&#8220;The lips take on the appearance of a melon. Usually this is watermelon but can be honeydew. It is thought that this is the result of the alternative body trying to protect itself from others reacting to the controversial opinions it is spouting with violence. After all, it is difficult to take someone seriously if they [have] melons for lips; no matter how much garbage they are producing.&#8221;</p>

<p>Don&#8217;t let the puns fool you, though; the writing and satire can be pretty sharp, even for those who may be unfamiliar with its British targets. In the article with my favorite illustration, <a href="http://dralanplacebology.blogspot.com/2011/01/chapter-8-parasite-out-of-mind-dreadful.html" title="Parasite, Out of Mind" target="_blank">Chapter 8: Parasite, out of mind: A Dreadful Attack of the Fainting McKeiths</a>, Dr. Alan takes a shot at nutritionist and TV personality, Gillian McKeith:</p>

<p class="ital">&#8220;The fainting mckeith in its adult form spends most of its time hanging around in the environment looking at faeces. Once it has looked at enough faeces it transfers what it has learned about those faeces into a nest made out of toilet paper in the shape of a book. This is technically known as the mckeith pile of harassed defaecation (PhD). The purpose of the PhD is to interest another fainting mckeith with which to half-heartedly reproduce.&#8221;</p>

<p>To give it some context: According to a quick Google, Ms. McKeith&#8217;s PhD is from a &#8220;non-accredited correspondence course college&#8221; and she faked fainting on &#8220;I&#8217;m a Celebrity Get Me Out of Here.&#8221;</p>
<p>Okay, so it&#8217;s probably not relevant to those outside the UK (or judging by the year-long hiatus of the blog, those inside the UK), but the articles are a fun read and the illustrations have made it into my inspiration folder. <a class="sig" href="http://twitter.com/#!/scottfuse" title="Tweet @scottfuse" target="_blank">@scottfuse</a></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/03/Melon-Land-Fill-Lips-260.jpg" alt="Melon Land-Fill Lips" width="260" height="175" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="350"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/Melon-Land-Fill-Lips-545.jpg" alt="Melon Land-Fill Lips" width="545" height="350" /></div>
</figure>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="250"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/McKeith-260.jpg" alt="Gillian McKeith" width="260" height="250" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="500"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/McKeith-545.jpg" alt="Gillian McKeith" width="545" height="500" /></div>
</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/melon-land-fill-lips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Studio Fuse Innovates with Web-Log</title>
		<link>http://blog.studiofuse.biz/studio-fuse-innovates-with-web-log/</link>
		<comments>http://blog.studiofuse.biz/studio-fuse-innovates-with-web-log/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 00:55:16 +0000</pubDate>
		<dc:creator><![CDATA[Scott]]></dc:creator>
				<category><![CDATA[In the Studio]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Treesaver]]></category>

		<guid isPermaLink="false">http://blog.studiofuse.biz/?p=559</guid>
		<description><![CDATA[While we have waited patiently—fingers crossed, heads in sand—it seems that blogs and social media &#8230; <a href="http://blog.studiofuse.biz/studio-fuse-innovates-with-web-log/"><br/>Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p class="first">While we have waited patiently—fingers crossed, heads in sand—it seems that blogs and social media in general are not going away any time soon. Though we&#8217;re certain that these things will have the relevance of telegrams some day—barreling as we are toward a <a title="Borg (Star Trek)" href="http://en.wikipedia.org/wiki/Borg_%28Star_Trek%29" target="_blank">Borg-like hive mind</a>—it seems that that day is still a couple of years off. The hive mind is not happening in this election cycle, anyway. So we find ourselves, purveyors of communication solutions, submitting to the tide and boldly stepping into the present. Though a bit late to the game, we&#8217;d like to think the wait was worth it—for those of you who&#8217;ve been waiting…mom, or whoever.</p>

<h3 class="keepwithnext">Take a Right at the End of the Page</h3>
<p class="first">If you haven&#8217;t yet noticed, the layout is a bit different than most blogs; the site scrolls horizontally. Not only that, it scrolls incrementally. You can use your mouse or keyboard—or if on a touch device, your finger—to navigate left and right, one page at a time. Moreover, the site is responsive to screen size, adjusting the layout accordingly, all the way down to mobile screens. Magical? Yes. Magic? No.</p>

<h3 class="keepwithnext">Saving Trees, Losing Hair</h3>
<p class="first">We&#8217;d love to take credit for the code that makes it all work, but in actuality, neither our blog nor our recently rebooted <a title="Studio Fuse" href="http://studiofuse.biz" target="_blank">main site</a> would be anything without the open-source <a title="treesaver" href="http://treesaver.net/" target="_blank">Treesaver</a> platform. As designers who spend the majority of our time designing for print—including publications such as <a title="FORM" href="http://www.formmag.net/" target="_blank">FORM</a>—we were immediately taken with the promise Treesaver offered. In short, it seemed to be the perfect bridge between print and web. Indeed, the end result as created by <a title="About Treesaver" href="http://treesaver.net/about/" target="_blank">Scott Kellum</a> and the folks at <a title="Nomad Editions" href="https://nomadeditions.com/" target="_blank">Nomad</a> is impressive, but getting there isn&#8217;t as easy as it looks. Bags were added to eyes, hairs were torn from heads in our implementing Treesaver. True, it was partially our personal learning curve. But also true, is that Treesaver is currently only on version 0.93-beta—so there is a lot in flux, and a lot yet to be resolved (there is no way to guarantee images will stay in the order you place them, for example). That said, it is a remarkable framework even its current form.</p>

<h3 class="keepwithnext">A Gimmick is Something a Marketer Does for Money</h3>
<p class="first">It would seem that some corners of the designer blogosphere feel that side-scrolling, multi-column publications are a gimmick—that they&#8217;re simply an appeal to the familiarity of print conventions. Though some horizontal sites are indeed a tedious novelty, we feel that Treesaver creates an effective digital analogue to page-turning—or perhaps, the unfolding of an accordion-style pamphlet. Unlike vertical scrolling, with the disorientation that occurs as one tries to follow the last line of text to the top of the screen, Treesaver gives the eye a consistent starting point, helping the reader move through the article. Further, multiple columns also improve the reading experience, as it is easier on the eyes to follow text in small chunks, as opposed to the wide lines of a typical single-column page. Indeed, <a title="Wired on iPad" href="http://www.informationarchitects.jp/en/wired-on-ipad-just-like-a-paper-tiger/" target="_blank">one or two columns is not a matter of taste</a>. We hope you&#8217;ll agree and will join us again on our horizontal, multi-column journey, even as we are still forging its path. In future posts, we&#8217;ll be covering design and the arts, as well as the goings-on of our own studio. Until then, feel free to comment or tweet <a title="@scottfuse" href="https://twitter.com/#!/scottfuse">@scottfuse</a>.&nbsp;<span class="sig">—Scott</span></p>

<figure class="required zoomable"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="200"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/SF12.blog-hello4-sngl.png" alt="Hello World" width="260" height="200" /></div>
<div class="fig"  data-sizes="double" data-minWidth="545" data-minHeight="375"><img data-src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/SF12.blog-hello4.png" alt="Hello World" width="545" height="375" /></div>
</figure>

<figure class="required"> 
<div class="fig" data-sizes="single fallback" data-minWidth="260" data-minHeight="200"><img src="http://blog.studiofuse.biz/wp-content/uploads/2012/03/SF12.blog-trees1.png" alt="Trees Saved" width="260" height="200" /></div>
</figure>]]></content:encoded>
			<wfw:commentRss>http://blog.studiofuse.biz/studio-fuse-innovates-with-web-log/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
