Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Welcome to BZPower!

Hi there, while we hope you enjoy browsing through the site, there's a lot more you can do if you register. The process is easy and you can use your Google, Facebook, or Twitter account to make it even faster. Some perks of joining include:
  • Create your own topics, participate in existing discussions, and vote in polls
  • Show off your creations, stories, art, music, and movies and play member and staff-run games
  • Enter contests to win free LEGO sets and other prizes, and vote to decide the winners
  • Participate in raffles, including exclusive raffles for new members, and win free LEGO sets
  • Send private messages to other members
  • Organize with other members to attend or send your MOCs to LEGO fan events all over the world
  • Much, much more!
Enjoy your visit!

Posted Image






Photo

BZP Homepage Fan-design

Posted by Zuunu , in Development, BZPower Apr 04 2013 · 318 views

bzpower homepage website design redesign
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.


Posted Image

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 =)

  • 0



That's actually not that bad.

    • 0

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)
    • 0

This ain't too bad, Zeene.

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

We have the same idea :)
    • 0
Photo
Nick Silverpen
Apr 04 2013 01:43 PM

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.

    • 0

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.

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

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)

    • 0
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
    • 0

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? ;)

    • 0
Photo
Captain Caboose
Apr 04 2013 07:11 PM

Whenever someone does this, I see the same thing. It doesn't look any different to me. Sorry man.

    • 0
Photo
Voltex Oblige
Apr 04 2013 08:07 PM

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.

    • 0

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.

    • 0

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. 

    • 0
Looks the same to me.
    • 0
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.
    • 0

Search My Blog

Recent Comments

Approval!.....ness

Posted Image

Posted Image

Posted Image