Middle Ear Media

New and Improved Portfolio

May 17th, 2010

I just thought I’d let you know about a few changes I’ve made to this site (middleearmedia.com) lately. Noth­ing too dras­tic really, but I’d like to doc­u­ment the evo­lu­tion here. Just some minor styl­is­tic changes and pro­gres­sive enhance­ments here and there. Most impor­tantly, I redesigned my port­fo­lio. I’ll get into more about that in a minute, but first let me tell you about…

Changes to header and side­bar graphics

Sub­tle changes were made to the header and side­bar graph­ics. In the header, I changed the font for my tag line and also made it all caps.

Also, I added a new ver­sion of my logo in the empty white space under­neath the tag line. I’m not totally happy with this because it seems too busy, but this is the way it will look for now anyway.

I’m very sat­is­fied with the new back­ground graphic for the side­bar head­ings which are now all caps. This is basi­cally an exten­sion of the brushed metal tex­ture with a bit of depth added.

Text shadow added to titles

And finally, a text shadow was added to both the main head­ings and side­bar head­ings. This shadow really brings copy out from the back­ground on the side­bar in particular.

Most mod­ern browsers can now ren­der the CSS 3 tag text-shadow. This change is a pro­gres­sive enhance­ment, and as such, will ren­der only if your browser is capa­ble. If not, it looks exactly the same as it used to look.

Port­fo­lio Updated

I’ve imple­mented a tabbed nav­i­ga­tion sys­tem. This makes it eas­ier to find what you’re look­ing for. The default tab when the page loads is Web Design, where you can see large images under each title.

Either the name or the image can be clicked to expand a sec­tion under­neath with a smaller image or logo, a URL if applic­a­ble, and infor­ma­tion about the project includ­ing Client, Date, Tasks, etc.

Addi­tional tabs include Graphic Design, Audio, and Other. Again, con­tent here is dis­played as a name and image that are click-able to expand more details. Although there is some con­tent in these tabs, I am still in the process of adding more.

Please leave a com­ment below and let me know if you like the new look and what you like about it, or what you don’t like and any suggestions.

Thanks.

Tags: Audio, Graphic D, Portfolio, Posters, Tabbed Navigation, Text Shadow, Web Design

This entry was posted in the Web Design category.