<?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>Crayons Life &#187; Web Design</title>
	<atom:link href="http://www.crayonslife.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.crayonslife.com</link>
	<description>This site pays homage to the humble crayon. A life shared with children (and grown-ups who refuse to grow old). A small but a colorful, textured life.</description>
	<lastBuildDate>Sun, 23 Oct 2011 18:23:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Gingerbread House and Rabbits</title>
		<link>http://www.crayonslife.com/2011/02/gingerbread-house-and-rabbits.php</link>
		<comments>http://www.crayonslife.com/2011/02/gingerbread-house-and-rabbits.php#comments</comments>
		<pubDate>Wed, 23 Feb 2011 09:26:00 +0000</pubDate>
		<dc:creator>Jessette</dc:creator>
				<category><![CDATA[Crayonslife in Singapore]]></category>
		<category><![CDATA[illustrations]]></category>
		<category><![CDATA[Chinese New Year postcards]]></category>
		<category><![CDATA[Christmas eCards]]></category>
		<category><![CDATA[forest concepts]]></category>
		<category><![CDATA[singapore]]></category>
		<category><![CDATA[vector illustrations]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[year of the rabbit]]></category>

		<guid isPermaLink="false">http://www.crayonslife.com/?p=602</guid>
		<description><![CDATA[Confectionery shops always appeal to me, its "deliciousness" arrest my design sensibilities. One fine afternoon in mid-November last year, I was scurrying along Orchard Road when my eyes were arrested by these delicious Christmas motifs from Marks &#038; Spencer. Their biscuits and chocolate packaging designs are a feast for the eyes. I ran my hand on their glorious tin cans and an image of a gingerbread house caught my eye.

You can just imagine me standing there, staring at that tin box with all the intensity of a child whose eyes gazed upon a coveted dream toy. And that's how the idea of a gingerbread house appeared before me.]]></description>
			<content:encoded><![CDATA[<p>Confectionery shops always appeal to me, its &#8220;deliciousness&#8221; arrest my design sensibilities. One fine afternoon in mid-November last year, I was scurrying along Orchard Road when my eyes were arrested by these delicious Christmas motifs from Marks &amp; Spencer. Their biscuits and chocolate packaging designs are a feast for the eyes. I ran my hand on their glorious tin cans and an image of a gingerbread house caught my eye.</p>
<p>You can just imagine me standing there, staring at that tin box with all the intensity of a child whose eyes gazed upon a coveted dream toy. And that&#8217;s how the idea of a gingerbread house appeared before me.</p>
<p>I want to have fun with our Forecepts’ corporate Christmas eCards, so I created this simple, fun and quirky illustration of a gingerbread house. I added those four tiny birds flying up towards the top of the house carrying four Asian-inspired house accents. I have used curly Christmas trees in our last year’s Christmas eCard, I want to keep that as a “trademark&#8221;.  <img src='http://www.crayonslife.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>Forecepts&#8217; Christmas Gingerbread House: rendered as animated Flash electronic Card &#8211; http://forecepts.com/greetings/</p>
<div id="attachment_606" class="wp-caption alignnone" style="width: 610px"><a rel="attachment wp-att-606" href="http://www.crayonslife.com/2011/02/gingerbread-house-and-rabbits.php/foreceptshouse_1"><img class="size-full wp-image-606" title="Forecepts' Gingerbread House" src="http://www.crayonslife.com/wp-content/uploads/2011/02/foreceptshouse_1.jpg" alt="Forecepts' Gingerbread House" width="600" height="432" /></a><p class="wp-caption-text">Forecepts&#39; Gingerbread House</p></div>
<p>The fun had not ended that  Christmas Season. I’m living in a country where people all get hyped up for Chinese New Year the same way that I used to get hyped up on Christmas Day when I was still a kid. My gingerbread house morphed into an eclectic mix of orange hues with pseudo-Chinese elements. And oh, the rabbits, they must be cute and at the same time, help to usher in a new year of prosperity. This time, we sent out Chinese New Year postcards to our clients.</p>
<div id="attachment_611" class="wp-caption alignnone" style="width: 610px"><a rel="attachment wp-att-611" href="http://www.crayonslife.com/2011/02/gingerbread-house-and-rabbits.php/forecepts2011_cny_blog-2"><img class="size-full wp-image-611" title="Forecepts' Chinese New Year Postcard" src="http://www.crayonslife.com/wp-content/uploads/2011/02/Forecepts2011_CNY_blog.jpg" alt="Forecepts' Chinese New Year Postcard" width="600" height="421" /></a><p class="wp-caption-text">Forecepts&#39; Chinese New Year Postcard</p></div>
<p><em>Gingerbread:</em></p>
<p><em>The harder German-style Gingerbread is often used to build gingerbread houses similar to the &#8220;witch&#8217;s house&#8221; encountered by <a title="Hansel and Gretel" href="http://en.wikipedia.org/wiki/Hansel_and_Gretel">Hansel and Gretel</a>. These houses, covered with a variety of <a title="Candy" href="http://en.wikipedia.org/wiki/Candy">candies</a> and <a title="Icing (food)" href="http://en.wikipedia.org/wiki/Icing_%28food%29">icing</a>, are popular <a title="Christmas" href="http://en.wikipedia.org/wiki/Christmas">Christmas decoration </a><sup><a href="http://en.wikipedia.org/wiki/Gingerbread#cite_note-zeldes-4">[5]</a></sup> often built by <a title="Child" href="http://en.wikipedia.org/wiki/Child">children</a> with the help of their parents. This form of Gingerbread houses is also popular in Norway. (Source:Wikipedia)</em></p>
<p><em>The Rabbit:</em></p>
<p><em>Cuddly, warm and affectionate are the attributes of the Rabbit. Mysterious and a great party-giver and host, the Rabbit enjoys being the centre of attention once in a while. The Rabbit is occasionally over cautious and can be a bit boring. He is also one of the luckiest signs in the Chinese Astrology chart.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.crayonslife.com/2011/02/gingerbread-house-and-rabbits.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Etre Bon Gallery and Academy</title>
		<link>http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php</link>
		<comments>http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php#comments</comments>
		<pubDate>Mon, 06 Sep 2010 02:43:46 +0000</pubDate>
		<dc:creator>Jessette</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[coffee story illustrations]]></category>
		<category><![CDATA[Etre Bon Gallery Singapore]]></category>
		<category><![CDATA[Filipina web designer]]></category>
		<category><![CDATA[forecepts.com]]></category>

		<guid isPermaLink="false">http://www.crayonslife.com/?p=558</guid>
		<description><![CDATA[Etre Bon Gallery and Academy invited us to pitch a design for their web design and e-commerce project. Etre Bon is a sub-brand of Bon Café, which aims to teach and expose Singaporeans and residents to appreciate the art of coffee-making by conducting Coffee Journey Tours and Barista Workshops. As an exclusive agent in Singapore for selling Ascaso Dream Espresso Machines, the website is also targeted for online selling/ordering of this machine as well as barista tools.]]></description>
			<content:encoded><![CDATA[<p>In a designer’s life, there are those rare moments when we stumble  upon clients and projects that inspire us – projects that remind us why  we are in this industry and why we love what we do. When this cosmic  circumstance happened, a good design comes out of it: that is Etre Bon.</p>
<p>Etre Bon Gallery and Academy invited us to pitch a design for their  web design and e-commerce project. Etre Bon is a sub-brand of Bon Café,  which aims to teach and expose Singaporeans and residents to appreciate  the art of coffee-making by conducting Coffee Journey Tours and Barista  Workshops. As an exclusive agent in Singapore for selling Ascaso Dream  Espresso Machines, the website is also targeted for online  selling/ordering of this machine as well as barista tools.</p>
<div id="attachment_569" class="wp-caption alignnone" style="width: 610px"><a rel="attachment wp-att-569" href="http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php/illustrations2-2"><img class="size-full wp-image-569" title="illustrations2" src="http://www.crayonslife.com/wp-content/uploads/2010/09/illustrations21.jpg" alt="etre bon illustrations" width="600" height="165" /></a><p class="wp-caption-text">etre bon illustrations</p></div>
<p>In approaching the design for this project, I focused on this  particular statement from their brochure. “JOURNEY FROM CROP TO CUP. It  may appear to be simple, but behind every cup of coffee lies a stirring  story.” The solution doesn’t involve any rocket science or philosophical  art. The solution is simple: I just created a simple illustration of  the “story of coffee”, focusing on the idea, from “crop” to “cup” and  the processes involved in-between.</p>
<div id="attachment_574" class="wp-caption alignnone" style="width: 610px"><a rel="attachment wp-att-574" href="http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php/etrebon_home"><img class="size-full wp-image-574" title="etrebon_home" src="http://www.crayonslife.com/wp-content/uploads/2010/09/etrebon_home.jpg" alt="etrebon homepage" width="600" height="731" /></a><p class="wp-caption-text">etrebon homepage</p></div>
<div id="attachment_576" class="wp-caption alignnone" style="width: 610px"><a rel="attachment wp-att-576" href="http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php/etrebon_shop-2"><img class="size-full wp-image-576" title="etrebon_shop" src="http://www.crayonslife.com/wp-content/uploads/2010/09/etrebon_shop1.jpg" alt="etrebon shop" width="600" height="848" /></a><p class="wp-caption-text">etrebon shop</p></div>
<p>I used some of the elements from their branding such as the striped  gray line on top of the rich, black background and added some small,  hand illustrated icons on the section pages.</p>
<p>I created some burst of colour for the e-commerce page and enjoyed designing the rest of the styling for all the pages.</p>
<p>The programming team, especially Elliot and Ross, our flash guy  extraordinaire, have done a great job in the execution of this project. I want  to thank Xiong Zhou and Ian, for bringing us this gem of a client for us  to work on.</p>
<p>Cheers to us! Or would I rather say, a cup of coffee for all of us!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.crayonslife.com/2010/09/etre-bon-gallery-and-academy.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>SA Tours Singapore</title>
		<link>http://www.crayonslife.com/2010/03/sa-tours-singapore.php</link>
		<comments>http://www.crayonslife.com/2010/03/sa-tours-singapore.php#comments</comments>
		<pubDate>Tue, 23 Mar 2010 07:33:39 +0000</pubDate>
		<dc:creator>Jessette</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[forecepts.com]]></category>
		<category><![CDATA[SA Tours Singapore]]></category>
		<category><![CDATA[travel website]]></category>

		<guid isPermaLink="false">http://www.crayonslife.com/?p=441</guid>
		<description><![CDATA[From my point of view as a designer, I can say that SA Tours has been one of my favourite clients from my last year's web design portfolio. SA Tours, or Sino-America Tours Corporation Pte Ltd (Singapore) belongs to one of the top travel agencies here in Singapore. Forecepts was commissioned to design and develop their new website and create some of their direct-marketing e-mail campaigns.

]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-443" href="http://www.crayonslife.com/2010/03/sa-tours-singapore.php/sa_gooddeal_banner_blog"><img class="alignnone size-full wp-image-443" title="SA_GoodDeal_banner_Blog" src="http://www.crayonslife.com/wp-content/uploads/2010/02/SA_GoodDeal_banner_Blog.jpg" alt="" width="700" height="179" /></a></p>
<p>From my point of view as a designer, I can say that <a title="SA Tours Website" href="http://satours.com/" target="_blank">SA Tours</a> has been one of my favourite clients from my last year&#8217;s web design portfolio. SA Tours, or Sino-America Tours Corporation Pte Ltd (Singapore) belongs to one of the top travel agencies here in Singapore. Forecepts was commissioned to design and develop their new website and create some of their direct-marketing e-mail campaigns.</p>
<p><a rel="attachment wp-att-444" href="http://www.crayonslife.com/2010/03/sa-tours-singapore.php/sa_gooddeal_blog"><img class="alignnone size-full wp-image-444" title="SA_GoodDeal_Blog" src="http://www.crayonslife.com/wp-content/uploads/2010/02/SA_GoodDeal_Blog.jpg" alt="" width="700" height="1542" /></a></p>
<p><a rel="attachment wp-att-445" href="http://www.crayonslife.com/2010/03/sa-tours-singapore.php/satours_icons_b"><img class="alignnone size-full wp-image-445" title="SATours_icons_B" src="http://www.crayonslife.com/wp-content/uploads/2010/02/SATours_icons_B.jpg" alt="" width="700" height="699" /></a></p>
<p><a rel="attachment wp-att-446" href="http://www.crayonslife.com/2010/03/sa-tours-singapore.php/satours_web_blog"><img class="alignnone size-full wp-image-446" title="SATours_web_Blog" src="http://www.crayonslife.com/wp-content/uploads/2010/02/SATours_web_Blog.jpg" alt="" width="700" height="1177" /></a></p>
<p>Design Inspiration:</p>
<p>I’m fascinated about <a href="http://www.lonelyplanet.com/">http://www.lonelyplanet.com/</a> website structure, the richness of its content, the clean lines and the orderly fashion by which datas are presented in their site. So I’ll unabashedly admit that my design for SA Tours have been greatly influenced by this website.</p>
<p>Creating all the buttons and little icons have been a real treat for me.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.crayonslife.com/2010/03/sa-tours-singapore.php/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>A Crayon’s Life Is On CSS Mania</title>
		<link>http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php</link>
		<comments>http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php#comments</comments>
		<pubDate>Mon, 29 Jun 2009 18:02:51 +0000</pubDate>
		<dc:creator>Jessette</dc:creator>
				<category><![CDATA[A Crayon’s Life]]></category>
		<category><![CDATA[crayons]]></category>
		<category><![CDATA[CSS Mania]]></category>
		<category><![CDATA[death]]></category>
		<category><![CDATA[Filipina]]></category>
		<category><![CDATA[Filipina web designer]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[mourning]]></category>
		<category><![CDATA[Philippines]]></category>
		<category><![CDATA[University of the Philippines - College of Fine Arts]]></category>
		<category><![CDATA[UP CFA VISCOM]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.crayonslife.com/?p=216</guid>
		<description><![CDATA[
A Crayon’s Life is featured on CSS Mania last week, June 22.
Now let me tell you a little story on how A Crayon’s Life Version 2 was created.


Crayon&#8217;s Life On CSS Mania



Coming back to Singapore from my home in the Philippines last January has been one of the most difficult moments of my life. Returning from a one-month hiatus, fresh from your father’s funeral is not a very good way to start the year. They say that mourning has its own cycle and one has to go through the stages of anger, denial, acceptance and healing. I’m still lurking behind the denial stage and I did what I do best whenever I find myself balancing between grief, pain, loneliness and denial: I draw.
I tried to focus all my energy and concentration on getting things done. At the top of my list is my web re-design. On weekends, I shut myself [...]]]></description>
			<content:encoded><![CDATA[<p><!--StartFragment--></p>
<p class="MsoNormal">A Crayon’s Life is featured on CSS Mania last week, June 22.</p>
<p class="MsoNormal"><span>Now let me tell you a little story on how A Crayon’s Life Version 2 was created.<span style="color: #0000ee; "><img class="size-full wp-image-217" title="cssmania" src="http://www.crayonslife.com/wp-content/uploads/2009/06/cssmania.jpg" alt="Crayon's Life On CSS Mania" width="400" height="222" /></span></span></p>
<div class="mceTemp">
<dl id="attachment_217" class="wp-caption alignnone" style="width: 410px;">
<dd class="wp-caption-dd">Crayon&#8217;s Life On CSS Mania</dd>
</dl>
</div>
<p><!--StartFragment--></p>
<p class="MsoNormal">Coming back to Singapore from my home in the Philippines last January has been one of the most difficult moments of my life. Returning from a one-month hiatus, fresh from your father’s funeral is not a very good way to start the year. They say that mourning has its own cycle and one has to go through the stages of anger, denial, acceptance and healing. I’m still lurking behind the denial stage and I did what I do best whenever I find myself balancing between grief, pain, loneliness and denial: I draw.</p>
<p class="MsoNormal">I tried to focus all my energy and concentration on getting things done. At the top of my list is my web re-design. On weekends, I shut myself up in my room to work on the illustrations. I have a regular day job and I only have one day per week to work on the drawings. There are also instances when I don’t feel like drawing, so it was only after about two months that I was able to complete the whole series of drawings.</p>
<p class="MsoNormal">I even have to rework on some of the illustrations because I was not satisfied with the initial results.</p>
<p class="MsoNormal">Finally, after 3 long months, A Crayon’s Life Version 2 was launched in the last week of May. I wanted to thank my friend and developer, Apple Ilagan for the long hours she had spent working on the back end programming of my site. She’s even the one person responsible for submitting my sites to different CSS gallery sites.</p>
<p class="MsoNormal">Only a week after A Crayon’s Life was featured in CSS Mania, I have seen “Crayosa” drift from one CSS gallery site to another.</p>
<div id="attachment_218" class="wp-caption alignnone" style="width: 410px"><a rel="attachment wp-att-218" href="http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php/abduzeedo"><img class="size-full wp-image-218" title="Crayon's Life on Abduzeedo" src="http://www.crayonslife.com/wp-content/uploads/2009/06/abduzeedo.jpg" alt="Crayon's Life on Abduzeedo" width="400" height="585" /></a><p class="wp-caption-text">Crayon&#39;s Life on Abduzeedo</p></div>
<p> </p>
<div id="attachment_220" class="wp-caption alignnone" style="width: 410px"><a rel="attachment wp-att-220" href="http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php/101bestsites1"><img class="size-full wp-image-220" title="Crayon's Life on 101bestwebsites.com" src="http://www.crayonslife.com/wp-content/uploads/2009/06/101bestsites1.jpg" alt="Crayon's Life on 101bestwebsites.com" width="400" height="303" /></a><p class="wp-caption-text">Crayon&#39;s Life on 101bestwebsites.com</p></div>
<p> </p>
<div id="attachment_221" class="wp-caption alignnone" style="width: 410px"><a rel="attachment wp-att-221" href="http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php/welovecss"><img class="size-full wp-image-221" title="Crayon's Life on WeLoveCSS" src="http://www.crayonslife.com/wp-content/uploads/2009/06/welovecss.jpg" alt="Crayon's Life on WeLoveCSS" width="400" height="325" /></a><p class="wp-caption-text">Crayon&#39;s Life on WeLoveCSS</p></div>
<p> </p>
<div id="attachment_222" class="wp-caption alignnone" style="width: 410px"><a rel="attachment wp-att-222" href="http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php/cssshowcases"><img class="size-full wp-image-222" title="A Crayon's Life On CSS Showcases" src="http://www.crayonslife.com/wp-content/uploads/2009/06/cssshowcases.jpg" alt="A Crayon's Life On CSS Showcases" width="400" height="161" /></a><p class="wp-caption-text">A Crayon&#39;s Life On CSS Showcases</p></div>
<p>Right now I’m still enjoying the euphoria from my “15 minutes of fame” (Andy Warhol), because I know that people will eventually forget about this site. I’m just plain happy that some people appreciate what we have done.</p>
<p>About my mourning cycle, I’m still lurking behind the stage of denial but the fact that I am now writing about it is a good sign that I’m now bordering on the “acceptance” stage. I know I have to brace myself, for I believe, this stage is the most painful.</p>
<p class="MsoNormal">For these gallery sites whose people behind them are kind enough to let Crayosa and the crayons drift into their webpages, I am most thankful  :)  <a title="CSS Mania" href="http://cssmania.com/galleries/2009/06/21/crayons-life.php" target="_blank">CSS Mania</a>, <a title="Abduzeedo" href="http://abduzeedo.com/sites-week-57" target="_blank">Abduzeedo</a>, <a title="101 Best Websites" href="http://101bestwebsites.com/url/www.crayonslife.com" target="_blank">101 Best Websites</a>, <a title="CSS Showcases" href="http://www.cssshowcases.com">CSS Showcases</a>, and <a title="We Love CSS" href="http://www.welovecss.net/?p=174">We Love CSS</a>.</p>
<p><!--EndFragment--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.crayonslife.com/2009/06/a-crayon%e2%80%99s-life-is-on-css-mania.php/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

