Website Development


SCROLL DOWN

Website Development


Why You Need A Website

  • 3 out of 4 consumers consult social media before making a purchase
  • 74% of craft beer buyers consult their phones before going into a store
  • 60% of craft beer buyers consult their phones at the shelf

Step 1: It Starts With A Story


Step 1: It Starts With A Story


First, Write A Story

The first thing you need to do, the very first thing, is write a story. Sounds cheesy, we know. But it's really important. The story is supposed to get at the heart of what makes you unique, what makes you well, you. It's what sets you apart from the other 4 billion breweries opening their doors in this country. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et posuere nulla. Sed in erat id augue convallis cursus vulputate in velit. Vivamus condimentum turpis ut magna fermentum, et auctor dui venenatis. Nam dignissim, arcu at ultrices consectetur, arcu velit commodo neque, ac egestas libero turpis nec quam. Nulla hendrerit fermentum eleifend. Nunc commodo, ligula in pulvinar condimentum, metus metus ullamcorper diam, laoreet vulputate quam justo eget enim. Donec viverra lorem massa, nec tincidunt nisi convallis non. Maecenas rhoncus eu felis et lobortis. Donec molestie metus vel lectus facilisis, non aliquam ipsum efficitur. Maecenas fermentum sit amet ex nec aliquam. Quisque luctus orci sodales pellentesque ultrices.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

The Happy Camper Story

 

Husband and wife co-founders of Happy Camper Beer Company like to call themselves "part-time drifters.” For six months out of every year, they pack their lives into Shelby, their camper van and hit the road. They traverse the country in search of unique experiences, the kind that you can’t really get without you know... experiencing them and then turn those experiences into beer recipes.

The end result is series of beers that are inspired by places. By moments. Some of them are big and recognizable like the Grand Canyon, and some are small and personal (there’s this look out point mid-way through a hike on an island off Seattle called Whidbey Island that will take your breath away), but they’re all evocative. Each beer is a little window into the vast range of experiences our beautiful country has to offer. It’s like traveling the country without leaving your living room. 

Then, Hire A Photographer.

Photography matters. Good photography isn't cheap, but you can't afford not to pay for it. Here's a bunch of text about the importance of photography. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non auctor odio. In aliquet ac elit sit amet accumsan. Mauris vulputate dictum ante a rutrum. Nullam sit amet mauris ligula. Nulla lacinia cursus ipsum, non lacinia mi mollis id. Proin posuere id lorem vitae condimentum. Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

The Happy Camper Photography

We started with a mood board to really nail down Happy Camper's visual style. Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

Step 2: Photography Matters


Step 2: Photography Matters


Then, Hire A Photographer.

Photography matters. Good photography isn't cheap, but you can't afford not to pay for it. Here's a bunch of text about the importance of photography. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non auctor odio. In aliquet ac elit sit amet accumsan. Mauris vulputate dictum ante a rutrum. Nullam sit amet mauris ligula. Nulla lacinia cursus ipsum, non lacinia mi mollis id. Proin posuere id lorem vitae condimentum. Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

The Happy Camper Photography

We started with a mood board to really nail down Happy Camper's visual style. Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et posuere nulla. Sed in erat id augue convallis cursus vulputate in velit. Vivamus condimentum turpis ut magna fermentum, et auctor dui venenatis. Nam dignissim, arcu at ultrices consectetur, arcu velit commodo neque, ac egestas libero turpis nec quam. Nulla hendrerit fermentum eleifend. Nunc commodo, ligula in pulvinar condimentum, metus metus ullamcorper diam, laoreet vulputate quam justo eget enim. Donec viverra lorem massa, nec tincidunt nisi convallis non. Maecenas rhoncus eu felis et lobortis. Donec molestie metus vel lectus facilisis, non aliquam ipsum efficitur. Maecenas fermentum sit amet ex nec aliquam. Quisque luctus orci sodales pellentesque ultrices.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

Step 3: Site Structue


Step 3: Site Structue


Step 3: Build A Site Structure

You're a brewer, you know about planning and details. Here are some words about what a site structure is and why it matters. ot to porem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non auctor odio. In aliquet ac elit sit amet accumsan. Mauris vulputate dictum ante a rutrum. Nullam sit amet mauris ligula. Nulla lacinia cursus ipsum, non lacinia mi mollis id. Proin posuere id lorem vitae condimentum. Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

The Happy Camper Site Structure

We started with a mood board to really nail down Happy Camper's visual style. Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et posuere nulla. Sed in erat id augue convallis cursus vulputate in velit. Vivamus condimentum turpis ut magna fermentum, et auctor dui venenatis. Nam dignissim, arcu at ultrices consectetur, arcu velit commodo neque, ac egestas libero turpis nec quam. Nulla hendrerit fermentum eleifend. Nunc commodo, ligula in pulvinar condimentum, metus metus ullamcorper diam, laoreet vulputate quam justo eget enim. Donec viverra lorem massa, nec tincidunt nisi convallis non. Maecenas rhoncus eu felis et lobortis. Donec molestie metus vel lectus facilisis, non aliquam ipsum efficitur. Maecenas fermentum sit amet ex nec aliquam. Quisque luctus orci sodales pellentesque ultrices.

Step 4: Build A Website


Step 4: Build A Website


Now, Build Yourself a Website.

There are lots of ways to build a website. Our preference? Hire us. If not, hire someone else. And if you really don't want to do that, roll up your sleeves and dig in. Sign up for Square Space and let's get started. 

Choose A Template

Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Build The Skeleton

Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Customize, Customize, Customize

Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

The Happy Camper Website

We built the Happy Camper site on Square Space. We started with the Alex template. We started with a mood board to really nail down Happy Camper's visual style. Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et posuere nulla. Sed in erat id augue convallis cursus vulputate in velit. Vivamus condimentum turpis ut magna fermentum, et auctor dui venenatis. Nam dignissim, arcu at ultrices consectetur, arcu velit commodo neque, ac egestas libero turpis nec quam. Nulla hendrerit fermentum eleifend. Nunc commodo, ligula in pulvinar condimentum, metus metus ullamcorper diam, laoreet vulputate quam justo eget enim. Donec viverra lorem massa, nec tincidunt nisi convallis non. Maecenas rhoncus eu felis et lobortis. Donec molestie metus vel lectus facilisis, non aliquam ipsum efficitur. Maecenas fermentum sit amet ex nec aliquam. Quisque luctus orci sodales pellentesque ultrices.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

Step 5: Write Your Story Down


Step 5: Write Your Story Down


Step 5: Write down Your Story

Here are some words about how to write words for the website. A few words about why it's importnat.  ot to porem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non auctor odio. In aliquet ac elit sit amet accumsan. Mauris vulputate dictum ante a rutrum. Nullam sit amet mauris ligula. Nulla lacinia cursus ipsum, non lacinia mi mollis id. Proin posuere id lorem vitae condimentum. Nam pellentesque aliquam egestas. Nullam nec metus luctus, bibendum odio quis, accumsan mi. Nunc id ipsum id metus tempus suscipit. Nullam elementum, tellus ac maximus tristique, lacus velit lacinia justo, sit amet condimentum diam purus id felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam rutrum sodales metus a consequat. Duis ullamcorper et sem sit amet vulputate. Phasellus ut fringilla neque. Vivamus iaculis sapien ipsum, sit amet faucibus nulla tempus ac. Aenean ornare, purus sed efficitur auctor, eros urna blandit dui, id dapibus purus leo at ante. Maecenas aliquet, tortor finibus cursus dignissim, mauris felis vestibulum ligula, eu tempor nibh dolor viverra ante. Maecenas at urna eget massa tristique mollis. Sed nec efficitur odio. Nunc eget auctor erat, at vestibulum dolor. Pellentesque a arcu vel leo dictum ornare quis ac orci.

 

The Happy Camper Site Structure

Happy Camper's style is a collection of little post-card sized stories. Happy Camper is obsessed with moments -- and the beer, the photography, the website and the writing is all designed to capture and communicate that. They are literally bottling moments.  

Snow Peak Porter (Rock Mountain National Park, CO)

When we first rolled into Rocky Mountain National Park, we were literally speechless. It was a sunny winter morning, we’d just driven through the night (not something we would recommend) and when we sat there with steaming cups of hot cocoa (we’d run out of coffee) and stared at the snow covered passes, and unending beauty, we couldn’t think of anything to say. In short, it was beautiful. Snow Peak Porter is a frost-bitten homage to that moment. It’s a rich, chocolatey porter with deep roasted notes and just a hint of pine-y goodness. It’s a reflecting beer, a beer that makes you think and not speak. 

Beach Comber Session IPA (Malibu Beach, CA)

This west coast-style IPA is meant to be enjoyed with sand in your shoes. Or without any shoes at all. It’s inspired by one of our favorite places to camp — Malibu Beach. And, like the people that we meet there, it’s laid back, unassuming and totally chill. This pineapple IPA is well balanced, not too hoppy, not too sweet, not too fruity — just right. And, at only 4% ABV, it’s a beer you can drink a lot of and still have your wits about you for a quick dip in the ocean. 

Flying Fish Honey Ale (Seattle, WA) 

Seattle’s most famous landmark (besides that large pointy one), is the guys that throw fish at Pike Place market. While this is definitely cool, there’s something else that we fell in love with at the famous outdoor market: honey straws. They’re everywhere there, little plastic straws filled with flavored local honey: blueberry, cherry, vanilla, chocolate — every flavor you can think of. Our favorite, boysenberry, was the inspiration for this honey ale with wild boysenberries. It’s rich, sweet and reminds us of a walk through the market on a sunny Sunday afternoon.  

 

Step 6: Have A Fu*#king Beer


Step 6: Have A Fu*#king Beer


Step 6: Have a Beer.


You've worked hard, you deserve it. 

Need Content, We Can Help With That Too


Need Content, We Can Help With That Too


Need Content? We Help With That Too.

  • Social Media Strategy 
  • Blog Writing
  • Photography