Divi Tips n°89

Inspiration: 9 examples of Divi food sites

Published on 12/02/2020 | 0 comments

2,212 words

9

Today we are going to discover the most beautiful Divi sites in the food sector!

If your job is related to food and/or drink - or if you simply love it - you will find that Divi makes it possible to make exceptional sites around this theme.

This list of examples includes mostly professional websites: bakeries, coffee shops, restaurants, online food sales... And you will see that Divi adapts perfectly to all these situations.

For examples of restaurant sites made with DiviIt's over here!

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

Divi food sites #1: Bean on the Green

Bean on the Green : siteweb alimentaire

This selection of the best Divi sites in the food sector begins with Bean on the Green.

This is an independent coffee shop in York, UK. The shop offers a wide range of coffees and hot drinks as well as food and sweets.

Bean is the bean (coffee), Green is the green...

The choice of site colours partly as a result: green as a secondary and two unusual primaries, a brown with a violet tinge and a red with a brown tinge (remembering that bean also means red bean)!

From this first observation, one can see the care taken with the visual identity of the brand.

The iconography is also worth looking at. There is a rather girly tone which harmonises well with the chosen colours.

The shapes are round, with pictograms that look like cartoons. Loose green curves link the different sections of a page.

All these choices give an image of closeness and friendliness, which fits perfectly with the spirit of the establishment as described on the website.

Among the plugins used for this site, we note :

  • Simple Social Buttons
  • Enjoy Instagram Responsive Images Gallery And Carousel

See the website.

Divi Food Sites #2: Milkin More

Milkin'More site secteur alimentaire fait avec Divi

Milkin More is a eCommerce which offers recipes to stimulate the production of breast milk, but also baby food. Their food products are based on natural foods and are designed to be healthy and nutritious.

This cutting-edge concept is served by a clever design. The colour white dominates, of course. As for the fonts, the headlines are round and thick, while the secondary ones have rounded shapes - also reminiscent of pregnancy, another dominant theme of the brand.

The dividers within each section also evoke this "milky" effect with a white wave effect in soft curves.

The welcome opens with a full-page image and the dynamic appearance of white waves. This is followed by several sections:

  • a slogan, very well highlighted by the size of the title font and the radical simplicity that surrounds it
  • a full-width, full-length photo, preceded and followed by dividers
  • an extract from the catalogue with a menu to filter the selection of products
  • another full-width image with a sales pitch in a large white overlapping blob
  • other commercial arguments in two separate parts
  • testimonials from the community
  • a registration form for the mailing list.

The shop is powered by WooCommerce. Note the use of the following other plugins in the different parts of the site :

  • Sticky Menu Or Anything On Scroll
  • Popups
  • Woocommerce Products Filter
  • 1 Instagram Feed
  • WooCommerce Ultimate Gift Card
  • MailChimp For WooCommerce
  • WooCommerce Gateway Paypal Express Checkout
  • Divi_woo_layout_injector
  • Myworks Woo Sync For Quickbooks Online

Discover the site.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

Best food sites on Divi #3: 31 The Quay

Site fait avec Divi : 31 The Quay

Thirty One The Quay is a restaurant located in North Shield, not far from the city of Newcastle in England.

The colours of the site fit perfectly with the location:

  • a dominant blue colour for the proximity of the river which is reflected in the large windows of the building,
  • and a soft grey as a secondary colour, which recalls its modern brushed metal architecture.

The reception desk displays a full page slider with beautiful photos.

Note the CTA at the top left to book. This position is questionable in my opinion, as a good call to action should be obvious... However, it is safe to assume that a visitor looking to book a table from the start would find this feature without too much difficulty when arriving on their site.

The scrolling takes us to a description of the restaurant, followed by invitations to visit the site's contents (menu, events, private reservations for a special occasion or a corporate event, etc.).

The layout of this section is interesting. It features a full-width first item, followed by three images occupying a third of the screen width. This is a nice way to showcase the photos.

