Redesign

Written at 22:57, on Thursday 11 January 2007. Tags: personal webdesign .

Together with the launch of my portfolio, I decided this site needs a visual facelift as well. So here it is. I know redesigning isn’t as hip as realigning, but the changes are just too much.

My blog anno 2007 - a typical journal entry

I’ve ditched the three-column layout and used two columns (or even one) throughout the site. The footer is three-column though, and it has all the navigation elements to make it more useful. Colour-wise, I’ve tried to get the best of both the dark and light version of the previous version of this website, and of course incorporated the new logo. Furthermore, I bumped up the base fontsize to 12px Verdana (scalable, of course, in every browser). If that’s not enough for your , try the font-size controls next to the logo, which bump the base font size up to 18px. Finally, I’ve made sure that the main text has enough contrast, which goes a long way to a more accessible website.

Technically, this website is still built on Drupal 4.7 (will try to upgrade to 5.0 as soon as the Textile module is ported), and I also use the Yahoo! UI library for it’s CSS framework. I’ve also retained the moo.fx-based Javascript enhancements, although I may migrate them to JQuery once I upgrade to Drupal 5.0, since that’s built in.

All in all, I think this design greatly simplifies the website and makes it consistent in brand with the portfolio. It also creates a softer and friendlier face, despite the brown colour palette. What do you think?

Comments closed (1 total) |

1 Comment so far

Looking good! I really like the warm colours.

From the portfolio

  • Gebruikstarief web applicatie

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Script to update Drupal teasers | be fused

"One of the annoying things about changing the number of characters for teasers in Drupal is that you have to edit and save every single node (page, story etc) for the change to take effect. Well, it doesn't have to be that difficult, because here is a nice little script that will update all of the teasers at once."

Add comment | Visit site …

Degrading Script Tags

Reducing the number of tags required for loading an external javascript library by combining them into one tag. "Only one tag – and the semantics would work like this: The external script would attempt to be loaded (as normal). If the load and execution was error-free then the internal script would be executed as well. If the load or execution failed then the internal script would not be executed. "

Add comment | Visit site …

Aurora: What Is Internet’s Atomic Level?

"For Aurora we saw an opportunity to change the browser’s focus from the page to the individual “object”. Giving users the ability to interact directly with the atomic parts of a given web page offered greater personalization of their Internet experience. " This has interesting repercusions for webdesign as well.

Add comment | Visit site …

The Joker Action Figure

These toys set a new bar for realism.

Add comment | Visit site …

Google Chrome Process Manager

John Resig, jQuery creator & Mozilla hacker, writes about the significance of the process manager in Google Chrome: "The blame of bad performance or memory consumption no longer lies with the browser but with the site."

Add comment | Visit site …

Surface: een Natural User Interface

(dutch) An overview of the Natural User Interface, a term coined by Microsoft for their Surface concept.

Add comment | Visit site …

Official Google Blog: A fresh take on the browser

Should be released any time now, curious if the screenshots in the comic are like the browser.

Add comment | Visit site …

Mozilla Labs » Introducing Ubiquity

Ubiquity is "experiment into connecting the Web with language in an attempt to find new user interfaces that could make it possible for everyone to do common Web tasks more quickly and easily." A command-line for the web, connecting services through a hotkey.

Add comment | (1 comments) Visit site …

Mariët Ruiter 3150801: Kritische literatuursynopsis

Critical comparison of mine and Selwyn's vision on the Digital Divide.

Add comment | Visit site …

IEBlog : Internet Explorer 8 Beta 2 Now Available

Will Microsoft make new virtual machines available for testing purposes? I hate buying another Windows license just to get my testing setup of IE6, IE7 and IE8 complete…

Add comment | Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed