Skip to main content

4 great examples of food websites

4 great examples of food websites

These sites help viewers eat with their eyes

Gone are the days of PDF restaurant menus and plates with bad lighting. Modern food sites are more likely to involve editorial-inspired layouts and creative directors arranging place settings for longer than diners are seated at them. Here are the key ingredients you need for a good food site. Make sure you also see our guide to 

Mouth-watering photography

We eat with our eyes first, so not only photography but photo editing must be 
a priority. The food needs to looks bright and appetising, with no social media-like filters. Plating must be perfect, and dishes, cutlery and glasses carefully arranged – or at least looking thoughtfully haphazard.

Appetising colours

Choosing colours for backgrounds and 
type can be challenging when it comes to really colourful food. For backgrounds, tie all the elements together by sampling a colour from the representation of the food itself, then lighten it or darken it to bring in something new without distracting from what's on the plate. Do the reverse (darker or lighter) for the typography, or sample
 a new complementary colour.

Simple typography

Keep typography simple so as to not overshadow the food. Draw inspiration from restaurant menus, cookbooks or handwritten recipes. Many type families have weights that aren't needed, but contrast between content (like subheadlines and ingredients) will leave a good taste.

4 great examples of food websites

Granny's Secret makes the most of clever typography

Granny's Secret has a Didone serif and a script face that invokes the feeling of Granny's handwritten recipes.

4 great examples of food websites

Steep and Jar's soothing palette is sure to whet your appetite

Steep and 
Jar puts care
 into consistently framed and edited photos of its teas.

4 great examples of food websites

The pictures on Jude's Ice Cream say more than copy could

Jude's Ice Cream uses tints from its product packaging to tie all the flavours together.

4 great examples of food websites

Epicurious doesn't take web-functionality for granted

Epicurious decided to ditch the standard, boring, paginated list of search results in favour of a Netflix-style shopping experience.

This article was originally published in net magazine issue 281, with additional contributions from the Creative Bloq team. Buy net 281 here.

Read more:

Sam is a designer living in Texas and an instructor at The Iron Yard, an international, immersive coding school.