The reception concludes with a mailing list registration form and finally by a beautiful full-width quadrille as a footer.

The first quarter displays the restaurant's contact details and the next three are all sliders displaying beautiful photos of kitchens. We find this very successful footer in other sections of the site.

These other sections are quite classic, but just as neat. Note the perfect integration of Google Maps in full width in the contact section.

Aesthetically, 31 The Quay is impeccable, and that's what earns it a spot on this list of Divi's most beautiful food sites.

Notable plugins used:

  • All in one SEO pack
  • Bloom

See the website.

Divi food sites #4: Jouw Dag

Jouw Dag siteweb alimentaire

Jouw Dag is an online bakery located in Sassenheim, the Netherlands. In terms of design, their site stands out from the rest of our selection of Divi food sites.

Indeed, you don't often see this choice of colours and fonts in English or French-speaking countries. And I find that they evoke the Dutch atmosphere very well:

  • Pale yellow and light grey for the colours. Two shades that are quite similar but which respond well to each other. A slightly more classic pale blue completes them as a secondary colour.
  • Angular fonts and pictograms at a time when curves dominate.
  • Straight dividers and clean cuts between parts.

It is square, without fuss. It gives an impression of order, seriousness and... hygiene. Everything is in its place, you can feel the professionalism and rigour mixed with benevolence that is typical of the Nordic countries.

As for the different sections of the site, there is also a lot of order. As for the shop, it is perfectly integrated into the site.

Discover this site.

Food sites with Divi #5: Perfect Pizza

Perfect Pizza

On the other side of the globe, we have Perfect Pizza, an Australian site dedicated to a mini-group of two pizzerias. It has its place in our selection of the best Divi sites in the food sector, as it shines through its simplicity and dynamism.

The homepage introduces the Perfect Pizza brand and opens to two separate pages, each dedicated to one of the restaurants. The two pages look very similar, with the sections following each other in the same order.

Two interesting points to note.

First of all, the colour scheme. Each pizzeria has its own colour, green for one, red for the other. The home page uses both colours as it talks about the whole brand. On the other hand, each page devoted to a restaurant uses only its colour.

Then, note the amount of dynamic elements that appear when scrolling. This gives a lot of life to the site, without detracting from its readability. The fact that the content is very basic and straight to the point has a lot to do with it.

It is of course possible to order pizzas online, but this is done through Menulog, an external platform managed by Just Eat.

Among the notable plugins on the Perfect Pizza site are :

  • WP Rocket
  • Yoast SEO

See the website.

Food Divi Sites #6: Luv A Coffee

Site Divi du secteur alimentaire : Luv a Coffee

Let's stay a bit in the land of kangaroos for this site dedicated to a coffee shop in the city of Emerald (Queensland state in Australia). This is a very nice one page site with a pure design.

We start with the full page logo, followed by sections focusing on the menu (breakfast, lunch, kids, drinks).

The site concludes with the contact section (visit us), which includes a classic contact form and a full size google map.

I like it very much:

  • background photos to separate sections
  • the full-width mini-gallery between the drinks part and the contact part
  • the sticky menu that refocuses when scrolling and the deletion of social network buttons

These are of course found at the end, along with the contact details of the establishment.

The success of the Luv A Coffee website is due to its simplicity and coherence. The essential is there, no useless content, a sober, efficient and aesthetic presentation

Notable plugin used: Food Menu Pro.

Discover the site.

Not using Divi yet? Don't hesitate! Discover the Divi theme here !

Food sector sites under Divi #7: Buttermilk Sky Pie Shop

Buttermilk Sky

Let's change hemisphere again and cross an ocean... And let's go this time to the south of the United States where we find a small chain of tea and coffee shops: Buttermilk Sky.

