Bier Garden Website


the bier garden

creative fields

wordpress development, web design

visit live site back to portfolio

project summary

The Bier Garden is an institution. Serving imported and American craft beer long before the current trend caught up, the Portsmouth restaurant and bar has always been ahead of its time. When it came to their website however, things needed a major update.

Using a responsive, mobile-first approach, the biggest challenge came with organizing the beer and drink menus in a way that is intuitive and easy to navigate for users on smaller devices. Organized by region and then specific beer styles, the menu is built into an accordion for easy and tidy browsing. All menus on the site, including food, are coded rather than displayed as a PDF or image. Too often, restaurant sites employ the latter as it's easy to implement but serves little use to search engines and users on mobile devices.

bier garden website mockup desktop
bier garden website mockup mobile