Brezerd.net 3.0

Hello all,

First time posting; however, have followed and loved Elated for months now.

Anyway, I'm redesigning my website's UI and this is what I am preparing to deploy:

http://brezerd.net/test/

Also, the current design document is here (for what it's worth):

http://brezerd.net/3/docs/BS-3-0-1.pdf

Any feedback on the new UI would be great and I do value your opinions as fellow webmasters. Constructive criticism is welcome.

Thank you,

[Edited by Hunter100 on 11-Sep-11 06:21]

--
Creator, Owner and Webmaster
Brezerd.net
http://brezerd.net/

@Hunter100: Thanks for posting your site. I'm impressed by your design document - it's always good to see a thorough plan for a website's design and marketing

A few brief thoughts on http://brezerd.net/test/ :

I like the simplicity of the design, as well as the font choice. The dark green masthead also goes well with the orange in the site name and menu. However I'm not sure the blue/green sidebar colour fits in that well with the other 2 colours. I'd be tempted to try the masthead green (or a subtle variant thereof) instead. In a similar vein, I'd suggest using a link colour that blends with your colour scheme instead of the default blue.

Not sure how wide your page content is in the CSS, but I'm getting a horizontal scrollbar in my browser. A safe bet these days is no more than 960px wide. You could also use a fluid or responsive layout instead of a fixed layout, so that the site works well at different browser widths.

I also think the masthead needs some padding around its content (BREZERD.NET - Plan. Code. Deploy. Conquer.). Maybe 10px or so.

Hope that helps for now

Cheers,
Matt

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

Thanks for your feedback. Originally I was using the shade of blue in the sidebar (#3DA1A5) for the masthead as well. I found it using W3Schools' colour mixer (so I doubt it's web safe as such).

For the fluid page design, do you mean use percentages for widths instead of pixel values? If you notice, the menus start to wrap if the windows and/or screen size is insufficient.

Also, what font do you recommend for the footer links (below the mainContent div).

--
Creator, Owner and Webmaster
Brezerd.net
http://brezerd.net/

Overall, you done a nice job. I like your colour scheme but I think you ought to change it in that box on the top right hand section (Scimitar Network) as I can hardly see what's written there. I also see a horizontal scrollbar when I check it from my iPhone & iPad but I don't see same when I check it on my laptop!
Hope that helps? Well done

--
http://www.mauconline.net

Thanks everyone that feedback does help.

That ad was simply an image I uploaded to fill the space until I have something for that position (Google AdSense or something).

I may change the design so you may see different things at the test page.

Also, the updated design doc is here:

http://brezerd.net/3/docs/BS-3-0-2.pdf

Thanks,

--
Creator, Owner and Webmaster
Brezerd.net
http://brezerd.net/