De sfeer van de bar, nog voor de eerste cocktail.

Voor Mayfair ontwierpen we een website die aansluit bij het interieur en de bestaande merkidentiteit van de cocktailbar. Diepgroen, goud en warme fotografie bepalen het beeld. Grote schreefletters geven de koppen hun karakter.

De nieuwe homepage opent met de bar zelf. Het beeld maakt meteen duidelijk wat voor plek Mayfair is. De praktische informatie staat dichtbij: openingsdagen, locatie en de route naar reserveren. Bezoekers kunnen kiezen tussen een tafel aanvragen en de kaart bekijken.

De website heeft afzonderlijke pagina’s voor het verhaal, de kaart, zakelijke events, de galerij en contact. Zo hoeft niet elke bezoeker dezelfde lange pagina af te leggen om de juiste informatie te vinden.

Iemand die een cocktail komt drinken, zoekt andere informatie dan iemand die een bedrijfsevent organiseert. De kaart en reservatieroute bedienen het eerste bezoek. De B2B-pagina geeft zakelijke aanvragen een eigen plek, met informatie over de locatie en een contactmogelijkheid voor de gewenste datum.

De verhaalpagina en galerij laten meer van Mayfair zien. Fotografie van de ruimte, drankjes en details geeft de bezoeker een indruk van de bar. De goudkleurige knoppen blijven herkenbaar tegen de donkere achtergrond en verbinden die presentatie met een concrete volgende stap.

Op mobiel worden de grote composities onder elkaar geplaatst. De knop om te reserveren blijft bovenaan zichtbaar. Ook de homepage zelf verwijst naar het contactformulier, zodat een bezoeker vanuit het eerste scherm verder kan.

Het formulier vraagt naar contactgegevens, het aantal personen, het gewenste moment en een bericht. Dat geeft de bar context bij een aanvraag. De mockups tonen deze mobiele route naast de desktop- en tabletweergaven van de nieuwe website.