The Yeoman

The Yeoman is a Mediterranean bar and restaurant in Bearsted, set inside a 19th-century traditional pub.

The website needed to reflect both sides of the venue: the warmth, colour and food of Mediterranean dining, while retaining the character and familiarity of the building itself. Alongside the website design and development, Dope Studio photographed the food, building and atmosphere so the finished site could give people a genuine feel for the restaurant before they arrived.

Task

Create a website and photography that brings together Mediterranean dining and the character of a traditional Kent pub.

  • Strategy

    Brand Strategy, UX StrategyUX Strategy, Content Strategy, Visual Direction

  • Design

    UI/UX Design, Art Direction, Food & Venue Photography

  • Client

    The Yeoman

  • Location

    Bearsted, Maidstone

Challenge

Mediterranean warmth in a traditional Kent setting

The Yeoman has a character that would have been easy to lose with the wrong website design.

Its menu draws from Greek, Italian, Turkish, Spanish and wider Mediterranean cooking, but the restaurant sits inside a 19th-century pub in Bearsted, complete with traditional features, space for private events and a secluded garden. The website needed to make those two sides feel like part of the same experience rather than competing identities.

The design therefore needed enough style to reflect the food and dining experience without turning The Yeoman into something that felt like a generic high-end restaurant. It still needed to feel warm, established and connected to the building it occupies.

Challenge

Mediterranean warmth in a traditional Kent setting

The Yeoman has a character that would have been easy to lose with the wrong website design.

Its menu draws from Greek, Italian, Turkish, Spanish and wider Mediterranean cooking, but the restaurant sits inside a 19th-century pub in Bearsted, complete with traditional features, space for private events and a secluded garden. The website needed to make those two sides feel like part of the same experience rather than competing identities.

The design therefore needed enough style to reflect the food and dining experience without turning The Yeoman into something that felt like a generic high-end restaurant. It still needed to feel warm, established and connected to the building it occupies.

What we did

The same atmosphere
on every screen.

The photography-led approach needed to work just as well on a phone as it did across a larger desktop layout.

Layouts were adapted so large imagery, menu information, booking actions and restaurant details remained clear without losing the visual style of the desktop experience.

The site needs enough personality to make someone want to visit, but they should never have to struggle to search for the menu or work out how to reserve a table.

What we did

The same atmosphere
on every screen.

  • The photography-led approach needed to work just as well on a phone as it did across a larger desktop layout.

    Layouts were adapted so large imagery, menu information, booking actions and restaurant details remained clear without losing the visual style of the desktop experience.

    The site needs enough personality to make someone want to visit, but they should never have to struggle to search for the menu or work out how to reserve a table.

Visual Direction

Let the venue
set the tone.

Deep navy tones, clean typography and a custom font logo run through the website, business cards and leaflets, giving everything a consistent feel from screen to print.

Color palette

#0e1b33 

◯

R 14
G 27
B 51
  
Champion Blue
#253556 

◯

R 37
G 53
B 86
  
Nautical Blue
#1f2e4d 

◯

R 31
G 46
B 77
  
Nebula
#F9F9F9 

◯

R 249
G 249
B 249
  
White
#C49871 

◯

R 196
G 152
B 113
  
Alder

Typography

Typefase
Jost

Usage
Headlines

Typefase
Mrs Saint Delafield

Usage
Decorative elements

ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789

Photography

Creating the imagery as well as the website.

Photography was an important part of the project rather than something added once the website was finished.

We photographed dishes from the menu alongside the building, interior and wider atmosphere of The Yeoman, giving us imagery created specifically around the layouts we were designing.

That meant the website could show the actual experience rather than relying on generic restaurant photography. Food imagery could sit naturally alongside shots of the venue, helping potential customers understand both what they could order and the setting they would be visiting.

Photography

Creating the imagery as well as the website.

Photography was an important part of the project rather than something added once the website was finished.

We photographed dishes from the menu alongside the building, interior and wider atmosphere of The Yeoman, giving us imagery created specifically around the layouts we were designing.

That meant the website could show the actual experience rather than relying on generic restaurant photography. Food imagery could sit naturally alongside shots of the venue, helping potential customers understand both what they could order and the setting they would be visiting.

LET’S TALK

Need something dope?

Start the ball rolling and get in touch, let’s turn your vision into reality!

Back
Preloader image