Sensorial’Org

Portfolio: The iterations

Version 1.0Version 1.2Version 2.0 I admit, it was fun looking through all the iterations. Certainly, I went through more than 3, but I left out the more incremental ones because I only have the PSD versions of them; the changes were small enough that I was able to make the adjustments by modifying the CSS with minimal new graphics.

I’m still somewhat fond of version 1.0, but I imagine it’s a little over the top. I don’t what provoked me to put up 1.2. It doesn’t look as bad as a screenshot; hover, with a wide screen, the elements will look very detached from the header.

I still like version 2, but it was becoming increasing inadequate. To accommodate the disappearing 800-resolution population, the interface looked narrow on my desktop and even more so on my widescreen laptop. I lightened the background in version 2.1 to give an illusion of more space which was a cheap hack. If I were add the case studies from my courses, scrolling would be a bitch. Furthermore, the back-end was a bit too messy for my taste. To achieve the rounded corners, I had to use a handful of unnecessarily markup in addition to code needed to suppress IE6’s peek-a-boo flicker.

Version 3.1Version 3.2 To address these issues, I present version 3.1: simple, clean, fluid, flexible. It was still missing something. It was plain, bland, and somewhat feminine with all that soft blue. It didn’t have that punch that I was looking for. So came version 3.2 with a hot magenta as my accent colour. I like a lot more. If it’s girly, it’s not feminine, it’s chic–more graphic. It makes a better statement, I think.

Comments

Vera (January 4th, 2009, 6:04 pm):

Oh I love what you did with the new layout.

The one before this one was rather odd and… full of sharp corners. This one is so sleek, modern and simple. I LOVE it.

Megori (January 5th, 2009, 7:31 pm):

This version is far more clean, simplistic and quite more well organized. I like it. Perhaps the navigation text could be a little larger though, as it seems (on my 1280×800 monitor) that that bit is rather awkward-ish as it’s the tiniest bit of the design (aside from the Top | Home link at the bottom) and it’s important too. Overall, I really do enjoy the sleek new design.

Veve (January 5th, 2009, 10:20 pm):

@Megori: Thanks for the feedback. I’m also on a 1280 monitor, but the navigation seems for to me. Should it be more an issue to other people as well, I will not hesitate to adjust it.

Cat (January 5th, 2009, 10:59 pm):

I love the new layout! It’s so sleek and clean. I like that you added a splash of magenta. It really adds an eye catching effect. I also like that the preview descriptions are on the right. It looks more balanced that way. I may have to try it out sometime too =)

The quote on the front is a bit big. It almost overpowers the banner to me.

I liked your previous versions, but this one might be my favorite so far!

Leave a Comment