Something seems off with the photos on the front page. The one in the title bar looks soft, like it was enlarged too much, and kind of low-contrast. The other one looks way, way over-sharpened or something. “Crunchy.”
The page has a horizontal scroll bar I guess because the title bar is so wide, but the actual content of the page (the text) is only a little over half the width of my screen.
The blue links on a green background don’t have very much contrast.
The drop shadow and embossed text seems like too much to me.
You probably don’t need “-HOME” in the page title.
I can’t do much about the “crunchy” picture, that is what I have to work with. Maybe a mild blur in PS will help it out, I didn’t really notice. It is the image Silvia wants to use. The other image is a little soft, but again, don’t have much control on that. It is the perfect image for the banner and looks ok to me.
Yeah, the link colors need to be changed. Lucky that is in the css file! Just haven’t gotten around to it yet.
I still need to redo the page to the more modern standard of centering the whole thing. Don’t know why I left justified it. Old habits, I guess.
As far as the embossed text and drop shadows, maybe I am a rebel but this whole sans serif everything clean on a white background web 2.0 look is very sterile to me. A matter of taste.
And on the “Silvia’s Organic Farm” typography, I was trying for kind of an old timey look.
One of my worries is that is too much green and yellow, but I am unsure of how to introduce other colors without clashing. I have always been taught that you should limit your color palate. Maybe it is ok as it is, but any suggestions are welcome.
The font is huge, which again cheapens the look of the page. The Facebook and Twitter buttons at the bottom of the page are also huge and have a weird border around them.
I also think the main picture is far too huge and on my browser it’s overlapping the border of the page. I’d rather it was offset to the right of the first paragraph of text, or something like that. I don’t like being presented with a huge graphic and having to scroll down the page to see what the website is actually about.
Thanks, Sandra. Good suggestions. The huge font is perhaps my response to the unfortunate trend these days to make all text microscopic. It seems like every other page I visit, I have to hit ctrl + just to read the damn thing! Yeah, I am getting older and my eyesight isn’t what it used to be. We aren’t trying to present paragraphs of info here, just sign some local grocers and restaurateurs up for a mailing list so they can know when her produce is ready.
Anyway, thanks to CSS I can mess around with the fonts and color scheme without too much trouble.
Yes, they are large. But the border? I thought I had killed that. May I ask what browser you are using? I have tested the page with just about everything I can get my hands on and thought the border issue on those icons was quashed.
The ‘old timey’ look of the header font is undermined by the color and shading of the text, which just looks too flashy and doesn’t stand out as well as you think it does against the similarly colored background.
It is too much green and yellow and you can’t introduce more colors because you are saturating the page with green and yellow. If the green and yellow theme was more trim than saturation, then you could bring in more colors via Silvia’s actual product, without risking everything looking like a 3-ring circus.
Also, visible tables is a really dated method of layout. Makes the website feel stale, like it hasn’t been updated in 10 years.
On the media page, instead of linking thumbnails directly to the photos which creates a new page for each one, it would be better to link the thumbnails to an embedded, navigable slide show. This section could also benefit from some captioning. What are we looking at? Yes, vegetables, I see that. But what should I, as I potential customer, know about these particular vegetables? Why should I want them?
In the About and Produce sections, there is no content above the fold because the images are large and centered above the text. The pages feel very imbalanced as a result and there is nothing to encourage the reader to scroll. The images need to be scaled and consistent to allow for cohesive flow between pages.
Personally, I think the header takes up way too much real estate. Well, everything is just a bit too big. I have trouble reading small font as well, and sometimes find myself enlarging fonts while surfing, but I would advise against trying to buck the standard. Let your readers decide what size font they want to view it in by keeping sizes relative and your site dynamic, but at the same time don’t make everything so big that it feels like going back to kindergarten.
ETA: I’m viewing in Firefox 4.0.1.
There are plenty of sites that list different gallery software, each of which should have a guide to implement them, no coding knowledge required. Just stick the script in a folder, point to it in the header, and then place it in the text flow.
The heading is a single wide image, causing side scrolling. You need to make it a background to a fixed width header instead, in CSS. That way the “overflow” is “hidden” by default.
Image optimization. The filesizes of your header, navigation and main page images are ridiculously huge. There is no reason to use pngs in most of these cases. The header and main page image should be jpgs, and you can replace the mouseover images & text of the menu with css text.
I’m not a fan of the orange & green color scheme, but most off all the link color is a bit hard to read
Top to bottom layout. On some pages, the layout is just simply cram everything in top to bottom. For example, the “about” page has a vertical picture on top, with the text on bottom. This could be rearranged side by side and still fit all information above the scroll.
In between the header and the horizontal line the background shows through, which creates a horizontal line. Then there is the actual horizontal line. Then background shows through again looking like another horizontal line, then you have the border around the content and then the content area background of yellow and another border around specific text and images.
All of that adds up to something that feels broken up, like the eye is constantly readjusting to different contexts. I think you need to reduce that, I would recommend looking at nice web sites and seeing how they reduce that feeling of visual/border complexity.