Big Picture Redesign, part II

Tuesday, October 28, 2008 | 07:30 PM

Last week, I mentioned the progress in the site redesign.

For those of you who find this sort of thing interesting, tonight I want to walk you through some of the re-design process. Enough of you have emailed about it, so some of you like this art stuff.

I had a specific structure in mind, using Tabs to keep different types of content separate -- more on this later.  As to the artwork and design, my office uses a firm that is very big amongst the Hedge Fund/Financial Services crowd. I really like their work, so I asked them to do the site. They said they wanted to get more into blogs, and less into hedge funds (Damn! I missed that -- great insight!)

Once we worked out the pricing, we had a meeting as to what I wanted -- then began going back and forth by email:

Any ideas for the header graphic?  I have been stymied trying to come up with something for that, but then I am not nearly as creative as you . . .

My web designer, a funkified dude named Remo (he does all the wacky photos for the office), wrote back:

I feel like the header should have to do with the name, The Big Picture. So, is it a movie screen?  Is it something obscure like a frame or hands framing? I don’t know, we can think of it more. Because the name says there is a lot more than just financial. You have something for everything on the site. So it should be more vague. 

How about these . . . ?

(Click for larger versions)



Above is the 3 column version, below is a variation, and a 2 column version:



I wrote back:

A few thoughts on the initial design:

1) The key visual identity of any blog is going to be that top header. I like the concept of some sort of full graphic across it (as opposed to all that blank space).  I'm having a hard time conceptualizing what would go there – I was thinking of a roller coaster which would look like a stock chart. 

I'll continue to play with ideas and hunt around and see if I can find something interesting but I do want a graphic of some sort across the top as that becomes the prime visual cue for the site.

2) The two column design seems to work much better. The White background you did works better for the larger left column– its much easier to read text on. The soft beige tone works well for the smaller right hand column.

3) I do like the tab structure you created – but let's stay away from Orange as it's kind of harsh.

4) The nav bar (about, contact, managed assets) might work better as a more neutral color – beige or black, with the letters changing colors on rollover. It could also be less prominent -- about half the current height.

5) I found a bunch of interesting icons for the tabs – I’ll send also.


Remo wrote back to me:  Barry do you like these sort of icons for the top portion of your site.  We can get a consistent style and these are simple.  Let me know.



Mmmmmm, candy!

I liked those, and so Remo came up with this new design: (Click for larger versions)

<p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p>Re: Icons</p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p></p>


It was an interesting idea, but I didn't love the monitors -- looked too much like a trading desk set up.

Note that the layout of everything else was coming together -- the Nav bar links below the header, the RSS/Search/Email bar, and the 2 column structure -- all ended up getting used in some form.

We tried a few variations. Lots of small pictures (way too busy):


Less pictures, not as small (still too busy):


I liked the logo above, but didn't love the color combo. I also wanted more clearly identifiable monitors as tv screens. I was thinking along the lines of Robot Chicken-like visuals.


Note the structural changes we made -- the right column menu became dropped downs, and the column itself turned white. Very clean and simple designs for the side bar

We made many changes to the final version, but by this point, all the key elements were falling into place: Logo, tabs, nav bar, side bar, lay out. 

What does the site look like? Well, it should launch tomorrow  . . .


Tomorrow -- whats up with all those tabs ?

Tuesday, October 28, 2008 | 07:30 PM | Permalink | Comments (61) | TrackBack (0) add to | digg digg this! | technorati add to technorati | email email this post



TrackBack URL for this entry:

Listed below are links to weblogs that reference Big Picture Redesign, part II:


will have to give it a test drive for feel- concept seems spot on though

Posted by: taxman | Oct 28, 2008 7:34:14 PM

The comments to this entry are closed.

Recent Posts

December 2008
Sun Mon Tue Wed Thu Fri Sat
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      


Complete Archives List



Category Cloud

On the Nightstand

On the Nightstand

 Subscribe in a reader

Get The Big Picture!
Enter your email address:

Read our privacy policy

Essays & Effluvia

The Apprenticed Investor

Apprenticed Investor

About Me

About Me
email me

Favorite Posts

Tools and Feeds

AddThis Social Bookmark Button

Add to Google Reader or Homepage

Subscribe to The Big Picture

Powered by FeedBurner

Add to Technorati Favorites


My Wishlist

Worth Perusing

Worth Perusing

mp3s Spinning

MP3s Spinning

My Photo



Odds & Ends

Site by Moxie Design Studios™