Web Without Words

Posted in ResourcesOct 21, 08 | 11:07 am

Mubashar Iqbal

A very cool new website appeared recently, I think I first saw it on Twitter somewhere (sorry I forget who Tweeted it), but its all over the place now.

Designers typically take wireframes and design beautiful websites incorporating all the information blocks, Web Without Words goes in the other direction. Converting popular websites back to their blocked roots.

Every week I’ll take a popular and known website and reconstruct it by removing all words and images, replacing them with blocks (what is typical in the “concepting” phase of a design process).

Currently 3 sites have been reconstructed, Google, Yahoo! and CNN, with another one appearing each week.

webwithoutwords

It would be interesting to see how the finished product changed from the original wireframes, but we probably won’t have access to that kind of information.

Author: Mubashar Iqbal
Mubashar Iqbal is the creator of Most Inspired, a web designer and developer, who has been building websites for over 13 years. You can read his blog at Mubashar Iqbal

inspiring commentary

avatar

October 21st, 2008 at 11:39 amTyT3rmin8tR

Not sure I’m following Mubs.
does the Web w/o Words Site do a conversion on a site, or how does that site work?
Do you do the conversion in Photoshop, or what’s your workflow?
Pretty cool…


avatar

October 21st, 2008 at 2:40 pmMubashar Iqbal

@ty: They manually take a website and redact the text and images to show you what the layout looks likes without being concerned with actual content.

Personally I usually wireframe on paper or a simple graphing application. Then design in Photoshop or sometimes skip straight to HTML/CSS.