The atmosphere of the bar, before the first cocktail.

For Mayfair we designed a website that matches the interior and the existing brand identity of the cocktail bar. Deep green, gold and warm photography set the tone. Large serif letters give the headings their character.

The new homepage opens with the bar itself. The image makes it clear straight away what kind of place Mayfair is. The practical information stays close: opening days, location and the route to a reservation. Visitors can choose between requesting a table and viewing the menu.

The website has separate pages for the story, the menu, corporate events, the gallery and contact. That way not every visitor has to scroll through the same long page to find the right information.

Someone coming in for a cocktail looks for different information than someone organising a corporate event. The menu and the reservation route serve the first visit. The B2B page gives business enquiries a place of their own, with information about the venue and a way to ask about the preferred date.

The story page and the gallery show more of Mayfair. Photography of the space, the drinks and the details gives visitors a feel for the bar. The gold buttons stand out against the dark background and connect that presentation to a concrete next step.

On mobile the large compositions stack. The reservation button stays visible at the top. The homepage itself also points to the contact form, so a visitor can move on from the very first screen.

The form asks for contact details, the number of guests, the preferred moment and a message. That gives the bar context with every enquiry. The mockups show this mobile route next to the desktop and tablet views of the new website.