View Full Version : Working on a site design

10-30-2006, 06:39 PM
Hey everyone,

I have a possible chance of building a site for someone and thought I might develope a mock site for the owner to look at.

I thought I would start this thread so that I could show you guys what I come up with and you could tell me "yay" or "nay". I have a few layout designs brewing but this is the simplest one.

http://img58.imageshack.us/img58/4571/bettyswebqc4.th.gif (http://img58.imageshack.us/my.php?image=bettyswebqc4.gif)

Its in the very very early stages of design. If fact the only think that I do like is the look of the company name. The rest is very....well...incomplete.

There general store colors kinda a hunter green so I was trying to keep in that color tone but its hard.


10-30-2006, 07:09 PM
Here's a list of things you could try:
1. Improve the smoothness of the title font - its very jagged at the moment
2. Try it without gradients. A solid colour banner background may look better...also you could then put Country Store in white which would blend in better.
3. If you want to keep the button style as it is then try rounding the left-hand edge.
4. Try and keep a common 'theme' throughout. Your banner font and your link font feel like they should be in two separate sites.

Hope this helps
Alex :thumbsup:

10-31-2006, 08:52 AM
Here is another concept:

In this one I would either go with the nav bars on the left or just have the nav menu thats in the black bar below the header. I am just showing both for feedback sake.

http://img215.imageshack.us/img215/9177/bettysweb2ek6.th.gif (http://img215.imageshack.us/my.php?image=bettysweb2ek6.gif)



10-31-2006, 09:29 AM
it is good just keep on
I like the color, the idea, the buttons, THE DESIGN but try to keep the same design and to fill the empty space!

Good luck!

10-31-2006, 09:32 AM
just try to make the font look better. it is good to use one of the system fonts. I like the most the Arial - because it is readable at any size!!!!!

if you need anything, just ask!

11-02-2006, 06:35 PM
Ok the blue one is growing on me so I decided to scale it down some. so it fits in an 800px width browser.

Here is what is looks like so far....
http://img156.imageshack.us/img156/3489/bettysweb3rz1.th.gif (http://img156.imageshack.us/my.php?image=bettysweb3rz1.gif)

I have a few questions though about specific areas. Ill list them below.

1.) Shopping Cart Area (Which looks better)
http://img155.imageshack.us/img155/6152/11jl4.gif OR http://img54.imageshack.us/img54/1599/12ws8.gif

2.) The "Title" for individual pages. (Which looks better)
http://img200.imageshack.us/img200/4231/21qn4.gif OR http://img508.imageshack.us/img508/6509/22fj4.gif

3.) the "Categories" area is kinda bland. Would it be best to leave it simple looking like it is now?

4.) The individual Items for sale (boxes), does the layout work for you.

5.) Any other constructive criticism, comments or ideas are more then welcome.



11-02-2006, 06:51 PM
Personally I think it's still looking way too high tech and glassy...

Try a bit of Gingham, and maybe a bit of Muslin, on there somewhere - maybe worked into the header? I think it would fit quite nicely with the products.

Kind regards,


11-02-2006, 07:13 PM
Much improved on the original...nice one. Things that you could improve on are the 'details' and 'Add To Cart' buttons...just get rid of the pattern on them and maybe make the font normal instead of bold. You could also experiment with the bits of background that are black...maybe try brighter colours.


11-03-2006, 02:43 AM
Wow! Looking at the original and then the final design - big difference (for the better). I like the general look and feel but here are my suggestions...

-the box around the "shop online" as suggested above

thats pretty much it for now - looks good! i am glad that you changed the links from "stuff" and "more stuff" - those were very unprofessional


11-03-2006, 06:34 AM
Here is another version. Same layout just adjusted the colors to fit a "Country Store" theme a little better. Although it has a slight "Go ARMY" / "Camo" appeal to it.

http://img218.imageshack.us/img218/2715/bettysweb4uz6.th.gif (http://img218.imageshack.us/my.php?image=bettysweb4uz6.gif)
I like this one the best so far. It actually looks like the inside of the store.

I do have a few dilemas though. The actual seperate shopping items colors. Which background do you all like better the "black" or "beige". (Wife likes the black, :thumbsup: )

Also the header logo "Betty's Country Store" is actually a different inner green than the rest of the layout, only because the other green looks almost black to me on my 90's monitor.

This is the image with the actually matching green color below hex value #003300...
http://img209.imageshack.us/img209/1138/bettysweb4xrq9.th.gif (http://img209.imageshack.us/my.php?image=bettysweb4xrq9.gif)

This is another slightly different green that might match a little better, hex value #006633
http://img175.imageshack.us/img175/3172/bettysweb4xxqm8.th.gif (http://img175.imageshack.us/my.php?image=bettysweb4xxqm8.gif)

thanks again,


11-03-2006, 08:35 AM
Isi it possible to soften the gradient. iT would look better. The fonts are.. BIG. Well yes ARIAL and BIG, i got no problem with it just that the price were first to caught my eyes. Anyway, the last pic is better.

11-03-2006, 02:07 PM
Yes the gradient will be softened in the final render that goes online. I just kept the filesize to 80% and used a websnapped .gif file so it would be smaller for your viewing pleasure. The final background will actually be a 100% .jpg file for the gradient background.

I thought about using a comic sans serif as some of the font because their labeling on their various bottled goods looks like some sort of comic sans serif or Andy print. It definently adds more character and country to the look of things I just opted for arial as suggested because of I wasnt sure how the other fonts would render in mac/windows/unix


11-06-2006, 06:22 AM
well definitely... a mac renders fonts better than any other platforms. ARIAL is safe anyway.

11-06-2006, 06:45 PM

faveroute one

couler scheme dont like much but it wouldnt stop me visiting:p

layout exelent love were the nav is etc

pretty nice

11-06-2006, 09:12 PM
Ok here are a few more. These will be the last variations. On these I switch the categories area with the pic area and altered some colors.

So any last suggestions before I show them to my client would be helpful.

http://img501.imageshack.us/img501/2387/bettysweb5ni3.th.gif (http://img501.imageshack.us/img501/2387/bettysweb5ni3.th.gif)http://img511.imageshack.us/img511/746/bettysweb6jo3.th.gif (http://img511.imageshack.us/my.php?image=bettysweb6jo3.gif) http://img508.imageshack.us/img508/2094/bettysweb7nd6.th.gif (http://img508.imageshack.us/my.php?image=bettysweb7nd6.gif) http://img515.imageshack.us/img515/7565/bettysweb8qy5.th.gif (http://img515.imageshack.us/my.php?image=bettysweb8qy5.gif)

Overall I have 8 variations using two color schemes, and 1 major layout that can be altered to their specifications.

Thanks once again,


11-06-2006, 10:05 PM
well definitely... a mac renders fonts better than any other platforms. ARIAL is safe anyway.
I disagree. View my site (link in profile: web design for everyone) on a mac, and on a non-mac. on a mac the navigation bar will go to a second row, because the arial on mac's is slightly wider.

11-08-2006, 12:20 AM

is my faveroute

clean and tidy

love that one :D

good luck choosing

11-08-2006, 04:23 AM
Well I got the client.

She going to look at the templates so she can give me an idea of what she likes/dislikes.

I guess the only downside is that she doesnt want to do online shopping. She just wants to have people view the items and them call to order. I think she is affraid she wont sell many online items.

Now I have to figure out what to charge?