Tilleys Bar - Concept UI Design
Website Design Pitch for Tilleys Bar Cameron’s Brewery have recently acquired the Head of Steam pubs which include Head of Steam (Newcastle and Durham), The Cluny, Cluny 2, Central Bar and Tilleys Bar. They have been collectively displayed on one website under www.headofsteam.co.uk, Cameron’s now wish for each bar to have it’s own website. Each site should be unique to each bar however, they should have a similar feel so they can be quickly associated with each other. The site needs to be easy to navigate as well as interesting and contemporary, it should allow the user to get information quickly and want to view the site. It should headline the USP of each bar, for example Tilleys Bar’s Cinema Room, The Cluny’s Live Gigs, Central Bar’s Cider Festival …etc. It is very important to display the location of the bar and do it well using Google map integration as well as displaying the actual address. All of our bars run their own social media accounts, Tilleys Bar is very good with this. So it is integral that social media is linked heavily with elements of the site, in particular Facebook and Twitter. Should the Tilleys Bar design be a success Cameron’s would look to apply the design across all of the Head of Steam franchise

Tilleys Bar Brief
• Over 130 years old
• Formally known as The Cluny
• Offer over 180 different beers as well as guest ales
• Serves a huge amount of alcohol options from wines to spirits to lager to beers, ales, porters and many more
• Delicious food menu that offers a wide range of Gastro-pub style food
• Has a separate cinema room that plays a wide range of movies on an almost daily basis
• Large interactive sliding rotating banner with clear imagery
• Fully responsive and parallax style build
• Floating navigation for scrolling purposes
• Easy communication with our customers about what we do and offer

• Main Navigation
• Floating Menu
• Social Media Links
• Contact
• Interactive rotating banner showing food, films & drinks menu

• Menu and social media links must react on hover
• Menu expands down when increasing navigation content
• Logo must remain in top left hand corner
• Must contain contact button


• Overlaid buttons with small description of section/page
• Overlaid Logo
• Overlaid Social Media Links
• Overlaid scrolling arrows on left and right
• Nav Links – These will be shown at the bottom of the slider to show how many banners there are to scroll through
• Must show links to food menu, drinks and film listings



• Button to the History of Tilleys
• Mention the over 180 different beers
• Mention the 2010 Best Bar None Award
• Mention the 2014 Top 10 Best Craft Bar (The Guardian)
• Opening times must be clear
• Reference to Graham as the Bar Manager



• Ability to scroll through beer selection
• Add link to larger 180 beers menu
• NO PRICES for drinks

• Add Sunday lunch menu
• Make it interesting perhaps adding photos
• Display all prices clearly

• Must show link to past events and news
• Information about new guest ales
• Allow us to add new information to this section like food menu changes …etc
• Be able to go to a separate page for more information on each one

• Need to be clear in the listings, people need to know when the movies are showing (perhaps a countdown or something similar)
• We will need to update this section often in order to keep it up-to-date on a monthly basis


• Display full address
• Display full phone number
• Contact form with name, email and message box
• Large, clear and obvious

• Integrated Twitter feed
• Facebook Facepile
• Facebook Like Button
• Instagram Feed
• Telephone Number
• Email Address
• Links to other bars (Cluny, Head of Steam, Camerons …etc)
