# (WIP) Local Brewery site

**URL:** <https://forum.kirupa.com/t/wip-local-brewery-site/264421>\
**Category:** design\
**Created:** [June 25, 2008, 11:43pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421 "2008-06-25T23:43:04Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 25, 2008, 11:43pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/1 "2008-06-25T23:43:04Z")

</div>

I’m building a WordPress site (my first time using WordPress, liking it so far) for a local brewery, and would like some feedback of what I’ve got at this point.

It’s a very cool place, and it’s kind of a local landmark, with a lot of regulars, so all of the imagery on the site has actual meaning to it. I’m hoping to put across its laid-back/hip/small-town vibe.

Most of the pages are just filler text, but the pages that have at least some real content/design are: The home page, “Events” (under ‘Brew News’), and “Our community of friends”. So any feedback on those pages, in addition to the general layout and structure of the site, would be awesome.

Thanks 🍺

[LINK](http://shanecavaliere.com/test/kettlehouse/)

---

<div class="post-metadata">

**Author:** ![anon1712571](https://avatars.discourse-cdn.com/v4/letter/a/9dc877/32.png) [@anon1712571](https://forum.kirupa.com/u/anon1712571)\
**Post date:** [June 26, 2008, 12:01am UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/2 "2008-06-26T00:01:02Z")

</div>

I think the header is a tad too large. I think shaving 1/3 of the height off would realllly lighten it up.

Preloading the nav with sprites would be sweet- to stop the flicker on mouse over:  
[http://www.alistapart.com/articles/sprites](http://www.alistapart.com/articles/sprites)

The logo looks a bit blurry. Might want to crispen it up a tad!

The page structure works great. Simple and to the point!

:2c:

---

<div class="post-metadata">

**Author:** ![nobody](https://avatars.discourse-cdn.com/v4/letter/n/94ad74/32.png) [@nobody](https://forum.kirupa.com/u/nobody)\
**Post date:** [June 26, 2008, 12:49am UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/3 "2008-06-26T00:49:20Z")

</div>

Man there is a lot going on. When I opened the page it just inundated me with stimulation and I didn’t know what to do. I’d work on your visual hierarchy by toning down some of the noise on the outside. I think what you have can work, you just need to cleverly use color and contrast to get the content to be the focal point.

---

<div class="post-metadata">

**Author:** ![Theros](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@Theros](https://forum.kirupa.com/u/Theros)\
**Post date:** [June 26, 2008, 2:28am UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/4 "2008-06-26T02:28:44Z")

</div>

I have similar concerns. Also, I just don’t feel the general style for a beer company. This style just feels old fashioned, and not really beery (if that’s a word). Also, why is the right side bar in flash?

> [@nobody;2349296](#):
>
> Man there is a lot going on. When I opened the page it just inundated me with stimulation and I didn’t know what to do. I’d work on your visual hierarchy by toning down some of the noise on the outside. I think what you have can work, you just need to cleverly use color and contrast to get the content to be the focal point.

---

<div class="post-metadata">

**Author:** ![skrolikowski](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/skrolikowski/32/3004_2.png) [@skrolikowski](https://forum.kirupa.com/u/skrolikowski)\
**Post date:** [June 26, 2008, 2:37am UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/5 "2008-06-26T02:37:53Z")

</div>

There definitely is a lot going on here.  
It’s like you found a ton of graphics and decided to use them all on one site.  
I’d keep all the photos, but get rid of the pig and the bike.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 26, 2008, 5:07pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/6 "2008-06-26T17:07:53Z")

</div>

All good points. However, the site is kind of made for people who have been to the actual place… I know most sites are designed to get new customers, but this is actually more of a way for them to keep up with existing customers, and sell stuff and whatnot… Which is why our design goals are a little different, and why I think the craziness you see is sort of ok.

I know that makes it sort of impossible for you guys to really “get it”, but actually a lot of this craziness you speak of is exactly what this place is like, and exactly what we’re going for.

Theros, you’re right that it’s not that “beery”, but this place has a whole culture around it, which is more what the site is about, if that makes sense. Sorry, I know I’m being vague and difficult. And the sidebar is Flash because we want it to have some animation (it’ll have more later).

Nobody, that is something I was concerned about with the “collage” feel… I’ll try reducing the header a bit as dark suggested, and see if that helps the content stand out more. I’m finding it’s tough to keep a good visual hierarchy when the design direction is “make it wacky”. I know that’s no excuse though… I’ll see what I can do.

Dark, I think I do agree with you about the header being too large, and that’s something we’ve actually talked about quite a bit… We’ll have to see what client thinks. And thanks for the sprites link, I’ll definitely check that out 🍺

skrolikowski, the pig and the bike are actually really important parts of this place’s culture, and definitely have to stay. That’s one of those things you can’t really get without having been there I think.

Ha I know I asked for opinions, and now I’m like “You guys don’t even know! You haven’t been there!” but really, you do have good points, and I’ll work on em.

Thanks 🍺

---

<div class="post-metadata">

**Author:** ![Templarian](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/templarian/32/7152_2.png) [@Templarian](https://forum.kirupa.com/u/Templarian)\
**Post date:** [June 26, 2008, 5:25pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/7 "2008-06-26T17:25:55Z")

</div>

I think it looks really nice. A great Montana brewery feel. Never heard a shops tab called Schwag before other than that though looks really nice and is easy to use. I like all the little signs they are pretty funny.

The beer1 2 ect… needs some sort of rollover.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 26, 2008, 5:33pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/8 "2008-06-26T17:33:34Z")

</div>

Thanks temp 🍺 Yeah, that sidebar isn’t nearly finished… It’ll have more stuff.

Yeah, schwag just means anything with a logo on it. It also means bad pot, but I don’t think they’re worried about that.

If it gives you any more of an idea of what kinda place this is, one of their most popular beers is called “Bongwater Porter”, and it’s made with hemp.

---

<div class="post-metadata">

**Author:** ![Awesome\_O\_4000](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@Awesome\_O\_4000](https://forum.kirupa.com/u/Awesome_O_4000)\
**Post date:** [June 26, 2008, 7:06pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/9 "2008-06-26T19:06:28Z")

</div>

I see it’s a WIP, so these probably don’t matter:

Your nav rollovers don’t line up  
Your images are very low quality.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 26, 2008, 7:42pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/10 "2008-06-26T19:42:29Z")

</div>

Would you mind giving me a screen shot? The rollovers line up fine for me. What browser are you using?

And which images are you referring to?

---

<div class="post-metadata">

**Author:** ![Theros](https://avatars.discourse-cdn.com/v4/letter/t/e5b9ba/32.png) [@Theros](https://forum.kirupa.com/u/Theros)\
**Post date:** [June 26, 2008, 8:06pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/11 "2008-06-26T20:06:02Z")

</div>

[quote=shane-c;2349734]Thanks temp 🍺 Yeah, that sidebar isn’t nearly finished… It’ll have more stuff.

Yeah, schwag just means anything with a logo on it. It also means bad pot, but I don’t think they’re worried about that.

If it gives you any more of an idea of what kinda place this is, one of their most popular beers is called “Bongwater Porter”, and it’s made with hemp.[/quote]

That does explain a lot though…but whoever heard of a company not wanting to expand its customer base lol.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 26, 2008, 8:16pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/12 "2008-06-26T20:16:02Z")

</div>

Ha, I know it is weird, but they are actually growing much faster than they would like to. State law only allows a brewery to have a tap room (a bar attached to the brewery that sells drinks by the pint, in case you didn’t know) if they produce under a certain amount of barrels per year. Their tap room is really important to them (and to me!), so they actually don’t want to expand too much.

---

<div class="post-metadata">

**Author:** ![Awesome\_O\_4000](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@Awesome\_O\_4000](https://forum.kirupa.com/u/Awesome_O_4000)\
**Post date:** [June 26, 2008, 9:07pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/13 "2008-06-26T21:07:00Z")

</div>

> [@shane-c](#):
>
> Would you mind giving me a screen shot? The rollovers line up fine for me. What browser are you using?
> 
> And which images are you referring to?

Sure.  
[http://img133.imageshack.us/img133/3733/sssq7.jpg](http://img133.imageshack.us/img133/3733/sssq7.jpg)

As for the images: The kayaking guy, the license plate, and the dog photo don’t look very sharp. Although the dog one looks deliberate.

I’m on Firefox 3 on a Mac.

---

<div class="post-metadata">

**Author:** ![Esherido](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/esherido/32/2158_2.png) [@Esherido](https://forum.kirupa.com/u/Esherido)\
**Post date:** [June 26, 2008, 9:55pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/14 "2008-06-26T21:55:50Z")

</div>

Like nobody and the rest were saying, way too active. And the roll-overs didn’t work for me, I’m on Firefox 3 on Windows.

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [June 26, 2008, 10:10pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/15 "2008-06-26T22:10:10Z")

</div>

The first thing I noticed is that the image quality is poo, one quick highpass would make it so much better

[![](http://img354.imageshack.us/img354/7137/kettlekg8.th.jpg)](http://img354.imageshack.us/my.php?image=kettlekg8.jpg)

^ same image less drab

i also think that the nav font should be a photoshopped font too, or at least another color that sorta blends in with the mood of the site, right now it sorta just jumps in your face, and then pokes you in the eye.

there are some consistency things that you should look into, like the picture frame animation in the body copy should probably look similar to the other pictures around it.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 26, 2008, 10:38pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/16 "2008-06-26T22:38:15Z")

</div>

> [@Esherido;2349891](#):
>
> Like nobody and the rest were saying, way too active. And the roll-overs didn’t work for me, I’m on Firefox 3 on Windows.

The rollovers didn’t work for you at all? That is really weird… Anyone else having that problem?

[quote=Awesome-O 4000;2349860]Sure.  
[http://img133.imageshack.us/img133/3733/sssq7.jpg](http://img133.imageshack.us/img133/3733/sssq7.jpg)

As for the images: The kayaking guy, the license plate, and the dog photo don’t look very sharp. Although the dog one looks deliberate.

I’m on Firefox 3 on a Mac.[/quote]

Thanks, I’ll look into that… It seems odd that FF3 would mess with it a little like that, compared to FF2. The images are all scanned old polaroids, so yeah.

[quote=simplistik;2349902]The first thing I noticed is that the image quality is poo, one quick highpass would make it so much better

^ same image less drab

i also think that the nav font should be a photoshopped font too, or at least another color that sorta blends in with the mood of the site, right now it sorta just jumps in your face, and then pokes you in the eye.

there are some consistency things that you should look into, like the picture frame animation in the body copy should probably look similar to the other pictures around it.[/quote]

Thanks simp… that image does look way better. Would you mind telling me what you did? I don’t know what high pass is 😛 And the rest of your suggestions are good, too, I’ll definitely work on 'em. Thanks 🍺

---

<div class="post-metadata">

**Author:** ![Esherido](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/esherido/32/2158_2.png) [@Esherido](https://forum.kirupa.com/u/Esherido)\
**Post date:** [June 26, 2008, 11:11pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/17 "2008-06-26T23:11:56Z")

</div>

> [@shane-c;2349918](#):
>
> The rollovers didn’t work for you at all? That is really weird… Anyone else having that problem?

Sorry, I wasn’t describing it well enough; the text showed up, and I could select it and view the page it linked to, the problem was that there was no background which made it kind of hard to even see the text.

---

<div class="post-metadata">

**Author:** ![shane\_c](https://avatars.discourse-cdn.com/v4/letter/s/3be4f8/32.png) [@shane\_c](https://forum.kirupa.com/u/shane_c)\
**Post date:** [June 27, 2008, 7:38pm UTC](https://forum.kirupa.com/t/wip-local-brewery-site/264421/18 "2008-06-27T19:38:58Z")

</div>

Ok, I did the high pass to all of the background images (thanks simp, that was great to know), and I think I got the menu dropdown backgrounds to preload, so there shouldn’t be a “flicker” delay.

The design has just been approved by the client, so I don’t think I’ll be messing with the header any more, as far as reducing it or whatever. Oh well.

Thanks guys - keep me updated on more problems you see, I really appreciate it 🍺
