After developing an idea for the look I wanted for the website, I decided to create some rough drafts to discuss with the client what I think would be good for the website. After looking at other bar and brewery websites, I implemented sections I thought would be fitting for the 80 days website.
- HOME PAGE
- OUR STORY
- MENU PAGE
- CONTACT PAGE
ELEMENTS LOCATED SITE WIDE
NAVIGATION – BURGER NAVIGATION
After researching into burger navigation I discovered that this style is becoming more and more popular, and more recognised by the user so I decided to add this to fit in with the current web trend, and also to keep the 80 days website up to date with the direction that navigations are going on the web.
For this page inspired by the Home Page of the Stone Brewing website, I decided to add a large video background, on top of this I want to add the logo, so the user instantly recognises the website as the 80 days website.
TESTIMONIAL BLOCK SLIDER
Just after the what we do section is the testimonial block using a slick carousel slider with quotations taken from customers about what they love about 80 Days Bier Haus.
The Footer section will be located on every page, that will include extra links to pages, location of 80 Days Bier Haus, and also social networking links and a like and share button for facebook.
HOME PAGE BREAKDOWN
Who We Are Section
Bellow the hero section is a brief about me section that tells the user straight away from entering the page exactly what 80 days bier haus does and what it is about, with a link that takes the user to the our story page just bellow the main body of text. Accompanying the information are images of staff and the owner.
What We Do Section
Bellow the ‘who we are section’ is a section that tells the user about the products that 80 days offer, such as craft beer from around the world. With a brief description telling the user this, and then to left a section that fades in and out different brewery logos.
The draft section will allow the user switch through the different draft beers using an inline navigation list, the selection will change the container bellow showing information and imagery about the particular Draft Beer depending on the selection.
20% TAKE OUT BANNER
The 20% of take out banner will allow the user to know that if they go into the bar they can get 20% discount on all take out beers. Which gives the user more reason to go into the bar.
MENU BEER SELECTION
The menu beer section like the draft beer section, allows the user to switch between the different beer styles such as American, UK, Trappist, Belgian. With a detailed description of each beer from each different style.
OUR STORY PAGE
On this page it will have a time line going down the middle of the page, starting from the begging of 80 days until the current day, this will all be content managed, and use fade in effects as the user scrolls down the page, using images that fade in at the side and text.
This fits in with my target audience because it allows the user to get a greater knowledge about 80 days history which is something my target audience want to know.