Jump to content

blogs_blog_1842

  • entries
    24
  • comments
    105
  • views
    27,270

BZP Homepage Fan-design


>_<

2,581 views

The messiness of the current homepage's sourcecode kinda gave me a headache, so I decided to just redesign the thing in it's entirety.

 

 

yhMPPb1.png

 

Obviously it isn't done yet, so there's still some things missing, i.e. the navigation menu in the right sidebar.

If you have any suggestions or criticism, feel free to post it / yell at me =)

16 Comments


Recommended Comments

That's actually not that bad.

Thanks =)

Currently I'm just adding some fallbacks to make it look the same in IE6, because, well, IE6 doesn't support anything.

(Oh, and this screenshot was taken on my (rather small) monitor, so obviously the center 'News'-area scales up on bigger screens)

Link to comment

Dude, http://www.bzpower.c...er&showissue=99

 

We have the same idea :)

 

Yeah, the unified logo was indeed a pretty obvious thing to do =)

And for the rest, it looks like you've changed some colours around to match those used on the forums.

You merely changed the CSS and some images around though, and this is basically rebuilt from the ground up, in HTML5, which also got rid of the current homepage's heavily table-based layout, which was fine..... back in the 90's. Oh, and the C1 control character in the page's title is gone too, replaced with something that renders the same but doesn't heavily violate literally every parser ever.

 

 

This is pretty good man.

 

Hey, how about bringing "Top Ten Hot Topics" Panel on the left side back? We haven't had that in YEARS.

 

Possible, but to do that you need to bridge the homepage with IP.Board (the software that the forum's running on), and I'm neither Binkmeister nor Black Six, so I can't access that. Styling it's remains is all I can do for now.

Link to comment

Yeah I know, your is better I hope it gets implented :)

 

Thanks =)

Currently I'm just cleaning up some code from the earlier stages of this project, and making sure CSS3 renders correctly in IE. Already got it to understand the new HTML5 tags, but having those neat little things would be nice as well. (Also, the header's background isn't an image, but in fact a CSS3 gradient, so that's kinda important as well)

Link to comment

Actually I'd love to give your blog my approval-thingy, only I'm kinda lazy today, would you bother finding it in HH's blog?

 

Keep up the awesomeness and post more crazy stuff bout B6

Link to comment

Actually I'd love to give your blog my approval-thingy, only I'm kinda lazy today, would you bother finding it in HH's blog?

 

Keep up the awesomeness and post more crazy stuff bout B6

 

No good sir, I would not mind =)

Oh, and after turning him into physics and recreating his granddad, I'm thinking a B6-themed jam flavour would be nice, don't you think so? ;)

Link to comment

I like the reference and community tabs, but feel more could be done to the boxes such as member spotlight, the gallery, etc. Maybe you could redesign the tops of each of those boxes to be more similar to the design you've given the reference and community tabs?

 

Otherwise I do really like this - it's sleek, and modernizes the front page without simultaneously getting rid of everything we've been familiar with since whenever it was put into place.

Link to comment

I don't really like the days being separated by individual boxes, I think it disrupts the flow of the page and makes the center column very awkward appearing. One of the few things I think the current frontpage does well is using breaks instead of being framed. The framing of each day just really breaks the consistency of your design (which is otherwise mostly wayyyy better than the current frontpage).

The other design choice I dislike revolves around the rounded edges on the top panels of each column. If the top banner rounded out like the current one does into the Bohrok body piece, perhaps they would work better. But as-is, I think they also disrupt the flow of the page and look almost over-designed.

Link to comment

The contrast between the top banner, which is square, and the rounded things at the top of the categories is just off-putting. Making them all curved or all square would help.

 

And DeeVee is right - those frame module blocks need to be slimmed down, because the contrast between the modern blocks in the center of the page and the old-fashioned blocks on the edges is annoying. While it doesn't look like a big deal now, it probably will be when the page is expanded in size. It might be better to design the news blocks more like the blocks on the sides.

 

Still, I applaud the effort. Keep working on it, as a couple good tweaks will serve you well.

Link to comment

Ah, criticism. The thing that keeps my head from inflating any further so I can actually improve.

I like the reference and community tabs, but feel more could be done to the boxes such as member spotlight, the gallery, etc. Maybe you could redesign the tops of each of those boxes to be more similar to the design you've given the reference and community tabs?

That's the power of gradients =)

And sure, I'll look into ways to make the tab headers a bit more exciting then they are now.

I don't really like the days being separated by individual boxes, I think it disrupts the flow of the page and makes the center column very awkward appearing. One of the few things I think the current frontpage does well is using breaks instead of being framed. The framing of each day just really breaks the consistency of your design (which is otherwise mostly wayyyy better than the current frontpage).

Consider your point taken.

In order to have a more unified design, I'm trying to emulate certain parts of the forum on the frontpage. For the days I picked the category listing (minus the blue headers), which in hindsight was indeed the wrong choice to make.

The other design choice I dislike revolves around the rounded edges on the top panels of each column. If the top banner rounded out like the current one does into the Bohrok body piece, perhaps they would work better. But as-is, I think they also disrupt the flow of the page and look almost over-designed.

The contrast between the top banner, which is square, and the rounded things at the top of the categories is just off-putting. Making them all curved or all square would help.

True once again.

Originally they were (semi-)square as well, but the way that they were gathered really cluttered up the top part of the page. This was just a quick fix to make it look less abomination-like with the new whitespace between the content and the header, and to be fair that part got kinda ignored afterwards.

 

 

Once again, thanks your your criticism everyone. Without valuable constructive criticism there would be little to no improvement in the words, and that applies to this design as well.

Link to comment
Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...