<?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>Stations Studio</title>
	<atom:link href="http://www.stations-studio.com/site/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.stations-studio.com/site</link>
	<description>The Work of Mehran Azma</description>
	<lastBuildDate>Sun, 25 Sep 2011 16:23:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Sequoia &#8211; Logo Design Process</title>
		<link>http://www.stations-studio.com/site/?p=334</link>
		<comments>http://www.stations-studio.com/site/?p=334#comments</comments>
		<pubDate>Thu, 15 Sep 2011 04:47:32 +0000</pubDate>
		<dc:creator>lightupthesky</dc:creator>
				<category><![CDATA[Process]]></category>

		<guid isPermaLink="false">http://www.stations-studio.com/site/?p=334</guid>
		<description><![CDATA[Designing for clients is one thing, but designing for yourself or people close to you, like friends ...]]></description>
			<content:encoded><![CDATA[<p>Designing for clients is one thing, but designing for yourself or people close to you, like friends and family, can prove to be even more debilitating.<span id="more-334"></span> To avoid the process, several years ago I asked my good friend and talented designer, Scott Benoit to create a logo for my parent&#8217;s drapery business. He offered a solution that solved everything easily, and did so on a effortless whim. Sadly, time passed and the logo never was put to use due to other priorities of their business. A million design files transferred around in the time between, and Scott&#8217;s logo fell into the abyss of lost files for both he and I. Now, the need for a logo is far more pressing, as they&#8217;re currently assembling their first business website. So, with a vague recollection of the original idea he had, I&#8217;ve taken to the task of creating one again. Though not quite completed, here is the process thus far:</p>
<p>1.) I sought an &#8216;S&#8217; for Sequoia to emblemize the logo first and foremost. I knew it had to be a serif-based type, with a nice contrast between thicks and thins of letterform, that had a level classicsm to it. I found the form of Goudy Old Style Bold to be just right.</p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Sketch.jpg"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Sketch.jpg" alt="" title="Sequoia_Sketch" width="520" height="386" class="alignnone size-full wp-image-339" /></a></p>
<p>2.) Next, I had to figure out how tie in the name of the company visually with what they provide. I found the negative shapes of the &#8216;S&#8217; nearly mimicking the shape of a curving leaf &#8211; which is nature&#8217;s own drapery. It also connotes trees, which naturally lends itself as an association to the company name (Sequoia). By bending the stem around the letterform, it gives an appearance of being hooked onto the letter and further pushes the association of drapery rings/curtain loops wrapping around curtain rods. I created a basic layout and tested it floating as well as with a color background to see how legible the leaf shapes were.</p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Print.jpg"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Print.jpg" alt="" title="Sequoia_Print" width="520" height="386" class="alignnone size-full wp-image-340" /></a></p>
<p>3.) After concluding that the leaves weren&#8217;t quite obvious enough, I decided to add some very simple line work to help pronounce the leaves a bit more. I added some very subtle gradients, textures and shadows to add dimensionality and viola!</p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Logo.jpg"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Sequoia_Logo.jpg" alt="" title="Sequoia_Logo" width="520" height="388" class="alignnone size-full wp-image-341" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.stations-studio.com/site/?feed=rss2&#038;p=334</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jolitics &#8211; Web Redesign Process</title>
		<link>http://www.stations-studio.com/site/?p=303</link>
		<comments>http://www.stations-studio.com/site/?p=303#comments</comments>
		<pubDate>Tue, 13 Sep 2011 21:49:43 +0000</pubDate>
		<dc:creator>lightupthesky</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.stations-studio.com/site/?p=303</guid>
		<description><![CDATA[I recently had an opportunity to create a web mock-up for a Jolitics re-design project being handled ...]]></description>
			<content:encoded><![CDATA[<p>I recently had an opportunity to create a web mock-up for a Jolitics re-design project being handled by Monkey Inferno design studio. Here is a quick peak into the process&#8230;<span id="more-303"></span></p>
<p>1.) Below is the original UI sample provided for reference, with directives stating that the focus was on a clean and clear re-skin that focused on the key call-to-action points of the site. I was to only use a straight typographic spellout of the company name as a logo, with no additional design re-working or flare.</p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Original.png"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Original.png" alt="" title="Jolitics_Original" width="520" height="541" class="alignnone size-full wp-image-304" /></a></p>
<p>2.) Next, I was provided with a quaint wireframe from the Product Manager which I was requested to adhere to strictly in structural hierarchy. The goal was to show the primary content areas without re-ordering them in any way.</p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Wireframe.jpg"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Wireframe.jpg" alt="" title="Jolitics_Wireframe" width="520" height="370" class="alignnone size-full wp-image-313" /></a></p>
<p>3.) After reading the brief on the assignment, I decided to update the overall look and feel to be more inline with popular social-media/network sites. I aimed to keep the colors light, making sure the necessary call-to-action elements were most bold and immediate. I added a bit of dimensionality and texture to add a bit of a pop to the button elements. I created the idea of a drawer below the polling question, so once a vote had been cast, the drawer would close &#8211; leaving the primary focus on the addition of arguments and user interaction (right content panel). </p>
<p><a href="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Design.jpg"><img src="http://www.stations-studio.com/site/wp-content/uploads/2011/09/Jolitics_Design.jpg" alt="" title="Jolitics_Design" width="520" height="467" class="alignnone size-full wp-image-314" /></a> </p>
<p>All-in-all, I think the re-skin did what it was intended to do. I am quite happy with the result, and if I were to critique my own work &#8211; I&#8217;d perhaps consider giving the neutral grays a slight color value to help warm up the overall appearance just a bit more.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stations-studio.com/site/?feed=rss2&#038;p=303</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

