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.