Two grid layouts for a website

Primary tabs

12 posts / 0 new
Last post
Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
Two grid layouts for a website
0

Need a bit of help deciding between two grid options for a website I'm working on.

Option 1 is more of conventional columnized layout.

Option 2 on the other hand is a fairly uncommon layout, which is however far less boring. It also seems to be more effective in content presentation as it is more compact without being busy or cluttered.

Does anyone agree ? Or is the second one too fancy for its own sake ?

Riccardo Sartori's picture
Joined: 13 Jul 2009 - 4:20am
0

The second one is better, more typographic. I wouldn't call it really uncommon, though.
Still, I would maintain some icons (but the one for "in 15 seconds" should have the hand horizontal).

Nina Stössinger's picture
Joined: 19 Jun 2006 - 3:01pm
0

I like #2. I agree though that it's not all that uncommon; it just seems like a smart choice in this context. The rhetorical questions and very brief paragraphs seem to do a good job of drawing the viewer/reader in more quickly. The only thing that's very slightly bugging me is that the measure seems to be a tad on the longish side. Can you make that column a little bit narrower,* or the type a bit bigger? Barring both options, I might increase the leading a bit. But it's really not a big problem.

* Don't let it get wider than this, in case this is a fluid layout.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

I meant uncommon for a tech website. I have looked at dozens upon dozen sites and very few stray away from the straight-forward columnized layout. That's if they have a notion of a layout to begin with :-)

Riccardo, I hear you regarding the icons, they add considerably to the site appearance. I just haven't decided where they should go yet.

Nina, I agree with regards to the width of the text column. I had this concern but decided not to mention it to see if someone else would bring it up.

One other change that I'm considering is to break the text into smaller sections like so - Option 3.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

After massaging the layout a bit more I have arrived at this:

( full-size sketch )

I think it is starting to look pretty darn good :-)

It still needs work, especially in terms of making it look less "dry" and "boring", but otherwise I think the layout is both interesting and functional.

What do you guys think?

Tomi Haaparanta's picture
Offline
Joined: 31 Mar 2006 - 3:16am
0

Flush the right side and your'e set.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

Can you rephrase that please ?

Tomi Haaparanta's picture
Offline
Joined: 31 Mar 2006 - 3:16am
0

Let the right side be ragged.

Do not force the paragraph; let it be ragged, so the word space won't get affected by "near enough" parameters.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

Ah, OK. It's flush left actually, that's why I asked. I hear you though, I will try both alignments once I have the copy finalized.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

The beta site is now live - https://beta.certtime.com

I am still not 100% convinced that this layout works better than the more traditional columnized one. I guess only way to find out.... stares at the Apache log...

Tomi Haaparanta's picture
Offline
Joined: 31 Mar 2006 - 3:16am
0

Typographically you are set. My concern is that huge blue rectangle taking everybody's attention. Make your business the front. I still do not know what that is. And without that I can not help you.

Alex Pankratov's picture
Offline
Joined: 24 Nov 2008 - 11:50pm
0

Great to hear. Thanks, Tomi. The big empty banner is just a placeholder, it will get its presentation-style content a bit later on.