<?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>blahg blahg blahg: The online home of Colin Frangos &#187; Design</title>
	<atom:link href="http://colinfrangos.com/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://colinfrangos.com</link>
	<description></description>
	<lastBuildDate>Thu, 06 Oct 2011 17:58:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Art in Print: Black and White and Red All Over</title>
		<link>http://colinfrangos.com/blog/2011/05/art-in-print-black-and-white-and-red-all-over/</link>
		<comments>http://colinfrangos.com/blog/2011/05/art-in-print-black-and-white-and-red-all-over/#comments</comments>
		<pubDate>Thu, 26 May 2011 22:04:42 +0000</pubDate>
		<dc:creator>Colin</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[My work]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://colinfrangos.com/?p=561</guid>
		<description><![CDATA[Here we have artinprint.org, a site dedicated to covering the world of printmaking, designed and built by myself and Chris Palmatier. There is currently a lack of serious writing about prints and printmaking, which is somewhat ironic. As editor-in-chief Susan Tallman points out in her introductory essay, &#8220;Take a walk through the contemporary wing of [...]]]></description>
			<content:encoded><![CDATA[<p>Here we have <a  href="http://artinprint.org/" target="_blank">artinprint.org</a>, a site dedicated to covering the world of printmaking, designed and built by myself and <a  href="http://www.chrispalmatier.com/" target="_blank">Chris Palmatier</a>.<span id="more-561"></span></p>
<p>There is currently a lack of serious writing about prints and printmaking, which is somewhat ironic. As editor-in-chief Susan Tallman points out in her <a  href="http://artinprint.org/index.php/articles/article/an_introduction_art_in_print" target="_blank">introductory essay</a>, &#8220;Take a walk through the contemporary wing of your local museum and count the number of works that do not employ print media, imitate print media, or allude to print media.  You probably won’t need both hands.&#8221; From industrial processes to classical techniques, printmaking defines much of contemporary art. The medium may not be the entirety of the message, but it&#8217;s a damn big part.</p>
<p>Printmaking is obviously very close to my heart, and I jumped at the chance to build this site. I studied printmaking in school, and it shaped how I work to this day. When I&#8217;m working on a project, be it a film or a website or a song, the conception and execution are inextricably tied together. The image and the processes that make that image are parts of a whole.</p>
<p>As proud as I am with the design work, it goes without saying that good design is meaningless without good content. This site and journal have that in spades, enough so that they started <a  href="http://www.printeresting.org/2011/04/27/art-in-print-a-new-critical-resource/" target="_blank">getting recognition</a> before the site even launched.</p>
<p>Working on this site with Chris was a pleasure, and I will willingly do it again any chance I get. It was important to me that not just the construction but the design process be collaborative for a couple of reasons: 1, Chris suffers from extreme technical competence, and because of that he rarely gets asked to do visual design (which he&#8217;s very good at); and 2, because I really like collaboration. I generally work alone, and miss the back-and-forth of working with peers, especially ones that are good at what they do. Our aesthetics are fairly different, and I&#8217;d say this site reflects a good balance.</p>
<p><strong>How we got there.</strong></p>
<p><em>(I&#8217;ve been meaning to write some detailed accounts of how the design process works with specific projects, and I think this one is a good place to start. I realize this is a bad idea, professionally speaking, in that what appeals about design is subjective, and by framing projects based on how I approached them I&#8217;m depriving potential clients of seeing my brilliance in ways I&#8217;d never intended. So it goes.)</em></p>
<p>I always start by discussing over-arching design and execution issues with clients. Who&#8217;s the audience? How complex is the site? How dynamic is the content? How much of it goes where? I also try to get a sense of what they&#8217;re looking for in both design and functionality by asking them to send me 5 sites they love and 5 they hate and explain why. This is usually a good way to begin discussing design as more than just decoration.</p>
<p>Art in Print were very prepared. They had a survey of their potential clients, a rough outline of sections and content, and since they were just starting out they had a business plan. I put together a site map and started estimating the number of templates we would need to make.</p>
<p>From there, I built 4 very divergent comps of how the site could be laid out based on initial conversations. More of a Rorschach test than good design, they served the purpose of fleshing out how pages should function. For me it was an experiment to see what would happen if I delivered comps that were more developed instead of just wireframes at the beginning of a project, and I&#8217;m still unsure of whether it was a helpful step or not. On the one hand it does help all involved picture actual content in actual layouts, but on the other hand it makes ideas seem more final than they really are.</p>
<p>As part of this experiment I built the comps in Photoshop instead of HTML, and I probably won&#8217;t do that again. While I like the fact that Photoshop makes me solve problems differently than code, I don&#8217;t think it inspired me to do anything superior to what I would have done with just code.</p>
<p>This was followed by a day of meetings in Chicago to flesh out the structure and concept, during which Chris built a rough model for the home page that we all agreed was great. The current home page isn&#8217;t too far from what he delivered there: large images cycling up top, 4 articles cycling below.</p>
<p>From there, Chris and I came back to Oakland and got to work. Since we already had a sitemap and some sense of the components for each page, we wanted to focus on the visual presentation, starting with a logo. Multiple ideas were thrown around, mostly based on classic magazine identities, none of which quite clicked. Eventually, Chris came up with this idea:</p>
<p><a  href="http://colinfrangos.com/blog/wp-content/uploads/2011/05/cp-logo-1.png" class="thickbox no_icon" rel="gallery-561" title="Art in Print logo 1"><img class="alignnone size-thumbnail wp-image-625" title="Art in Print logo 1" src="http://colinfrangos.com/blog/wp-content/uploads/2011/05/cp-logo-1-150x150.png" alt="" width="150" height="150" /></a></p>
<p>A great font choice (<a  href="http://new.myfonts.com/fonts/t26/vinyl/buy.html" target="_blank">Vinyl OT</a>) and relevant without being too stylistically narrow. I came up with the idea of reversing out one word to connect it to the positive/negative processes of printmaking. I played around with a few variations, and narrowed it down to these:</p>
<p><a  href="http://colinfrangos.com/blog/wp-content/uploads/2011/05/logos-round-2.png" class="thickbox no_icon" rel="gallery-561" title="Art in Print logos, round 2"><img class="alignnone size-thumbnail wp-image-626" title="Art in Print logos, round 2" src="http://colinfrangos.com/blog/wp-content/uploads/2011/05/logos-round-2-150x150.png" alt="" width="150" height="150" /></a></p>
<p>&nbsp;</p>
<p>We both felt like there was a clear winner there, as did the client. We had initially been thinking we would color code the various sections of the website, but kept coming back to a rich red. Using different colors for each section became tedious and didn&#8217;t compliment the simplicity of the site. We also ditched the texture. While I liked the use of wood grain and the implication of an  inked-up   block, detailed texture doesn&#8217;t scale well, as illustrated  by   that thumbnail. Plus, it narrows down the range of print mediums implied to  just   woodcuts.</p>
<p>With that out of the way, we started focusing on layout. The client wanted a lot of white space. This is every designer&#8217;s dream, not to have to worry about cramming content together to &#8220;get it above the fold.&#8221; Getting things above the fold is obviously important, but using white space is more important, if harder to explain. Clearly delineating components of the page makes it easier for the reader to use what&#8217;s there, and users will appreciate the logical structure even if they have to scroll. Plus, lots of white space mirrors the tradition of having generous margins around fine arts prints.</p>
<p>Several different layouts were tried, with variations on list pages and content pages. Sidebars jumped around. All the sort of uninteresting but important mechanical page flow ideas were sorted through, and we ended up with what we have now: a single sidebar to the right, large titles, and blurbs with thumbnails.</p>
<p>It was important that the site not get too tied to a specific era in the graphic design. This site deals with everything print-related, from medieval to contemporary, and leaning too heavily towards an era-specific stylistic frame would favor one kind of content over another. Having significant white space and a condensed, sans serif logo started implying a mid-twentieth century aesthetic &#8211; something we all responded positively to, but not as neutral as it should be. That lead us to the idea of using <a  href="http://new.myfonts.com/fonts/exljbris/calluna/italic/specs.html" target="_blank">Calluna Italic</a> for all headers. It&#8217;s a modern font from <a  href="http://www.exljbris.com/" target="_blank">ex-libris</a>, but it has a classical feel to it, which helped balance the stylistic range of the pages. I often say that only bad font choices really matter, but this is an example of that not being true. That one little component ties the site together quite nicely.</p>
<p>From there on in, it was all a matter of building templates and testing them with actual content (followed by building the more technically-oriented components, such as a way for members to pay for subscriptions). This site was built on the <a  href="http://expressionengine.com/" target="_blank">Expression Engine</a> platform. We needed something a more robust than my go-to CMS (<a  href="http://wordpress.org/" target="_blank">WordPress</a>) and Chris suggested EE. Because he had experience with it and I didn&#8217;t, he became the technical lead, leaving me to do the CSS, template coding, and project management.</p>
<p>Expression Engine was very straight forward. There was a learning curve involved, but the principles are still the same, and building templates proved easy enough once I learned the lingo. In my opinion there are some big holes in EE as a CMS, but I&#8217;m convinced that it&#8217;s only a matter of time before those are overcome. The way they work with their community of users should be the model for software development, and their product has benefitted greatly because of it.</p>
<p>&nbsp;</p>
<p>Part of the business model for Art in Print is based on selling a bi-monthly PDF, designed to fill the void of some previous print-oriented publications. Since I don&#8217;t do much InDesign work, Chris took on the job of building templates for the magazine and did a stellar job. The package he delivered them will suit them for a long time to come. You can download the first issue in its entirety <a  href="http://artinprint.org/Art_in_Print_1-1.pdf" target="_blank">here</a> for free.</p>
<p>&nbsp;</p>
<p>I really enjoy seeing big projects like this through from start to finish, and this one in particular was a real treat.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinfrangos.com/blog/2011/05/art-in-print-black-and-white-and-red-all-over/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Creekside Inn and Resort</title>
		<link>http://colinfrangos.com/blog/2011/04/the-creekside-inn-and-resort/</link>
		<comments>http://colinfrangos.com/blog/2011/04/the-creekside-inn-and-resort/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 18:49:55 +0000</pubDate>
		<dc:creator>Colin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[My work]]></category>
		<category><![CDATA[Travel]]></category>

		<guid isPermaLink="false">http://colinfrangos.com/?p=549</guid>
		<description><![CDATA[Yes it has been a long time since I posted. For someone who spends much of his professional time building blogs and encouraging those for whom he builds them to post actively and often, taking almost 2 months off between posts is not good form. I&#8217;ve, uh, been busy. Do as I say, not as [...]]]></description>
			<content:encoded><![CDATA[<p>Yes it has been a long time since I posted. For someone who spends much of his professional time building blogs and encouraging those for whom he builds them to post actively and often, taking almost 2 months off between posts is not good form. I&#8217;ve, uh, been busy. Do as I say, not as I do.</p>
<p>Anyway, I&#8217;m sticking my head up quickly to post a link to the new <a  href="http://creeksideinn.com/" target="_blank">Creekside Inn and Resort</a> website. <span id="more-549"></span>We started this project quite a while ago, and for various reasons it took quite a while to come to fruition. However, the results are worth the wait.</p>
<p>My wife and I have been going up to Guerneville for several years. It&#8217;s a convenient getaway from Oakland and one of those instances where driving two hours seems to take you a million miles away. The Russian River Valley is a lush and wild environment exactly unlike Oakland. Driving along the Bohemian Highway, I always have a sense that the cities and buildings are extremely tenuous and constantly on the verge of being overgrown. Plus there&#8217;s a lot of wine up there, which suits us to a T.</p>
<p>Perhaps 5 years ago we first stayed at the Creekside. It&#8217;s just across the bridge from downtown, so it&#8217;s a short walk from downtown and we were looking for somewhere new to try. It was so fantastic that we&#8217;ve been going back there ever since. When Lynn and I discussed their need for a new website, I all but demanded that they let me do it.</p>
<p>The graphical goal of the website was to convey the visual excitement of the location while keeping the content streamlined and focused so that it&#8217;s easy to use. So every header has unique photography but doesn&#8217;t take up much real estate on the page.</p>
<p>I did all of the photography with my Canon 5D, taking the rare  opportunity (for me) to work mostly in daylight. The grounds for the Inn  are very photogenic (as exhibited <a  href="http://creeksideinn.com/2010/05/photos-of-the-garden/" target="_blank">here</a>), as is the whole Russian River Valley. I did a lot of shooting, spread out over multiple visits.  However, there is no monitor on which shots of giant redwoods actually convey  the slightest sense of what it is like to be surrounded by them, so rather than try to capture the wide vistas and grand scale of the locale, I tried to narrow the scope of my shots down. Shots are often tightly cropped with elements cut off to convey that you&#8217;re not seeing the whole scene. The content column itself is very narrow, almost like a keyhole. The internet can only show you a tiny sliver of this place, but the sliver is very exciting.</p>
<p>It was important that the site convey the fact that this is a small family-owned business in a very special locale, and to that end there is what will hopefully be  a very active blog and events pages. Lynn, the owner, is a wealth of information on what&#8217;s going on locally, and one of our goals with the site was to give her a platform to convey that information. Want to find a good winery? Want a good restaurant for your evening? Perhaps even a special chef&#8217;s event? Lynn has the answer for you, and is eager to share. If she finds time to post even half of what is going on in the area this site will become an indispensable resource for people who want to visit the area. Her son, Mark, is an avid cyclist and is likewise a huge potential resource for the area. That end of the valley seems to be less known to cyclists, who usually stick to Healdsburg and surrounding environs. Mark is exactly the right person to point you to a new route and give you some insight into the ride. Because he&#8217;s already ridden it.</p>
<p>The site is built using WordPress. There is a reasonable amount of dynamic sorting and unique templating used to give the pages a lot of photographic range. This is a good example of a WordPress site that offers enough sophistication and flexibility on the back-end without getting too technically complicated to be functional: For this website to be successful, it&#8217;s going to have to have a lot of active content updated regularly, and to that end it&#8217;s important that that process be easy.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://colinfrangos.com/blog/2011/04/the-creekside-inn-and-resort/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Western Medicine CD Packaging</title>
		<link>http://colinfrangos.com/blog/2010/05/generalissimo-cd-packaging/</link>
		<comments>http://colinfrangos.com/blog/2010/05/generalissimo-cd-packaging/#comments</comments>
		<pubDate>Mon, 17 May 2010 22:17:07 +0000</pubDate>
		<dc:creator>Colin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[My work]]></category>
		<category><![CDATA[Objects of Interest]]></category>
		<category><![CDATA[Rock'n'roll]]></category>

		<guid isPermaLink="false">http://colinfrangos.com/?p=380</guid>
		<description><![CDATA[I recently helped design CD packaging for the band, Generalissimo.The packaging style is one I have used for all of Ovipositor&#8217;s CDs (I&#8217;ll get photos of those up sometime soon). They did most of the design work, I just helped by making some suggestions regarding materials and form (the utilitarian monochromatic package, the embossed logo) [...]]]></description>
			<content:encoded><![CDATA[<p>I recently helped design CD packaging for the band, <a  href="http://generalissimo.mu/" target="_blank">Generalissimo</a>.<span id="more-380"></span>The packaging style is one I have used for all of Ovipositor&#8217;s CDs (I&#8217;ll get photos of those up sometime soon). They did most of the design work, I just helped by making some suggestions regarding materials and form (the utilitarian monochromatic package, the embossed logo) and helping them focus on a concept for the package itself.</p>
<p><a  href="http://colinfrangos.com/blog/2010/05/generalissimo-cd-packaging/" title="Permanent Link to Western Medicine CD Packaging">Pictures from an exhibitionist.</a></p>
<p>I think it turned out well.</p>
<p>The album, Western Medicine, was intended to be a vinyl only release, and they spared no expense in pursuing that &#8211; recorded to analog tape, mastered specifically for vinyl (this is different from how one masters something for CD), and pressed into 180 gram virgin vinyl. I&#8217;m not a vinyl fetishist, personally, but I do think that if that&#8217;s important to you then you should do it the way these guys did. Whatever the differences in sound quality may be, I would suggest that they depend doing the job to the highest possible standard. The vinyl&#8217;s used or flimsy? Don&#8217;t bother. Your cousin recorded it on his Fostex? It&#8217;s not worth it. The main argument for vinyl (from my perspective) is that it is a very mature technology, and several extremely smart engineers have spent several decades working to make it sound good. All of that benefit is negated is you press a flexi-disc. It will still play, and hipster kids will still buy it, but you&#8217;re not doing the music any favors.</p>
<p>Doing it the right way is, however, extremely expensive. The idea of sending some high percentage of those expensive records off to reviewers or as promotional items struck everyone involved as a waste of money. Furthermore, there are people like me who don&#8217;t buy records for whatever reason (although this one does come with the CD included and a great cover, so there&#8217;s a good reason to make an exception here).</p>
<p>So we hit upon the idea of packaging the CD as a 16 bit replica of the album. Something cheap and utilitarian that will give you the impression of the album, but not the same. It&#8217;s like a photo of a painting.</p>
<p>The package itself looks inexpensive and utilitarian, but still elegant. Design-wise, I was thinking of the <a  href="http://www.kitrae.net/music/IMG_1897.jpg" target="_blank">crate-like wooden boxes</a> that Sovtek Big Muff pedals used to be packaged in: something cheaply functional, but so cool on its own that you just knew there was something good inside. The raw cardboard, one-color printing, and hand-folded package all seem slightly shoddy, but the embossed logo gives it a sophisticated quality.</p>
<p>The CD itself has the portrait of the band printed on the face (painted by my wife), giving the package a shot of color when you open it up.</p>
<p>This is also related to the promo packages I sent out when our two bands <a  href="http://colinfrangos.com/blog/2010/08/west-coast-tour-paraphenalia/">went on tour together</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinfrangos.com/blog/2010/05/generalissimo-cd-packaging/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Just a Little Label Love</title>
		<link>http://colinfrangos.com/blog/2009/05/just-a-little-label-love/</link>
		<comments>http://colinfrangos.com/blog/2009/05/just-a-little-label-love/#comments</comments>
		<pubDate>Sat, 16 May 2009 02:06:21 +0000</pubDate>
		<dc:creator>Colin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Wine]]></category>

		<guid isPermaLink="false">http://colinfrangos.com/blog/?p=78</guid>
		<description><![CDATA[Gary Vaynerchuk visits Katie Lee Joel and totes along some Rosé The last wine they taste is from A Donkey and Goat, and the first comment is &#8220;I like the label&#8221;. I&#8217;m glad to have produced something that is universally commented on, especially since it&#8217;s wrapped around truly great wines. My job was to get [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://tv.winelibrary.com/2009/05/08/domestic-rose-tasting-episode-673/" target="_blank">Gary Vaynerchuk visits Katie Lee Joel and totes along some Rosé</a></p>
<p>The last wine they taste is from <a  href="http://www.adonkeyandgoat.com/" target="_blank">A Donkey and Goat</a>, and the first comment is &#8220;I like the label&#8221;. I&#8217;m glad to have produced something that is universally commented on, especially since it&#8217;s wrapped around truly great wines. My job was to get people to notice the bottle, which is hard in a crowded wine market, but much easier than getting them to remember the wine. Big Cudos to Jared and Tracey.</p>
]]></content:encoded>
			<wfw:commentRss>http://colinfrangos.com/blog/2009/05/just-a-little-label-love/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

