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 |

From the portfolio

  • Politieonderzoeken tijdslijn

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

Issuu and Smart Look for a better PDF viewing experience

A plugin that embeds PDF's, Word and Powerpoint files in a very cool, usable and fast Flash interface.

Visit site …

Palm Pre: everything you ever wanted to know - Engadget

This is the only device I would consider as replacement for my iPhone. Palm seems to have done some essential things right, like contact management by pulling data from various services in the cloud. I love the zoomable UI and the card metaphor for app switching.

Visit site …

Release:jQuery 1.3 - jQuery JavaScript Library

Some very nice features and performance improvements in this release, among which the Sizzle CSS selector engine (currently fastest avaiable), live events and much faster HTML injection.

Visit site …

jQuery API Browser v1.3

Improved and also available offline as AIR app.

Visit site …

A List Apart: Articles: Return of the Mobile Style Sheet

"What can be done for mobile browsers that do not read handheld style sheets, or parse CSS Media Queries? Short of ignoring them, there are two options."

Visit site …

Mapeed.AddressChooser API documentation | Home

Cool Javascript component that can be used for address collection in forms, combining HTML form and Google Maps for dynamic place retrieval and auto-completion.

Visit site …

Digital Ethnography

Blog of Michael Wesh, cultural anthropologist, professor of the year, and creator of the video "Web 2.0 … The Machine is Us/ing Us".

Visit site …

Components Versus Patterns

Analysis on the differences and commonalities between components and patterns. "Although the two concepts are strongly related, their differences warrant consideration to ensure you are building the type of library that’s right for you."

Visit site …

The State of the Web 2008 | Web Directions

"Welcome to this detailed report from our first “State of the Web” survey of professional web designers and developers. It includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ."

Visit site …

The Curious Case of Twply and Twitter - Bokardo

Excellent interface analysis of twply: "Moral of the story? Design can effectively be used to deceive people. Deal only with those services you know and trust. "

Visit site …

Subscribe

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