<?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>On the Web with Kim Vallee &#187; web design</title>
	<atom:link href="http://ontheweb.kimvallee.com/tags/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://ontheweb.kimvallee.com</link>
	<description>A Guide to Social Media for Bloggers</description>
	<lastBuildDate>Tue, 17 Nov 2009 19:49:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Top 3 Tips for a Blog Design Makeover</title>
		<link>http://ontheweb.kimvallee.com/2009/04/planning-a-new-blog-design/</link>
		<comments>http://ontheweb.kimvallee.com/2009/04/planning-a-new-blog-design/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 22:14:47 +0000</pubDate>
		<dc:creator>Kim Vallee</dc:creator>
				<category><![CDATA[BLOGGING]]></category>
		<category><![CDATA[Blog DESIGN]]></category>
		<category><![CDATA[blog migration]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://ontheweb.kimvallee.com/?p=1356</guid>
		<description><![CDATA[If you follow me on Twitter, Facebook or read At Home with Kim Vallee, you are aware that I migrated my main blog to Wordpress last Friday. Any blog migration comes with a blog redesign. Let&#8217;s examine my top 3 tips if you are planning a blog makeover.
What are Your Goals?
Whether you do it yourself [...]]]></description>
			<content:encoded><![CDATA[<p>If you follow me on <a href="http://twitter.com/KimVallee" target="_blank">Twitter</a>, Facebook or read <a href="http://athome.kimvallee.com/" target="_blank">At Home with Kim Vallee</a>, you are aware that I migrated my main blog to Wordpress last Friday. Any blog migration comes with a blog redesign. Let&#8217;s examine my top 3 tips if you are planning a blog makeover.</p>
<h3>What are Your Goals?</h3>
<p>Whether you do it yourself or outsource your blog integration, the first thing you need to do is to write a program that clearly expresses:</p>
<ol>
<li>the mood you wish to create, the style you aim for</li>
<li>where you wish to bring your brand (a blog is brand). I believe that you must design for the future, not the past</li>
<li>and to define your needs and the features you wish to have. Do not forget to specify the maximum width of your layout and other technical issues.</li>
</ol>
<p>This long and hard process is crucial. While reading the comments I received about the new AHWKV look, I was proud that my readers spot my goals as something they like about the new design. It proves that we were successful. To stay focus the entire time, we considered my program over the whole design and implementation stages.</p>
<h3>What Design Problems Do You Wish to Solve?</h3>
<p>This is more and less a part of the mock-up step. I include it separately as people often get hooked on the problems. I have 15 years of quality software assurance to support this claim. Writing them down permit you to pass to something else.</p>
<p>For At Home with Kim Vallee, I wanted to solve the fact that my sidebar could not fit the Medium Rectangle ads (300&#215;250 IMU). It was the trigger point for the new layout. But many other factors led to the fact that I switched to a 2-column layout.</p>
<h3>Start with a Mock-Up</h3>
<p>Illustrating your need with a mock-up is more efficient than writing everything down. You indicate what goes where. You validate and must take into account usability from a reader&#8217;s point of view.</p>
<p>If you are an interior designer, imagine this step as your initial space planning. You must take into account the actual size of things. Therefore, use Photoshop or a paper montage where you put what plugins and in what order do they will appear on your sidebar.</p>
<p>If it easy to be carried away with all the Wordpress plugins that exist. Doing this exercise, allow you to validate their purpose. I always asked myself if a plugin adds value to my readers.<br />
<h3>You might also like these posts</h3>
<ul class="related_post">
<li><a href="http://ontheweb.kimvallee.com/2009/07/matt-mullenweg-talked-about-his-open-source-story-to-christian-aubry/" title="Matt Mullenweg Talked about His Open Source Story to Christian Aubry">Matt Mullenweg Talked about His Open Source Story to Christian Aubry</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/07/wrap-up-of-my-day-1-at-wordcamp-montreal/" title="A Quick Recap of My Experience at WordCamp Montreal 2009">A Quick Recap of My Experience at WordCamp Montreal 2009</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/04/why-did-i-migrate-my-main-blog-to-wordpress/" title="Why Did I Migrate My Main Blog to Wordpress?">Why Did I Migrate My Main Blog to Wordpress?</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/" title="Simple Way to Add a Background Image to a Wordpress Blog">Simple Way to Add a Background Image to a Wordpress Blog</a></li>
<li><a href="http://ontheweb.kimvallee.com/2008/12/a-new-adventure-in-blogging-101/" title="A New Adventure in Blogging 101">A New Adventure in Blogging 101</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ontheweb.kimvallee.com/2009/04/planning-a-new-blog-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Site Design Trends 2009</title>
		<link>http://ontheweb.kimvallee.com/2009/01/web-site-design-trends-2009/</link>
		<comments>http://ontheweb.kimvallee.com/2009/01/web-site-design-trends-2009/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 19:42:47 +0000</pubDate>
		<dc:creator>Kim Vallee</dc:creator>
				<category><![CDATA[BLOGGING]]></category>
		<category><![CDATA[Blog DESIGN]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://ontheweb.kimvallee.com/?p=480</guid>
		<description><![CDATA[Every time at this time of the year, I am curious to know what top designers have to say about Web site designs. Let&#8217;s look at was hot last year that should continue this year? But most importantly what is hot right now.
Here are my Top 5 trends. They are the ones I prefer.
1. Magazine [...]]]></description>
			<content:encoded><![CDATA[<p>Every time at this time of the year, I am curious to know what top designers have to say about Web site designs. Let&#8217;s look at was hot last year that should continue this year? But most importantly what is hot right now.</p>
<p>Here are my Top 5 trends. They are the ones I prefer.</p>
<h4>1. Magazine Layout</h4>
<p>I talked about it before: The <a href="http://ontheweb.kimvallee.com/2008/12/dilemma-magazine-style-vs-traditional-blog-look/" target="_blank">magazine layout</a> has invaded the blogosphere. We see the Web borrowing for the print media practices at a time where the newspapers are in crisis. I am thinking of moving to this format for At Home with Kim Vallee. I feel it will fit better my content.</p>
<h4>2. Featured Post Carousels</h4>
<p>This is on my must-have list for my blog revamp. I like them for my featured stories, especially when used with transparency effects. The carousel is cool because they highlight well the content. Moreover, a simple click brings your users to the story. I will tell more on how to create one once I implemented mine.</p>
<h4>3. Letterpress</h4>
<p>The<strong> </strong>letterpress writing is hot for logo and menu. With the revival of letterpress printing for stationery, it makes that at some times it will invade the Web. I am simply amazed that it took so long for this trend to catch up online.</p>
<h4>4. Embellishments</h4>
<p>I gather all embellishments together. I saw pretty grungy Web design over 2008. Ideal for the crafting world and the artists are the collage effect. I still like  the vintage/retro look, although it has been around for a while now. I guess people likes the comforting vibe they infuse. The wood background was also present on many blogs in 2008. Before you opt for any embellishments, make sure they support your branding.</p>
<h4>5. Playing Out with the Typography</h4>
<p>The large font trend continues. This is something that you can easily integrate in any blog.</p>
<p>Typography makes a huge impact on a document. Some designers experiment with new technology for font replacement but it is not full proof yet. So I will stay away until then. If you are interested by the subject, read this informative post by <a href="http://www.mikeindustries.com/blog/sifr/" target="_blank">Mike Davidson on sIFR</a>.</p>
<p>Read more trends for 2009 in the excellent <a href="http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/" target="_blank">Smashing magazine</a>.<br />
<h3>You might also like these posts</h3>
<ul class="related_post">
<li><a href="http://ontheweb.kimvallee.com/2009/10/7-blog-design-rules-to-know-before-selecting-a-template/" title="7 Blog Design Rules To Know Before Selecting a Template">7 Blog Design Rules To Know Before Selecting a Template</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/10/women-rules-the-social-media-in-usa/" title="US Women Are More Present in Social Networking Sites">US Women Are More Present in Social Networking Sites</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/08/defining-social-media-etiquette-one-step-at-a-time/" title="Defining Social Media Etiquette One Step at a Time">Defining Social Media Etiquette One Step at a Time</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/04/planning-a-new-blog-design/" title="Top 3 Tips for a Blog Design Makeover">Top 3 Tips for a Blog Design Makeover</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/" title="Simple Way to Add a Background Image to a Wordpress Blog">Simple Way to Add a Background Image to a Wordpress Blog</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ontheweb.kimvallee.com/2009/01/web-site-design-trends-2009/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Simple Way to Add a Background Image to a Wordpress Blog</title>
		<link>http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/</link>
		<comments>http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 04:42:36 +0000</pubDate>
		<dc:creator>Kim Vallee</dc:creator>
				<category><![CDATA[BLOGGING]]></category>
		<category><![CDATA[Blog DESIGN]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://ontheweb.kimvallee.com/?p=224</guid>
		<description><![CDATA[I purposely selected a simple Wordpress theme for this blog. I wanted to see what is or is not necessary when you start a blog. The Zindi theme that I used was programmed with a boring solid beige background. It did not feel like me.
I decided to add personality with an image. I first found [...]]]></description>
			<content:encoded><![CDATA[<p>I purposely selected a simple Wordpress theme for this blog. I wanted to see what is or is not necessary when you start a blog. The Zindi theme that I used was programmed with a boring solid beige background. It did not feel like me.</p>
<p>I decided to add personality with an image. I first found a free pattern on <a href="http://www.squidfingers.com/patterns/" target="_blank">Squidfingers</a>. I twinkled it a little on Photoshop. I enlarged the size of the pattern and changed the color from orange to aqua blue.</p>
<p>A new feature in Wordpress simplifies the process. I uploaded the background image using the Media menu. I then viewed the image on my browser and opened the image property (control-click on the MAC or right-mouse button for Windows) to find the exact Image Location. Copy (Command/Control C)  it since the path is long.</p>
<p>Then, you open the Editor of your Theme (Apparence menu). Click on <span class="highlight">Stylesheet</span><a href="theme-editor.php?file=/themes/zindi/style.css&amp;theme=zindi"><span class="highlight"> </span></a><span class="highlight"><span class="nonessential">(style.css)</span></span> to edit it. Add <strong>url(exact Image Location you copied) repeat</strong> to the background element of body.</p>
<p>Mine reads body { font-size: 12px; font-family: Verdana, Arial, &#8216;Lucida Grande&#8217;,  Sans-Serif; background:#e4e4e4 <strong>url(http://ontheweb.kimvallee.com/wp-content/uploads/2009/01/bgrnd4ontheweb.png) repeat</strong>;color: #555;    }</p>
<p>Save your changes and your blog should have a background that reflects your style. My blog went from this</p>
<p style="text-align: center;"><img class="size-full wp-image-238" title="ontheweb_withoutbgrnd" src="http://ontheweb.kimvallee.com/wp-content/uploads/2009/01/ontheweb_withoutbgrnd.jpg" alt="With a boring beige background" width="455" height="325" /></p>
<p>to this in a matter of a few minutes.</p>
<p style="text-align: center;"><img class="size-full wp-image-239" title="ontheweb_withbgrnd" src="http://ontheweb.kimvallee.com/wp-content/uploads/2009/01/ontheweb_withbgrnd.jpg" alt="With a lively background image" width="455" height="315" /></p>
<h3>You might also like these posts</h3>
<ul class="related_post">
<li><a href="http://ontheweb.kimvallee.com/2009/06/how-to-add-a-related-posts-section-for-each-post/" title="How to Add a Related Posts Section for each Post">How to Add a Related Posts Section for each Post</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/04/planning-a-new-blog-design/" title="Top 3 Tips for a Blog Design Makeover">Top 3 Tips for a Blog Design Makeover</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/03/my-top-tips-to-new-bloggers/" title="My Top Tips To New Bloggers">My Top Tips To New Bloggers</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/01/how-to-add-site-meter-and-google-analytics-to-a-wordpress-blog/" title="How to add Site Meter and Google Analytics to a Wordpress Blog">How to add Site Meter and Google Analytics to a Wordpress Blog</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/01/supporting-facebook-connect-for-commenting/" title="Supporting Facebook Connect for Commenting">Supporting Facebook Connect for Commenting</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Dilemma: Magazine Style Vs Traditional Blog Layout</title>
		<link>http://ontheweb.kimvallee.com/2008/12/dilemma-magazine-style-vs-traditional-blog-look/</link>
		<comments>http://ontheweb.kimvallee.com/2008/12/dilemma-magazine-style-vs-traditional-blog-look/#comments</comments>
		<pubDate>Fri, 26 Dec 2008 23:17:43 +0000</pubDate>
		<dc:creator>Kim Vallee</dc:creator>
				<category><![CDATA[BLOGGING]]></category>
		<category><![CDATA[Blog DESIGN]]></category>
		<category><![CDATA[case study]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://ontheweb.kimvallee.com/?p=136</guid>
		<description><![CDATA[Instead of answering the question through theory, I will examine a case study: the revamp of my own blog (my other one). If you follow me on At Home with Kim Vallee, you probably know that I am in the middle of a major blog revamp.
Why a Blog Revamp?
In short, my wish list for the [...]]]></description>
			<content:encoded><![CDATA[<p>Instead of answering the question through theory, I will examine a case study: the revamp of my own blog (my other one). If you follow me on <a href="http://athome.kimvallee.com/" target="_blank">At Home with Kim Vallee</a>, you probably know that I am in the middle of a major blog revamp.</p>
<h4>Why a Blog Revamp?</h4>
<p>In short, my wish list for the new blog can be resumed in those terms:</p>
<ul>
<li>Increase the time my readers pass on my blog</li>
<li>Make it easier to navigate between categories</li>
<li>Migrate to a Wordpress platform</li>
<li>More flexibility on ad placements while keeping as much as possible the ads separated from the content</li>
</ul>
<p>As we worked on the blog mock-up, it became evident that I need a new logo and the color palette. We did those first and we are back working on the mock-up. I aim for a unique look. One solution can be to customize a Wordpress theme. We could tailor it to fit the look and feels I am looking for. Therefore, I am looking at Wordpress themes available on the Web.</p>
<p>We see more and more magazine style blogs. At first glance, the magazine style looks impressive and more polished. I particularly like the magazine themes of Woo Themes. I am leaning towards <a href="http://www.woothemes.com/2007/12/newspress/" target="_blank">News Press</a> or <a href="http://www.woothemes.com/2008/02/flash-news/" target="_blank">Flash News</a>.</p>
<div id="attachment_168" class="wp-caption alignnone" style="width: 465px"><a href="http://www.woothemes.com/2007/12/newspress/" target="_blank"><img class="size-full wp-image-168" title="newspress_woothemes" src="http://ontheweb.kimvallee.com/wp-content/uploads/2008/12/newspress_woothemes.jpg" alt="News Press by Woo Themes" width="455" height="667" /></a><p class="wp-caption-text">News Press by Woo Themes</p></div>
<p>I also like <a href="http://michaelhutagalung.com/2008/08/arthemia-20-released-the-updates/" target="_blank">Arthemia</a>; they have a free version. <a href="http://mom2momlounge.com/blog/" target="_blank">Mom2Mom Lounge</a> started using this theme a few months ago.</p>
<div id="attachment_165" class="wp-caption alignnone" style="width: 465px"><a href="http://mom2momlounge.com/blog/" target="_blank"><img class="size-full wp-image-165" title="mom2momlounge" src="http://ontheweb.kimvallee.com/wp-content/uploads/2008/12/mom2momlounge.jpg" alt="Mom2Mom Lounge" width="455" height="712" /></a><p class="wp-caption-text">Mom2Mom Lounge</p></div>
<p>The technical aspect of the implementation and the maintenance is not an issue for me. I have access to an experienced programmer (my husband). I hired a graphic designer. Plus I can discuss the new design with my mentor.</p>
<p>I keep current on the experience of other bloggers who made the switch. Some bloggers reported that they lost readers after they switched to the magazine style. I suspect the effectiveness of the magazine style to be linked to a blog niche and particular readership. In any case, this fact is a cause for worries. Since we can achieve my requirements with either style, the real question is: Which style my readers will like better?  I ask you to vote for your blog layout preference</p>
Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.
<h4>My Reflections So Far</h4>
<p>If you are not familiar with the pros and cons of the magazine style, read this excellent article by <a href="http://www.smashingmagazine.com/2008/08/28/magazine-themes-usage-and-considerations/" target="_blank">Smashing Magazine</a>. With a target of 4 daily posts on weekdays, I feel I can reasonably fill the homepage with fresh content. Magazine style is appropriate for blogs with the several categories. At Home with Kim Vallee is split in 7 main categories surrounding entertaining and home decor.</p>
<p>One problem with the magazine style is that you lose the friendly feeling that comes with the traditional blog style. Some users can be confused since At Home with Kim Vallee is not a print publication. There is nothing wrong with being a blogger. My mentor told me that the key factor is credibility and credibility comes from great, unique content.</p>
<h3>Need for Intelligent Excerpts</h3>
<p>I hate the short excerpts of the magazine style. I used long excerpts (at least 500 characters) on At Home with Kim Vallee. I already acknowledged the needs for a shorter home page but I wish to keep it simple for my readers.</p>
<p>My programmer created a sophisticated excerpt function for me. As a past software designer, I am used to the benefit of intelligent automatism. The excerpt I used is dynamic; this means that if I change my text, the excerpt will automatically be updated. The program cuts after the first 500 characters but always terminated the paragraph. Since I use subtitles in my posts (better for usability and SEO), the function will add the first paragraph after the subtitle (or split before the subtitle, I cannot recall which one). I wish to migrate that function to Wordpress. I am delighted to have an easy access to a brilliant programmer.</p>
<p>I contemplate the option to feature my long excerpts for the first 4 posts and then,  to have short excerpts like we see on the <a href="http://www.woothemes.com/2008/04/fresh-news/" target="_blank">Fresh News Press Theme</a>.</p>
<div id="attachment_171" class="wp-caption alignnone" style="width: 465px"><a href="http://www.woothemes.com/2008/04/fresh-news/"><img class="size-full wp-image-171" title="freshnewspress_woothemes" src="http://ontheweb.kimvallee.com/wp-content/uploads/2008/12/freshnewspress_woothemes.jpg" alt="Fresh News Press" width="455" height="916" /></a><p class="wp-caption-text">Fresh News Press</p></div>
<p>I explore only the tip of the iceberg. But so far, what do you think?  Do you have a preference for At Home with Kim Vallee?<br />
<h3>You might also like these posts</h3>
<ul class="related_post">
<li><a href="http://ontheweb.kimvallee.com/2009/03/the-ideas-campaign-uses-crowdsourcing-the-old-fashioned-way-behind-closed-doors/" title="The Ideas Campaign Uses Crowdsourcing the Old Fashioned Way: behind closed doors">The Ideas Campaign Uses Crowdsourcing the Old Fashioned Way: behind closed doors</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/01/simple-way-to-add-a-background-image-to-a-wordpress-blog/" title="Simple Way to Add a Background Image to a Wordpress Blog">Simple Way to Add a Background Image to a Wordpress Blog</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/10/7-blog-design-rules-to-know-before-selecting-a-template/" title="7 Blog Design Rules To Know Before Selecting a Template">7 Blog Design Rules To Know Before Selecting a Template</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/09/best-way-to-keep-an-empty-inbox/" title="Best Way to Keep an Empty Inbox">Best Way to Keep an Empty Inbox</a></li>
<li><a href="http://ontheweb.kimvallee.com/2009/08/tips-on-how-to-position-your-blog/" title="Tips on How to Position Your Blog">Tips on How to Position Your Blog</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ontheweb.kimvallee.com/2008/12/dilemma-magazine-style-vs-traditional-blog-look/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
