<?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> &#187; Tim Phelan</title>
	<atom:link href="http://www.whiteinkblog.com/tag/tim-phelan/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.whiteinkblog.com</link>
	<description></description>
	<lastBuildDate>Wed, 02 Dec 2009 19:03:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Welcome, The WhiteInk Story</title>
		<link>http://www.whiteinkblog.com/2009/01/13/first/</link>
		<comments>http://www.whiteinkblog.com/2009/01/13/first/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 18:47:12 +0000</pubDate>
		<dc:creator>Youssef Sarhan</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Design Process]]></category>
		<category><![CDATA[Tim Phelan]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[WHITEINK]]></category>
		<category><![CDATA[Youssef Sarhan]]></category>

		<guid isPermaLink="false">http://www.whiteinkblog.com/?p=152</guid>
		<description><![CDATA[Hello, and welcome to WHITEINK. It is likely that you are one of our first readers, I hope you enjoy what we have to share. I have been thinking of different topics for the first post, and decided I&#8217;d give you a story of how this site came to be.
Last august, in the peak of [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Hello, and welcome to WHITEINK. It is likely that you are one of our first readers, I hope you enjoy what we have to share. I have been thinking of different topics for the first post, and decided I&#8217;d give you a story of how this site came to be.</p>
<p>Last august, in the peak of Irelands wintery summer, <a href="/about/">Tim</a> &amp; I were talking about setting up a website. Maybe a joint portfolio or something along those lines; but we soon realised there wouldn&#8217;t be a whole lot to gain from it. It wouldn&#8217;t be much of a learning experience. So after a few months, I suggested a blog, somewhere for us to express our thoughts, to write post on things we like, work and people that truly inspire us. So we agreed. It was set in motion.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://farm4.static.flickr.com/3475/3194287239_66783a2c61.jpg" alt="WHITEINK Concepts" width="400" height="266" /></p>
<p>Thinking of a name was the first thing. We went through pages and pages of names, it wasn&#8217;t getting anywhere, it was bit forced; so we took a break. Then sometime after Tim and I were chatting about something or another; we were talking about the cost of printing. The place we get stuff printed charges based on ink coverage. Tim was wondering how much it&#8217;d cost to get a white pdf printed on white paper. Took a second to realise that made no sense, and from that the name &#8216;WhiteInk&#8217; was born. It was simple and easy to remember. So we went with it.</p>
<p><span id="more-152"></span></p>
<p>Here is a very skimmed taste of the amount of sketches and doodles that went into how we&#8217;d present the site&#8217;s logo. In the end we realised we weren&#8217;t creating a brand so we went with a clean uppercaps &#8216;WHITEINK&#8217;. Deciding to make it white on a light grey gradient was to pickup on the story behind it. Demonstrating how as the gradient fades out, white-on-white doesn&#8217;t really make much sense.</p>
<p style="text-align: center;"><a title="WHITEINK Concepts by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3195131014/"><img class="aligncenter" src="http://farm4.static.flickr.com/3465/3195131014_b9240855bf.jpg" alt="WHITEINK Concepts" width="333" height="500" /></a></p>
<p style="text-align: center;"><a title="WHITEINK Concepts by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194288009/"><img class="aligncenter" src="http://farm4.static.flickr.com/3490/3194288009_79d8a2f683_b.jpg" alt="WHITEINK Concepts" width="400" height="266" /></a></p>
<p style="text-align: center;"><a title="WHITEINK logo concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194359983/"><img class="aligncenter" src="http://farm4.static.flickr.com/3099/3194359983_5330843ede_b.jpg" alt="WHITEINK logo concept" width="422" height="819" /></a></p>
<p style="text-align: center;"><a title="WHITEINK logo concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194360167/"><img class="aligncenter" src="http://farm4.static.flickr.com/3511/3194360167_3d3c9bf236.jpg" alt="WHITEINK logo concept" width="400" height="185" /></a></p>
<p style="text-align: center;"><a title="WHITEINK logo concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3195204098/"><img class="aligncenter" src="http://farm4.static.flickr.com/3315/3195204098_70b301cbb0_o.png" alt="WHITEINK logo concept" width="400" height="147" /></a></p>
<p style="text-align: center;"><a title="wi drop by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3195204168/"><img class="aligncenter" src="http://farm4.static.flickr.com/3331/3195204168_171539ac58.jpg" alt="wi drop" width="375" height="500" /><br />
</a>
</p>
<p style="text-align: left;">They were just a few screenshots/photos of some ideas we had. Some were the result of pages of sketches others were just one off doodles. We went with a type-only title, sort of like a masthead. Here are a few images of the blog design progression.</p>
<p style="text-align: center;"><a title="After registering whiteinkblog.com by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194359313/"><img class="aligncenter" src="http://farm4.static.flickr.com/3324/3194359313_b993e436db.jpg" alt="After registering whiteinkblog.com" width="400" height="258" /></a></p>
<p style="text-align: center;"><a title="WHITEINK layout concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194359547/"><img class="aligncenter" src="http://farm4.static.flickr.com/3109/3194359547_f5b051d407_o.png" alt="WHITEINK layout concept" width="400" height="358" /></a></p>
<p style="text-align: center;"><a title="WHITEINK layout concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194359821/"><img class="aligncenter" src="http://farm4.static.flickr.com/3332/3194359821_13e44f42b0.jpg" alt="WHITEINK layout concept" width="400" height="224" /></a></p>
<p style="text-align: center;"><a title="WHITEINK layout concept by Youssef Sarhan, on Flickr" href="http://www.flickr.com/photos/youssefsarhan/3194359665/"><img class="aligncenter" src="http://farm4.static.flickr.com/3097/3194359665_1331011f79.jpg" alt="WHITEINK layout concept" width="400" height="200" /></a></p>
<p>As this is the first post, I don&#8217;t want to overload you with info; however in my next post (Design Deconstructed) I will break down and give rationale to the elements of our blog design, such as the grid, typeface(weight/size), colours, going into some detail on the css and layout. I hope to make &#8216;Design Deconstructed&#8217; a regular feature, where I try to deconstruct the designs of some of my favorite websites.</p>
<p>I hope this gave you a little bit of an insight into how we designed this website, the steps and progress. From start(august) to finish(january) it took about 6 months, with the interaction of our visitors it&#8217;ll keep growing. If you&#8217;ve got hope for the blog, please subscribe on the sidebar to the right.</p>
<p>Thank you for reading.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.whiteinkblog.com/2009/01/13/first/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
