Design

Information visualization:
Benfry.com

Benfry.com

Ben Fry is a champion amongst information designers and is one of the pioneers of the Processing language, which is used specifically for information design. Thus, if one attempts to visualize the information of his personal Web site, it's not only ironic but simply complex.

At the time of the project, Fry's site was in complete disarray with loads of dead ends and roundabouts. As a person, he himself has established so much personal information that he didn't make his usual effort to organize it. Because of this, I needed to show a state of chaotic information containing organized information.

Because Fry's work incorporates a lot of code, I decided to layout the HTML from each of his core navigation pages and to draw the relationships between them in order to show chaos. Additionally, because one CSS file applied to the entire site, I laid the CSS code across the entire poster horizontally. Influenced by the "Magic Eye" posters of the '90s (in which there is simplicity found in clutter), "benfry.com" spans across the middle.

Process


Additional resources

  • Project details:
  • Fall 2009, Carnegie Mellon University
  • Class: Graduate Design Studio I
  • Instructor: Dan Boyarski
  • Poster size: 36 in. x 48 in.
  • Tools used:
  • Adobe Illustrator CS4

  • Previous projectNext project

Web sites are my fave. I follow a routine of including the client in the brainstorming and ideating process (no surprises). Ask me more about my Web design process, because I love to talking about it.

veroniahansen.net
texastravesty.com
dawsonfilms.net
newmovementtheater.com/