World Cup Web Design

It may or may not have escaped your attention that the World Cup is currently underway down in South Africa.  For those of you that follow football or even just follow the World Cup, there are plenty of websites to keep up with the latest information.

I have three that I regularly look at and all three for different reasons.

Firstly, the BBC has also had a pretty nice website, Functional and easy to navigate.  They really stepped it up a notch when the redesigned the Formula one page to coincide with BBC taking the event from ITV.  Their World Cup page hasn’t quite matched the sleek design of the F1 section but the functionality and ease of use is second to none.

BBC 150x150

You can easily navigate between the main news section, a full overview of groups and fixtures and a day by day results section.  This makes it very easy to see the exact piece of information you are looking for.

Next up is the excellent oval site at Marca.com.  Marca is the leading Spanish sports daily newspaper and I doubt their website has had as many hits as it has over the last 4 weeks.   Surprisingly for a news site, this page has no news on it.  All it does is show information according to round, team, schedule and stadium.

Marca 150x150

The way it does it though is something special.  Using flash in a very very pretty way, you can see all this information with just a mouse hover over the correct section.  Hovering over the outer ring of each section fills the gap with a relevant round up or map of that particular topic.

So they are both very useful in their own way for looking up current and past events, but what about the future?  Worldcupchart.com has a very nice predictor that allows you to put in your own results to see how the World Cup folds out in your view.

<WorldCupChart.com was unavailable for a screen shot at this time>

This is great for plotting out the route your team will take to the final.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>