10-28-2006, 08:56 PM
I have a site that I'm asking for a review. As I'm fairly new at this; I don't know what points ti exactly to ask about.
The site is http://www.waterfallrecordings.com/
Thanks in advance,
10-29-2006, 12:32 AM
A bit... busy. Bear in mind that it's harder to read on-screen than it is to read a book, so standard text size needs to be bigger than what you'd see on a normal printed page.
The blues don't match. You use a nice mild blue for the background, a tealish one for the header, and then a standard crayon blue for the text? Uh-uh. No two of them match! This site (http://www.december.com/html/spec/color.html) has a huge list of different HEX codes for colors and even lets you mix your own color from the RGB content to get the HEX code. Quite useful.
Continuing the color discontinuity, the red doesn't match the teal. Or either blue. Nor does the green match.
The "Printer Friendly Version" link is off-center on the "About Us" page, and in the tutorial I looked at (first one on the list), the "Objectives" title slightly overlapped the text below it... You may want to fix those.
I hope this is helpful!
10-29-2006, 05:45 AM
Hopefully some of this is helpful,
I think I should say that with a site like yours that is basically loaded with information, you would want to make the site flow with as much ease as possible.
I would have to agree with Carradee about the colors. The site she linked is awesome it allows you to visualize just about any color. A good suggestion would be to open up a window to your webpage and minimize it to half the screen and then open up another window that goes to the link Carradee gave. With the two windows side by side you can easily match up your site with colors that might match a little better.
There is nothing wrong with using different types of blue. I did it in my site and it works. The key is to find ONE blue and then using various shades/tints of that ONE blue. Blue and teal are actually two very clashy colors because they are so close on the color wheel.
A rather quick/easy fix would simply be to change the color of your header to a less saturated blue. try this hex value "4E78A0" it might match a little better with your background.
I also recommend changing that teal header to the same color as your main header. Thus your main header and the "sub menu" colors should be the same. This would make for a little less distraction. You could also make some of the text the same color as the main header and sub menu headers, all helping to ease the flow.
The only other thing I guess I could mention is that I felt a little overwhelmed with buttons when I visited your site. I noticed that many of the button links going accross the top can also be accessed via the site menu as well. This duplication doesnt seem necessary and made it a little difficult to navigate when I found myself visiting the same page more than once.
WOW I wrote more than I intended. Hopefully this feedback helps some.
10-30-2006, 09:14 PM
Thanks for the feedback!
I'll have to try the bumped font size.
Colors: I've been living with this site for so long that the color combo doesn't bother me. My perseption has been numbed! I'm going to check around for some color combo articles. And thanks for the lead the that site.
I'll check those out-of-line links also.
You've been VERY helpful.
10-30-2006, 09:26 PM
Thanks for the suggestion on how to benefit from the information that Carradee gave. I'll try the "4E78A0" for the header and work from there. (Like I said, I feel as little 'color challenged').
I had been advised that the left nav area was redundant. I think that I had spent so much time in organizing and designing those separate menu pages that I became reluctant to let them go. Oh, well, they are goin bye-bye.
And thank you trigger,
10-30-2006, 10:04 PM
Header blue's much better now for the pale background blue, though I'm sure you're still working on the not-matching text colors. You may want to consider changing the text color atop the header into something that's a more direct contrast to help those with eyesight difficulties.
I'll see if I can find the article I read on that recently. ...I can't find the one I read, but here (http://www.rnib.org.uk/xpedio/groups/public/documents/PublicWebsite/public_contrast.hcsp)'s another one.
You're welcome. :) [EDIT: I mean for your "thanks" earlier; I didn't intend that as arrogantly as that sounded.]
10-31-2006, 04:45 AM
Agreed, Header color is alot better.
Next step would be to change the teal > possibly same color as header. Then change the bright blue text to similar or same color as header.
As for the navigation bars. I would keep the side nav bars, because they are alot more organized in the since that a visitor clicks on a main category such as "Supportive information" and its directs them to a sub-menu with a list to choose from.
By utilizing the side navs you can get rid of the top buttons and it will free up some space. In the new empty space (gray area) you could put "Affordable Mixing, Mastering and Recording". This would in turn free up some space in the main header (blue are) and you could put just the site name their "WaterFall Studios" and increase its font size so it stands out a little more.
11-01-2006, 10:24 AM
Thanks for referring that new page. I've got to get some sleep now, but I'll check it out in a few hours.
I've been up all night changing my pages as well as the css sheet.
Question: Do you think the blue background image should go? I kind of like it but I tried about four others in the past.
11-01-2006, 10:31 AM
I've made some color changes...
I've received a lot of disgruntled opinions regarding that left nav bar, but your the first to suggest keeping it and losing the top nav! Very interresting!
I'll try that on a test page tomorrow. Hadn't thought of that!
As far as the top nav bar, I've been considering doing a drop down menu system that wouldn't look so "iron-clad", (I did kind of go overboard with the thickness of the buttons and surrounding bar!).
11-02-2006, 02:24 AM
A drop down menu would be the way to go honestly.
It would organize your pages and make it alot easier for visitors to get to what it is that they are looking for. Plus with a drop down they can basically search through all the your page categories to go to the exact page they want without having to go to one page that links to another, then another before they get to where that want.
A very easy one to setup thats FREE, and customizable is HERE (http://code.gosu.pl/) Under "Mygosumenu" there are several different types of menus to choose from. Each has a vertical and horizontal version.
11-02-2006, 02:05 PM
I worked up a couple of drop downs last night and I'm tweaking them. I'll check out that link. Thanks
11-03-2006, 01:46 AM
It is quite crowded - alot for the visitor to take in all at the same time, what you want to try and do is focus on one aspect of your business and make it prominent - at first glance I would have no idea what your site is about - its just plain with 2 pictures and nothing super special...
You will definitely want to add some more graphics in your header - like make an actual image header... your current one is plain and quite small with no visual effects... remember - if your visitor likes the site, they stay longer... you need to work to make it a little more aesthetically pleasing...
But it's ok for a first try!
11-03-2006, 03:34 AM
A stronger logo would help with the branding of your site. Try increasing the header area a bit and adding one.
11-03-2006, 07:45 AM
Overall the design reminds me afew things: websites in the mid 90's, an affiliate marketing webpages. Anyway: it needs,
A better logo.
A dropout, or dropdown menu, self expand menu, whichever you want.
The paragraph heading is bigger than the page heading. It's not erm... so right. On a webpage, most people wil want the web heading, i mean the title of the site noticable and most of the time, unique. You may want to change it if you want.
The contents are cramped. I agree.
11-04-2006, 02:56 PM
Which page are you referring to?
11-06-2006, 05:50 PM
:D to be honest..
i dont like it
dont like the navagation or the header you can tell you have put images on top of each other with out cropping them etc on the header the header seems to dark for the content and navagation
but has potential