Wednesday November 10, 2004

Back In Black.

Back in Black

An Analysis of the the Jaredigital: Black Layout.

Prelude

It all started on July 17, 2004 when I went down to Borders and bought Designing With Web Standards. As I read through the book, I investigated many of the websites listed on Zeldman’s externals page, studying CSS styles, options, layouts, and markup. It was through my visits to these sites that I began developing the design for my Black design. CSS had opened my eyes to a whole new world of possibilities, and I was ready for the good times.

Inspiration

It all started with three influential websites: Justwatchthesky, Coudal Partners and Airbag. Taking a cue from one of Cameron Moll’s Sitepoint articles, I set out to strip from these sites the elements that I admired and shape them to my own design. Although I ultimately chose a more tame typographical style, Coudal’s large headlines made an impact on me, as well as Ryan Sims’ article format.

Planning

Before embarking on this design journey, I had to establish the scope and placement of my content. What sections did I want to include? What did I want on the front page, and where and how did I want to arrange it? My previous design had left me wanting for more content on the front page, and more organization for future expansion. A site map and layout schematic were the first steps. After some rudimentary mapping on paper and coming to an understanding of the desired content placement in my mind, I continued on to the visual design.

Presentation

Coudal and Airbag’s three-collumn layouts were really the visual impetus for my redesign. This was the page structure that I wanted to have, since it allowed for more compartmentalized content areas than a standard two-column layout. With a reworking of the column widths and a few visual cues from Airbag, I soon had the content structure that I desired.

Palette & Visual Treatment

I have been rocking the “Wicked Worn” look since way back in the day, long before I knew it had a name or such a loyal following among designers. I have always been fascinated by old electronics, packaging, crates, signage, and typefaces. Chosing a visual treatment for my new design was not hard at all. Having already chosen a ‘rock & roll’ theme, I simply chose a color palette, typefaces and weathered textures that properly represented the theme. The black on cream color scheme reminded me of yellowed concert handbills, crudely photocopied and left plastered to telephone poles and the sides of nightclubs. It was perfect.

Content Management System

Textpattern was the final step in the equation. Admittedly, the decision to use a CMS should have been made at the very beginning to minimize development time, but I console my unorganized self in the fact that Textpattern was a pretty simple install. Transitioning my old articles was the most time-consuming task (aside from actually learning how to implement Textpattern), and unavoidable in any case.

Conclusion

So there you have it, in all its geeky glory. I’m happy enough with this layout and design to not change it for a while. I simply don’t have the time to pour into my own selfish projects anymore. And after a long day of designing at the office, sometimes the last thing I want to do is go home and do more of the same. This design is going to stick, and my wife will thank me.

Commentary


Angad » 4663 days ago #

It rocks!
I’m definitely steatig some ideas ;)

Jeff Croft » 4658 days ago #

Great design, good writing (so far!), content of interest to me…welcome to my Blogroll. :)

Andy Mac » 4658 days ago #

And a job well done sir, looks fabulous.

jeremy » 4658 days ago #

Wonderful site; very well executed. Cheers!

Angad » 4658 days ago #

Hey is your RSS feed busted?
I don’t get anything in it.

Prabhath Sirisena » 4658 days ago #

Got to know your site through Stylegala. Impressive work!

Jared » 4658 days ago #

Thank you all for your kind words. I’m glad you like what you see!

Angad – The RSS feed seems to be in order; I’m not sure about the Atom feed. Contact me if problems persist.

Dave » 4656 days ago #

I really like the look of your header and your overall style. Well done!

David W. » 4656 days ago #

Wow what a site! It does rock. I kind of remember your earlier version from the Stylegala forum… You’ve really upgraded the place.

Nice job….

David W.
Dallas, TX

Rei Amaterasu » 4345 days ago #

Hello. Your site is very pretty. I like when black and pink are put together.

« Older writing is available in the Archives.