Archive for March, 2010

Redesigning Cervelo.com: A design study

Posted on: March 17th, 2010 | Category: Portfolio

Disclaimer upfront: I am in no way affiliated with or employed by Cervelo.

I love endurance sports, especially running and cycling. Last year I bought a road bike (if you’re interested, I bought a Cube Peloton). Whilst researching which bike to buy, I also looked at Cervelo, because they build kick-ass gorgeous bikes. But unfortunately they don’t really make starter bikes (which is why I went with the Cube). What struck me about their site though, was that it wasn’t in line with their beautiful bikes at all. It looked like their site was designed in the 1990s or something. (Please note that Cervelo recently redesigned their site, which looks much better than the old one IMO.)

I thought I could do better. So I started out creating a new site design for Cervelo.com as a design study. You can check out the final design in my portfolio: Page 1 | 2 | 3

Design thoughts

Cervelo uses very strong colours in their marketing material and I didn’t want to change that. The black with bright red and white is very recognizable as the “Cervelo colours” in the peloton. A material Cervelo uses a lot is carbon. I wanted to use that texture as well in the main design, so the overall background of the site has a carbon texture.

I wanted to use a big header image on all pages, to really show-off Cervelo’s amazing bike design. By taking a small part of a larger image of a bike you’ll get a sort of abstract feel to the image, which was exactly what I was looking for.

The navigation on the old site was very confusing, so one of the first things I changed was the main navigation. A big navigation bar with strong colours and relatively big type. I incorporated a big dropdown to get easy access to all of Cervelo’s bikes. Also, through a carousel on the homepage it is very easy to get to all the bikes right from the homepage.

The bike detail pages were very long and cluttered with information. To streamline these pages, I opted for a short introduction about the bike, grouped together with a small image gallery. The rest of the information can be accessed through a tabs-system at the bottom of the page.

Let me know what you think!

Tags: , , ,

Automatically update the copyright on your website with PHP

Posted on: March 15th, 2010 | Category: code

This is one of those little things you always forget, probably because it’s so small and insignificant.

Did you ever have a client call or e-mail you with the question to update the copyright on the website you created for them last year? I know I have had those questions from clients (rightly so).

With this little code snippet you’ll never have to worry about it again.

Place this somewhere in your functions.php (or whatever you named it):

<?php
function printCopyright($startyear) {
	$currentyear = date(Y);
	if ($startyear == $currentyear) {
		echo 'Copyright © '. $startyear;
	}
	else {
		echo 'Copyright © '. $startyear .' - '. $currentyear;
	}
}
?>

Once that is in your functions.php you can just use this: <?php printCopyright(2010); ?> in your template where you want your copyright to be printed. It takes one parameter, the year you want your copyright to start or has started.

If the current year is also the year your copyright started, then it will return “Copyright © 2010” and if your copyright started earlier (let’s say in 2007), then it will return “Copyright © 2007 – 2010”.

Tags: ,