<?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>SocialCompare&#039;s blog &#187; web design</title>
	<atom:link href="http://blog.socialcompare.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.socialcompare.com</link>
	<description>Blog of SocialCompare, the community to create and share collaborative comparisons tables about everything.</description>
	<lastBuildDate>Thu, 13 Oct 2011 22:08:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Comparison of web fonts solutions (@font-face vs sIFR vs typeface.js vs Cufon vs FLIR…)</title>
		<link>http://blog.socialcompare.com/2010/05/28/comparison-web-fonts-solutions-font-face-vs-sifr-vs-typeface-js-vs-cufon-vs-flir/</link>
		<comments>http://blog.socialcompare.com/2010/05/28/comparison-web-fonts-solutions-font-face-vs-sifr-vs-typeface-js-vs-cufon-vs-flir/#comments</comments>
		<pubDate>Fri, 28 May 2010 03:07:12 +0000</pubDate>
		<dc:creator>Vanina</dc:creator>
				<category><![CDATA[Comparisons]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.socialcompare.com/?p=727</guid>
		<description><![CDATA[While we are currenlty working on the full redesign of SocialCompare, we were trying to find the best solution to manage fonts and display nice fonts for titles or other texts that would be seen similarly on every web browser. We have discovered a lot of fonts solutions and decided to make a quick comparison. [...]]]></description>
			<content:encoded><![CDATA[<p>While we are currenlty working on the full redesign of <a href="http://socialcompare.com/en/">SocialCompare</a>, we were trying to find the best solution to manage fonts and display nice fonts for titles or other texts that would be seen similarly on every web browser.</p>
<p>We have discovered a lot of fonts solutions and decided to make a quick comparison. As usual, we did a public comparison that can be edited and commented by everyone, so do not hesitate to improve or complete it.</p>
<p>Here is our <a href="http://socialcompare.com/en/comparison/comparison-of-web-fonts-solutions-7d0b3w9">features matrix of these different web fonts solutions (@font-face vs sIFR vs typeface.js vs Cufon vs FLIR&#8230;) </a> :<span id="more-727"></span><br />
<iframe src="http://socialcompare.com/fr/w/comparison-of-web-fonts-solutions-7d0b3w9" width="100%" height="660" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.socialcompare.com/2010/05/28/comparison-web-fonts-solutions-font-face-vs-sifr-vs-typeface-js-vs-cufon-vs-flir/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Logo creation contest websites comparison matrix (99designs vs creads vs wilogo vs DesignContest vs DesignOnClick)</title>
		<link>http://blog.socialcompare.com/2010/04/15/logo-creation-contest-websites-comparison-matrix-99designs-wilogo-creads-designcontest-designonclick/</link>
		<comments>http://blog.socialcompare.com/2010/04/15/logo-creation-contest-websites-comparison-matrix-99designs-wilogo-creads-designcontest-designonclick/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 04:31:20 +0000</pubDate>
		<dc:creator>Vanina</dc:creator>
				<category><![CDATA[Comparisons]]></category>
		<category><![CDATA[contest]]></category>
		<category><![CDATA[creation]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[matrix]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://blog.socialcompare.com/?p=590</guid>
		<description><![CDATA[Before redesigning SocialCompare&#8217;s logo, we have compared some websites that propose to organize contests between webdesigners to get several proposals and choose the version we want. Finally, we did not choose this solution, and we have chosen to work with one webdesigner directly. Anyway, here is the comparison matrix we did about logo creation contest [...]]]></description>
			<content:encoded><![CDATA[<p>Before <a href="http://blog.socialcompare.com/2010/04/13/first-redesign-for-socialcompare-com/">redesigning SocialCompare&#8217;s logo</a>, we have compared some websites that propose to organize contests between webdesigners to get several proposals and choose the version we want.</p>
<p>Finally, we did not choose this solution, and we have chosen to work with one webdesigner directly.</p>
<p>Anyway, here is the <a href="http://socialcompare.com/en/comparison/webdesign-logo-contest-3as76ml"><strong>comparison matrix we did about logo creation contest websites</strong></a>, as usual, it is a <strong>public comparison that everybody can edit or update</strong> if necessary:<br />
<span id="more-590"></span><br />
<iframe width="700" height="620" src="http://socialcompare.com/en/w/webdesign-logo-contest-3as76ml" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.socialcompare.com/2010/04/15/logo-creation-contest-websites-comparison-matrix-99designs-wilogo-creads-designcontest-designonclick/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A first redesign for SocialCompare.com</title>
		<link>http://blog.socialcompare.com/2010/04/13/first-redesign-for-socialcompare-com/</link>
		<comments>http://blog.socialcompare.com/2010/04/13/first-redesign-for-socialcompare-com/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 03:21:08 +0000</pubDate>
		<dc:creator>Vanina</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.socialcompare.com/?p=496</guid>
		<description><![CDATA[We have started to improve design and ergonomy for SocialCompare, with a new version that we release today. We are still working to improve this part, it is not yet finished, especially to make the creation of comparison easier. Your feedbacks are welcomed. Concerning the main changes, here is a list of what we did: [...]]]></description>
			<content:encoded><![CDATA[<p>We have started to improve design and ergonomy for <a href="http://socialcompare.com">SocialCompare</a>, with a new version that we release today.</p>
<p>We are still working to improve this part, it is not yet finished, especially to <strong>make the creation of comparison easier</strong>.</p>
<p>Your feedbacks are welcomed.</p>
<p>Concerning the main changes, here is a list of what we did:</p>
<ol>
<li>redesigned the logo <img class="aligncenter size-full wp-image-521" src="/wp-content/blogs.dir/1/files/2010/04/logo-beta-socialcompare.png" alt="" width="324" height="64" /></li>
<p><span id="more-496"></span></p>
<li>centered and fixed the page&#8217;s size</li>
<li>changed the default table color from blue to a sober and generic color: gray.</li>
<li>made table auto width in order to avoid stretched table, it is more condensed and nicer table.</li>
<li>showed sharing icons directly below the comparison title, it is more visible and accessible.</li>
<li>changed home page design, with a example of table&#8217;s image comparing apples and oranges:
<p style="text-align: center"><img class="aligncenter size-medium wp-image-522" src="/wp-content/blogs.dir/1/files/2010/04/apple-orange-comparison-comparatif.png" alt="" width="300" height="148" /></p>
</li>
<li> changed directory page design.</li>
<li> the &#8220;last comparisons&#8221; list does not show anymore comparisons that are not translated to your current selected language.</li>
<li> added &#8220;actions button&#8221; below the table (and also above when the table is big), such as a &#8220;publish&#8221; button to make easier the change of comparison&#8217;s visibility from &#8220;unlisted&#8221; to &#8220;public&#8221; status: <img class="aligncenter size-full wp-image-523" src="/wp-content/blogs.dir/1/files/2010/04/actions-menus-socialcompare.jpg" alt="" width="703" height="34" /></li>
<li> added &#8220;comments&#8221; part directly below to the comparison&#8217;s page instead of another external page.</li>
<li> fixed some bugs (for example for IE version due to some issues with cross-compatibility between browsers&#8230;).</li>
<li> added breadcrumb, just below the tabs, to display the last visited pages.</li>
<li> added an embed preview window for webmasters and bloggers that want to include a comparison table to their site.</li>
</ol>
<p>&#8230;</p>
<p>Please have a look to the new version and send us your feedbacks !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.socialcompare.com/2010/04/13/first-redesign-for-socialcompare-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Redesigning the comparative table and color scheme web tools</title>
		<link>http://blog.socialcompare.com/2010/03/13/redesigning-the-comparative-table-and-color-scheme-web-tools/</link>
		<comments>http://blog.socialcompare.com/2010/03/13/redesigning-the-comparative-table-and-color-scheme-web-tools/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 05:07:32 +0000</pubDate>
		<dc:creator>Vanina</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.socialcompare.com/?p=379</guid>
		<description><![CDATA[As we are working on improving the web design and ergonomy of SocialCompare, we are discovering nice tools to help us to make color choices. Concerning the matrix itself, we already knew that we need to do a simple and sober table. So it was easy, without any tool, we have decided to remove the [...]]]></description>
			<content:encoded><![CDATA[<p>As we are working on improving the web design and ergonomy of SocialCompare, we are discovering nice tools to help us to make color choices.</p>
<p>Concerning the matrix itself, we already knew that we need to do a simple and sober table. So it was easy, without any tool, we have decided to remove the blue color and used gray/white colors instead :</p>
<p style="text-align: center"><img class="size-full wp-image-397  aligncenter" src="/wp-content/blogs.dir/1/files/2010/03/table-redesign-smartphones.png" alt="" width="385" height="210" /></p>
<p><span id="more-379"></span><br />
Moreover the background color of the table is transparent, so it should adapt to the website or blog where it is embedded.</p>
<p>Later, we will probably need to develop some color palette choices for bloggers that want to embed the table with the colors of their theme blog.</p>
<p>Concerning the <a href="http://socialcompare.com">socialcompare.com</a> website, we need to find an appropriate color palette and combination, so we have discovered nice web tools for that:</p>
<p><a href="http://www.colorcombos.com">http://www.colorcombos.com</a></p>
<p><a href="http://colorschemedesigner.com/">http://colorschemedesigner.com/</a></p>
<p><a href="http://www.colorschemer.com/online.html">http://www.colorschemer.com/online.html</a></p>
<p>But at the end, we still continue to use blues, yellow, and white colors for the site, since we like them. But again we try to be more classical, sober with a white background color in the main part of the site.</p>
<p> We will release soon a new web design, but please feel free to send us your feedbacks on the current beta version of SocialCompare.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.socialcompare.com/2010/03/13/redesigning-the-comparative-table-and-color-scheme-web-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>We are working on a second version of SocialCompare…</title>
		<link>http://blog.socialcompare.com/2009/11/11/we-are-working-on-a-second-version-of-socialcompare/</link>
		<comments>http://blog.socialcompare.com/2009/11/11/we-are-working-on-a-second-version-of-socialcompare/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 06:04:29 +0000</pubDate>
		<dc:creator>Vanina</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[ergonomy]]></category>
		<category><![CDATA[launch]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.socialcompare.com/?p=154</guid>
		<description><![CDATA[Even if we do not communicate too much about SocialCompare, due to a lack of time, we work hard to launch the service as soon as possible. Actually, we were a bit hesitating to launch the first version that you can see on the screencast in September, because we were not really satisfied about 3 [...]]]></description>
			<content:encoded><![CDATA[<p>Even if we do not communicate too much about <a href="http://socialcompare.com/">SocialCompare</a>, due to a lack of time, we work hard to <strong>launch the service</strong> as soon as possible.</p>
<p>Actually, we were a bit hesitating to <strong>launch the first version</strong> that you can see on the <a href="http://blog.socialcompare.com/2009/08/22/screencast-presentation-of-socialcompare-a-new-way-to-compare/">screencast</a> in September, because we were not really satisfied about 3 main points that we try to improve before opening the website:</p>
<ol>
<li>Web Design</li>
<li>Ergonomy &amp; Technical architecture choices</li>
<li>Content / Data</li>
</ol>
<p><img src="/wp-content/blogs.dir/1/files/2009/11/header-socialcompare-v2.jpg" alt="Header of SocialCompare version 2" width="699" height="124" class="aligncenter size-full wp-image-187" /></p>
<p><span id="more-154"></span></p>
<ol>
<li><strong>Web Design </strong><br />
Concerning the first point, I consider that we are ready. Of course, as we do <strong>bootstrapping</strong>, it could not be as perfect, as if we used a real and professional web designer, but this new version looks globally better than the first one. We have mainly changed header, footer and even homepage or other pages appearance. The best thing would be to get a web designer for future versions obviously.</li>
<li> <strong>Ergonomy &amp; Technical architecture choices</strong><br />
Second, when we started <strong>SocialCompare development</strong>, more than one year ago now, we tried to maintain 2 versions for editing comparisons, one with modern, dynamic ergonomy (using javascript technology) and another one using more static, old way to do things. But we changed our mind, we prefer to focus only on 1 version with javascript to have a nice <strong>ergonomy</strong> of the website and it will be really more <strong>easier for us to maintain</strong> on the long term basis&#8230;<br />
We profit to redesign a lot of things on <strong>technical and database architectures</strong>&#8230; Therefore as we impact a lot of things in our current version, we decided to wait the end of this <strong>redesign</strong> to communicate and launch directlty the second version&#8230;<br />
Maybe we will not finish to implement or migrate all the functionalities already available on the first version (such as the <strong>comparison basket</strong>)&#8230; when we will release directly &#8220;the second version&#8221;&#8230; but as soon as possible we will deliver <strong>every functionality that deserves to be added </strong>on the service, we hope that it will be a lot of <strong>improvements and innovations</strong> in perspective <img src='http://blog.socialcompare.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </li>
<li><strong>Content / Data</strong><br />
Finally concerning the last point that is not satisfying, we will not focus on that, at the beginning, because it is not our priority. We know that <strong>this point is really important</strong> to attract people to visit our website. We know that we need to <strong>add a lot of contents</strong> to have more valuable things to do on our service and incite users to spend time and enjoy our service. But we will do that in a second phase, later. Our first priority is to focus on the <strong>real new value</strong> that we add on the market, <strong>that differentiates us</strong> from so numerous comparisons websites on Internet :</p>
<ul>
<li>freedom to create easily <strong>any comparison from scratch about everything</strong>, especially those <strong>that are not price comparisons</strong>,</li>
<li>possibility to reuse existing contents to create easily new comparisons,</li>
<li>users community to maintain <strong>collective and structured data</strong>,</li>
<li>possibility to suggest comparisons updates to a private maintainer,</li>
<li>&#8230;etc&#8230;</li>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://blog.socialcompare.com/2009/11/11/we-are-working-on-a-second-version-of-socialcompare/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

