Portfolio: The iterations
![]()
![]()
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.
![]()
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.