Last week, Andrei Herasimchuk of Design by Fire announced a contest to see who could take his site’s current design and “clean it up, optimizing it for best semantic and structural architecture.” Having the final code judged by three industry bigwigs (Dave Shea, Dean Jackson, and Eric Meyer), Andrei is offering the winner their choice of any three Adobe products. It’s a widely known fact that software from Adobe is like crack to designers, so I figured I’d have a go at it.
I by no means would consider myself an “expert” on web standards (at least not in the same league as these guys), but my anal-retentive temperament has provided me with the abnormal patience to sit down and scour the web for details regarding this subject matter. I’d like to think that although I may not have a lot of industry experience, I have read tons about web standards and do enough work on my own to offer advice when it’s needed.
The contest consisted of cleaning up three different pages of code, and also optimizing the CSS involved in creating the look of Andrei’s site. Initially underestimating the amount of time it would take to complete this cleanup, I immediately downloaded the necessary source code and began hacking away.
The Results
After about four days of working on the contest, creating three new images, having two bloodshot eyes, and one neglected girlfriend, I decided my pseudo redesign was complete. I’m sure it’s not perfect, but I can honestly say that it is better.
Overall, my changes make the site much more consistent…not only in its structure, but in the way it’s displayed across different browsers and platforms. It’s also much more accessible, much more semantic, and it tastes like chicken!
The final judging for the contest has yet to take place, but I’m crossing my fingers. Even if I don’t win the software, it has been a good way for me to flex my design muscles — plus there’s the added bonus of three very prominent designers in the industry who will be looking closely at my work.
If any of my readers are interested in seeing the completed code (yes, I’m talking to both of you), the three pages can be found here:
I’ve also created a zip file that contains all of the new code, images, CSS, and source files used in creating my entry. Inside the zip, you’ll also find a changelog that discusses the improvements I made in more detail.
Wish me luck!
5 Comments
I hope you win, Aaron. I really think you’re sure to get noticed no matter what.
I looked through your entry, and it looks great! Even if you don’t win, I think you did a fantastic job, and I’m certain it was a good use of your time and talent. If you win that’d be great, but if not it was a good opportunity for you to flex your design kung-fu.
I’m going to be creating my own site soon, and I may be looking to you for advice
Your entry looks pretty solid. I submitted mine yesterday and gave him an SEO makeover. The excessive use of <h3> might not be a good idea, but that’s your own perogative. I’ve decided if he wants to leave that much garbagio on his homepage, <h3> or <h4> wasn’t going to be a good idea.
Personally, he had way too many <ol>’s going on, so I divided it up and made some definition lists instead.
Anyway, I tracked this site down since you were listed on the trackbacks over there. He’s getting hit up pretty heavy with those F*ing online poker spammers. They annoy me.
But hey, I hear ya on the amount of work that went into it. It was a pain. You have no idea how mad my wife got a me when she found out I stayed home the entire saturday doing this while she slaved away running errands etc… I was suppose to do some laundary…but that didn’t happen.
Hopefully he’ll dish out some secondary prizes for those close calls.
Good Luck bro,
may the best man win
Wow! Looks great. You put alot into that, obviously. Good luck.
You do great job , i hope you will Win