Fingers holding guitar pick package design

Acoustic guitar bottle design

Acoustic guitar head in negative space of K

The logo I decided to move on with, but it needed more of a personality. A way to capture the character of the brand. Hence, the raccoon.

Primary logo treatment Alternate logo treatmentsReverse

Tint

The logomark should be used primarily as shown on the top left. Ample room should be supplied surrounding the logo when possible. In cases where the primary logo treatment cannot be used, a suitable substitution may be selected from the alternate logo treatments. When using an alternate treatment, it is permissible to use the color tint treatment, but precedence should be given to the reverse treatments of the logo.

True to what’s inside

www.kilcullysbrewery.com

This is the layout of Kilcully’s homepage. Visitors may select their preferred language at the top or hit Login to log in or register. Eye-tracking research tells us that on websites viewers start from the top left and scan across to the right and then the pattern is repeated, loosely in the shape of an F. I decided to use a top navigation bar for this reason. In the main area of the page is a virtual gallery of the different beers Kilcully’s offers. To learn about one of our beer’s 12 different microbrews, visitors can click the blue arrow and it will zoom them down the center road between the beers. It will stop at each microbrew and a window will pop up with some text and graphics. These would have the name of the beer, type, pouring technique, ideal temperature and other fun facts about that particular microbrew. To zoom back out another blue arrow would appear at the bottom, allowing the visitor to go back and revisit one of his or her new favorites.

On the right hand side of the screen there is a feed updating visitors with the latest tweets by Kilcully’s or users that mention a certain word or set of words decided by the company. To scroll through the recent tweets, visitors can click and drag down on the gray scroll bar to the right. Below the Twitter feed section would be the space for media such as pictures and videos that Kilcully’s uploads. For now, I set it as pictures of a sample bottle label. Below the media gallery could be upcoming events, relevant news or press releases.

The makers and marketers of Kilcully’s want to engage with their consumers so I included the social media buttons that would take them directly to the corresponding pages. It includes Facebook, Twitter, an RSS feed that they can subscribe to and Google+.

Upon arrival of the website, visitors are set in the Kilcully’s mood with authentic blue grass guitar music that Chris Kilcully himself would listen to. Visitors have the option to continue listening or silence the music by simply clicking the white moving icon in the bottom right corner.

I wanted to present a simple website that was flash capable but would also have all of its content above-the-fold. This way, it has a greater chance of appearing higher up in search results and getting the optimal use out of our advertising dollars. This web layout shows the visitor what the Kilcully’s brand is about in a fun and interactive way that encourages them to try Kilcully’s out for themselves responsibly.