I've been working on a new website design for the past few months and I would like some feedback, particularly comparing and contrasting the new design with my old design. My new design is at http://www.ninjawarrior.info/navtest.html. My old design is at http://www.ninjawarrior.info.
New Website Design Compare and Contrast
- Thread starter etangins
- Start date
11px text is too small - even for young guys like you 
the background is just too distracting - and now you've added more in the column and it has a gap it looks cluttered.
colums/boxes need more padding and some more line-height would be weclome - you have a lot of text and you want people to be able to read it easily and comfortably: white text ona black background is tiring - tone the background and text back a little say #e0e0e0 on #333
note sure about the standard visited link colour (purple) doesn't fit the site colour scheme - how a bout a mid grey but still red on hover?
don't like the gaps between the buttons on the nav (when you hover over and they drop down) it makes them look broken
it does look a lot better than before but still needs a little tweaking
the background is just too distracting - and now you've added more in the column and it has a gap it looks cluttered.
colums/boxes need more padding and some more line-height would be weclome - you have a lot of text and you want people to be able to read it easily and comfortably: white text ona black background is tiring - tone the background and text back a little say #e0e0e0 on #333
note sure about the standard visited link colour (purple) doesn't fit the site colour scheme - how a bout a mid grey but still red on hover?
don't like the gaps between the buttons on the nav (when you hover over and they drop down) it makes them look broken
it does look a lot better than before but still needs a little tweaking
Thank you SOO much for your feedback. That is exactly what I was looking for. I took a lot of your suggestions and implemented them in the website and I do think it is a lot better. If you wouldn't mind taking a look at some of my changes www.ninjawarrior.info/navtest.html and letting me know if that is along the lines of what you are looking for, that would be incredibly helpful to me.
The one thing I didn't change was the background, because I do feel like it is an integral part of the feel of the website, but I see where your comng from. I'm unfamiliar with the term line-height but I did try to add some more spacing.
Thank you so much for your help so far.
The one thing I didn't change was the background, because I do feel like it is an integral part of the feel of the website, but I see where your comng from. I'm unfamiliar with the term line-height but I did try to add some more spacing.
Thank you so much for your help so far.
PoundPig
New Member
Hi Etangins,
Firstly I love your ethos and what your trying to promote through your website. Good job!
I have to agree with @d a v e to be honest regarding the background its just way to distracting. Also with what you have done with your logo/header illustration it doesn't really match the feel of the photography based background images.
I hope this helps
Firstly I love your ethos and what your trying to promote through your website. Good job!
I have to agree with @d a v e to be honest regarding the background its just way to distracting. Also with what you have done with your logo/header illustration it doesn't really match the feel of the photography based background images.
I hope this helps
Thank you for your feedback as well. I'll try to do something about the background. What would you recommend doing. I don't want to make it bland with a plain color but if a high resolution image is too distracting, what would be a good balance? Should I go with a gradient or would it be better to find a less distracting image? I could even do a plain background witha few images to give it a little liveliness. Also, would changing the background help fix that issue you mentioned with the logo/header illustration?
Thank you for your suggestions.
Thank you for your suggestions.
Last edited:
maybe blur the background? you could darken it too i guess
e.g. http://gekkoweb.com/stuff/ninja-warrior.jpg
e.g. http://gekkoweb.com/stuff/ninja-warrior.jpg
I actually thought of making the background greyscale http://www.ninjawarrior.info/navtest2.html. Do you think that is better?
PoundPig
New Member
Hi sorry for the delay in response I don't think I subscribed to the thread. I quickly made some css changes and took a screen shot to show you my thoughts but this is obviously very loose! But might possibly give you a little direction.
http://www.poundpig.com/wp-content/uploads/2013/11/Screen-Shot-2013-11-29-at-19.22.00.jpg
Hope this helps!
http://www.poundpig.com/wp-content/uploads/2013/11/Screen-Shot-2013-11-29-at-19.22.00.jpg
Hope this helps!
Not a problem. Thank you for taking the time to make those changes. I see one of the things you did was change the content background from white to a dark grey. The problem is, I was planning on putting black text on the white background (the grey bubbles were only supposed to be for the homepage where I wanted to break content into bubbles) for the rest of the pages (e.g. www.ninjawarrior.info/salmon_ladder1.html www.ninjawarrior.info/unstable_bridge2.html www.ninjawarrior.info/obstacles2.html which are all rough drafts). I'm afraid putting having that grey background might make some of the more content intensive pages like those with many images hard to read.
I really like the sideways logo, it's a really nice touch. Do you think that the orange background blends in well though? I almost feel it might be better to desaturate the current background or blur it a lot like www.ninjawarrior.info/navtest2.html.
On any note, I really appreciate the suggestions.
I really like the sideways logo, it's a really nice touch. Do you think that the orange background blends in well though? I almost feel it might be better to desaturate the current background or blur it a lot like www.ninjawarrior.info/navtest2.html.
On any note, I really appreciate the suggestions.