Their Divi site is a great success for several reasons:

  • the full-width video at the reception desk, very well done and highlighted
  • smooth and progressive display of images when scrolling
  • A very nice selection of photos
  • the full page google map which allows you to select your shop to order online in a few clicks (the order itself is outsourced to a third party platform)

All in all, it's still very classic: a small American channel that uses proven marketing and storytelling tools.

However, I really appreciate the balance between dynamism and gentleness, as well as the "southern tradition" effect that the channel manages to evoke in visitors!

Notable plugins :

  • Yoast
  • Magnificent Popup

See this site.

Divi food retail sites #8: Pearl's Seafood Market

Site Divi du secteur alimentaire

We now go to Louisiana, where Danielle and Jason Martin have opened a seafood shop: Pearl's Seafood Market. They offer not only the services of a fish market, but also a restaurant.

The homepage of their site opens with a slider and continues with a small presentation on a background of waves in paralax.

The colours - yellow, blue-green and brown - work surprisingly well together. They contribute to the originality of the site, as do the angular fonts without MS and the wear or frost effects on some of the backgrounds.

As for the content, it goes straight to the point with rather short but effective pages. The emphasis is on menus and product lists.

I was surprised at the lack of a contact form, but after all it is a decision that makes sense for a local business. The emphasis is on location and telephone. A google map is of course integrated in the contact part of the site.

Notable plugin: Yoast SEO.

Discover the site.

Examples of food sector sites #9: Cider Tonic

Cider Tonic : sites Divi du secteur alimentaire

Let's take one last diversions to Australia! Cider Tonic is an e-shop for cider vinegar. It is produced according to the principles of permaculture (this organic and sustainable farming method is quite widespread in Australia, as it was invented there).

The smartphone version of the site is particularly successful. This is also true for the computer version, but not so much for the tablet version: the home menu spills over two lines and takes up too much space. Apart from this small flaw, which does not concern all users, it is a flawless site.

The gold colour on a white background evokes both cider and luxury products. This is fitting, as we are at the crossroads of these two categories.

As for the WooCommerce shop, it integrates with the site discreetly and efficiently.

Notable plugins :

  • WooCommerce
  • Mailchimp for WooCommerce

See the website.

Need more inspiration? Discover all the official Divi Showcases.

Conclusion and final thoughts

This concludes this short tour of the most beautiful Divi sites in the food sector.

As you can see, there is something for every taste and style. Whatever your food business, whether you sell on site and/or online, Divi provides you with all the tools you need to build an aesthetically pleasing, high-performance site.

I would like to point out in passing that the sites in this selection are presented in no particular order. If I had to decide which ones I liked best, I would put Buttermilk Sky Pie Shop, 31 The Quay and Perfect Pizza (for its simplicity and inventiveness in the use of colours) in the top three.

Which of these Divi food sites do you prefer? Don't hesitate to tell us in the comments!

Also, if you have a Divi site to propose in this theme, do not hesitate to submit it in the com form.

This article was written by David Albert, a freelance writer who helps entrepreneurs publish quality content. More info on his website.

Siteweb alimentaires faits avec Divi
Sites Divi du secteur alimentaire
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

La nouvelle interface de Divi 5

La nouvelle interface de Divi 5

Découvrez la nouvelle interface de Divi 5 : les comparaisons avec Divi 4 et les similitudes avec Gutenberg (article + vidéo). Alerte spoiler : ça déchire 💣 !

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Comment utiliser 7, 8, 9, 10+ colonnes dans Divi ?

Votre client souhaite afficher une ligne avec les logos de ses 9 principaux clients… Comment faites vous ? Dans cet article, je vous explique comment aligner plus de 6 éléments sur une même ligne !

Comment utiliser la Flexbox CSS dans Divi ?

Comment utiliser la Flexbox CSS dans Divi ?

Laissez-moi vous faire découvrir une autre manière de créer vos mises en page Divi en utilisant la Flexbox. Ce module CSS puissant permet de faire des choses extraordinaires 🤩.

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.