Inspiración: 9 ejemplos de sitios de comida en Divi

Publicado el 12/02/2020 | 0 comentarios

Hoy vamos a descubrir los sitios Divi más bonitos del sector alimentario!

Si su trabajo está relacionado con la comida y/o la bebida - o si simplemente le gusta - descubrirá que Divi permite hacer sitios excepcionales en torno a este tema.

Esta lista de ejemplos incluye en su mayoría sitios web profesionales: panaderías, cafeterías, restaurantes, venta de comida online... Y verás que Divi se adapta perfectamente a todas estas situaciones.

Para ver ejemplos de sitios de restaurantes hechos con Divi¡Está aquí!

Anuncio: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

Sitios de comida Divi #1: Bean on the Green

Bean on the Green : siteweb alimentaire

Comenzamos esta selección de los mejores sitios Divi del sector de la alimentación con estilo y originalidad, con Bean on the Green.

Se trata de una cafetería independiente situada en York, Gran Bretaña. El establecimiento ofrece una amplia gama de cafés y bebidas calientes, así como comida y dulces.

El grano es el grano (de café), el verde es el verde...

El elección de los colores del sitio es en parte el resultado de esto: el verde como secundario y dos primarios inusuales, un marrón con un toque de púrpura y un rojo con un toque de marrón (¡recordando que frijol también significa frijol rojo!)

De esta primera observación se desprende el cuidado de la identidad visual de la marca.

La iconografía también es digna de ser observada. Tenemos un tono bastante femenino que armoniza bien con los colores elegidos.

Las formas son redondas, con pictogramas que parecen dibujos animados. Las curvas verdes, muy libres, enlazan las diferentes secciones de una página.

Todas estas opciones desprenden una imagen de proximidad y simpatía, que va perfectamente con el espíritu del establecimiento tal y como se describe en la web.

Entre los plugins utilizados para este sitio, destacamos :

  • Botones sociales sencillos
  • Disfruta de la Galería de Imágenes Responsive y el Carrusel de Instagram

Vea el sitio.

Sitios de comida Divi #2: Milkin More

Milkin'More site secteur alimentaire fait avec Divi

Milkin More es un Comercio electrónico que ofrece recetas para estimular la producción de leche materna, pero también alimentos para bebés. Sus productos alimenticios se basan en alimentos naturales y están diseñados para ser sanos y nutritivos.

Este concepto vanguardista está servido por un diseño inteligente. El color blanco domina, por supuesto. En cuanto a las fuentes, la de los títulos es redonda y gruesa, las secundarias también tienen formas redondeadas, lo que también recuerda al embarazo, otro tema dominante de la marca.

El separadores dentro de cada sección también evocan este efecto "lechoso" con un efecto de ondas blancas en curvas suaves.

La página de inicio se abre con una imagen a toda página y la aparición dinámica de ondas blancas. Siguen varias partes:

  • un eslogan, muy bien resaltado por el tamaño de la letra del título y la radical sencillez que lo rodea
  • una foto de cuerpo entero, precedida y seguida de separadores
  • un extracto del catálogo con un menú que permite filtrar la selección de los productos
  • otra imagen de ancho completo con un argumento comercial escrito en una gran gota blanca superpuesta
  • otros argumentos comerciales en dos partes separadas
  • testimonios de la comunidad
  • un formulario de inscripción en la lista de correo.

El la tienda es alimentada por WooCommerce. Tenga en cuenta el uso de los siguientes otros plugins en las diferentes partes del sitio :

  • Menú pegajoso O cualquier cosa en Scroll
  • Popups
  • Filtro de productos de Woocommerce
  • 1 Feed de Instagram
  • WooCommerce Ultimate Gift Card
  • MailChimp para WooCommerce
  • WooCommerce Gateway Paypal Express Checkout
  • Divi_woo_layout_injector
  • Myworks Woo Sync para Quickbooks Online

Descubra el sitio.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haz clic en "PRUEBA GRATUITA

Mejores sitios de comida en Divi #3: 31 The Quay

Site fait avec Divi : 31 The Quay

Thirty One The Quay es un restaurante situado en North Shield, no lejos de la ciudad de Newcastle en Inglaterra.

Los colores del sitio se ajustan perfectamente al lugar:

  • un color azul dominante por la proximidad del río que se refleja en los grandes ventanales del establecimiento,
  • y un gris suave como color secundario, que recuerda a su moderna arquitectura de metal cepillado.

El mostrador de recepción muestra un deslizador de página completa con fotos muy bonitas.

Observe el CTA en la esquina superior izquierda para reservar. Esta posición es cuestionable en mi opinión, ya que una buena llamada a la acción debería ser obvia... Sin embargo, podemos apostar que un visitante que busque reservar una mesa desde el principio encontraría esta función sin demasiada dificultad al llegar a su sitio.

El desplazamiento nos lleva a una descripción del restaurante, seguida de invitaciones para visitar los contenidos del sitio (menú, eventos, reserva privada para una ocasión especial o un evento corporativo...).

La disposición de esta sección es interesante. En efecto, ofrece un primer elemento a todo lo ancho, seguido de tres imágenes que ocupan un tercio del ancho de la pantalla. Es una buena manera de mostrar las fotos.

La recepción concluye con un formulario de inscripción en la lista de correo y finalmente por una hermosa cuadrilla de ancho completo como pie de página.

El primer cuarto muestra la información de contacto del restaurante y los tres siguientes son deslizadores que muestran hermosas fotos de cocinas. Encontramos esto un pie de página muy exitoso en las otras secciones del sitio.

Estas otras secciones son bastante clásicas, pero igual de cuidadas. Obsérvese la perfecta integración de Google Maps a todo lo ancho en la sección de contacto.

Desde el punto de vista estético, 31 The Quay es impecable, y eso es lo que le hace ganar un puesto en esta lista de los sitios de comida más bonitos de Divi.

Plugins notables utilizados:

  • Paquete SEO todo en uno
  • Bloom

Vea el sitio.

Sitios de comida Divi #4: Jouw Dag

Jouw Dag siteweb alimentaire

Jouw Dag es una panadería online situada en Sassenheim (Países Bajos). En términos de diseño, su sitio se destaca del resto de nuestra selección de sitios de comida Divi.

De hecho, no es frecuente ver esta elección de colores y tipos de letra en los países de habla inglesa o francesa. Y me parece que evocan muy bien el ambiente holandés:

  • Amarillo pálido y gris claro para los colores. Dos tonos bastante cercanos pero que combinan bien. Un azul pálido algo más clásico los completa como tono secundario.
  • Fuentes y pictogramas angulares en una época en la que dominan las curvas.
  • Separadores rectos y cortes limpios entre las piezas.

Es cuadrado, sin aspavientos. Da una impresión de orden, seriedad y... higiene. Todo está en su sitio, se percibe la profesionalidad y el rigor mezclado con la benevolencia propios de los países nórdicos.

En cuanto a las diferentes secciones del sitio, también hay mucho orden. En cuanto a la tienda, está perfectamente integrada en el sitio.

Descubra este sitio.

Sitios de comida con Divi #5: Pizza perfecta

Perfect Pizza

Nos vamos al otro lado del globo con Perfect Pizza, un sitio australiano dedicado a un minigrupo de dos pizzerías. Tiene su lugar en nuestra selección de los mejores sitios Divi del sector alimentario, porque brilla por su sencillez y su dinamismo.

La página de inicio presenta la marca Perfect Pizza y da paso a dos páginas distintas, cada una dedicada a uno de los restaurantes. Estas dos páginas son muy similares, con las secciones que se suceden en el mismo orden.

Dos puntos interesantes a tener en cuenta.

En primer lugar, el juego de colores. Cada pizzería tiene su propio color, verde para una, rojo para la otra. La página de inicio utiliza ambos colores, ya que habla de toda la marca. Por otro lado, cada página dedicada a un restaurante utiliza sólo su color.

A continuación, observe la cantidad de elementos dinámicos que aparecen al desplazarse. Esto da mucha vida al sitio, sin afectar a su legibilidad. El hecho de que el contenido sea muy básico y directo al grano es una gran parte de ello.

Por supuesto, es posible pedir pizzas online, pero se hace a través de Menulog, una plataforma externa gestionada por Just Eat.

Entre los plugins destacados del sitio de Perfect Pizza se encuentran:

  • WP Rocket
  • Yoast SEO

Vea el sitio.

Sitios de comida Divi #6: Luv A Coffee

Site Divi du secteur alimentaire : Luv a Coffee

Quedémonos en el país de los canguros para esta web dedicada a una cafeter ía de la ciudad de Emerald (estado de Queensland en Australia). Este es un sitio de una página muy agradable con un diseño puro.

Empezamos con el logotipo a toda página, seguido de secciones centradas en el menú (desayuno, comida, niños, bebidas).

El sitio concluye con la sección de contacto (visítenos), que incluye un clásico formulario de contacto y un mapa de Google a tamaño completo.

Me gusta mucho:

  • fotos de fondo para separar secciones
  • la minigalería de ancho completo entre la parte de las bebidas y la parte de los contactos
  • el menú pegajoso que se reenfoca al desplazarse y la supresión de los botones de las redes sociales

Por supuesto, se encuentran al final, junto con los datos de contacto del establecimiento.

El éxito del sitio web de Luv A Coffee se debe a su sencillez y su coherencia. Lo esencial está ahí, ningún contenido inútil, una presentación a la vez sobria, eficaz y estética

Plugin más utilizado: Food Menu Pro.

Descubra el sitio.

¿Aún no usas Divi? No lo dudes. Descubra el tema Divi aquí !

Sitios de comida bajo Divi #7: Buttermilk Sky Pie Shop

Buttermilk Sky

Cambiemos de hemisferio de nuevo y crucemos un océano... Y vayamos esta vez al sur de Estados Unidos, donde hay una pequeña cadena de teterías/cafeterías: Buttermilk Sky.

Su Sitio Divi es un gran éxito por varias razones:

  • el video de ancho completo en la entrada, muy bien hecho y destacado
  • visualización suave y progresiva de las imágenes al desplazarse
  • Una muy buena selección de fotos
  • el mapa de google de página completa que permite seleccionar la tienda para hacer el pedido en línea en unos pocos clics (el pedido en sí se subcontrata a una plataforma de terceros)

Seguimos hablando de algo muy clásico: un pequeño canal estadounidense que utiliza herramientas de marketing y narración de probada eficacia.

Sin embargo, aprecio mucho el equilibrio entre dinamismo y dulzura, así como el efecto de "tradición sureña" que el canal consigue evocar en los visitantes.

Plugins notables:

  • Yoast
  • Magnífica ventana emergente

Consulte este sitio.

Sitios de comida Divi #8: Pearl's Seafood Market

Site Divi du secteur alimentaire

Ahora nos vamos a Luisiana, donde Danielle y Jason Martin han abierto una marisquería: Pearl's Seafood Market. No sólo ofrecen los servicios de una pescadería, sino también un restaurante.

La página de inicio de su sitio se abre con un deslizador y continúa con una pequeña presentación sobre un fondo de olas en paralax.

Los colores -amarillo, azul-verde y marrón- funcionan sorprendentemente bien juntos. Contribuyen a la originalidad del sitio, al igual que las fuentes angulares sin MS y los efectos de desgaste o escarcha en algunos fondos.

En cuanto al contenido, va directamente al grano con páginas más bien cortas pero eficaces. Se hace hincapié en los menús y las listas de productos.

Me sorprendió la falta de un formulario de contacto, pero al fin y al cabo es una decisión que tiene sentido para un negocio local. Se hace hincapié en la ubicación y el teléfono. Por supuesto, un mapa de Google está integrado en la parte de contacto del sitio.

Plugin destacado: Yoast SEO.

Descubra el sitio.

Ejemplos de sitios de comida #9: Tónica de sidra

Cider Tonic : sites Divi du secteur alimentaire

Hagamos un último desvío a Australia. Cider Tonic es una tienda electrónica de vinagre de sidra. Se produce según los principios de la permacultura (este método de agricultura ecológica y sostenible está bastante extendido en Australia, ya que se inventó allí).

La versión del sitio para teléfonos inteligentes es especialmente exitosa. Esto también es cierto para la versión de ordenador, mucho menos para la versión de tableta: el menú de inicio se desborda en dos líneas y ocupa demasiado espacio. Aparte de este pequeño defecto que no afecta a todos los usuarios, es un sitio impecable.

El color dorado sobre fondo blanco evoca tanto la sidra como los productos de lujo. Esto es algo bueno porque estamos en la encrucijada de estas dos categorías.

En cuanto a la tienda WooCommerce, se integra con el sitio de forma discreta y eficiente.

Plugins notables:

  • WooCommerce
  • Mailchimp para WooCommerce

Vea el sitio.

¿Necesita más inspiración? Descubra todas las vitrinas oficiales de Divi.

Conclusión y reflexiones finales

Así concluye este pequeño recorrido por los sitios más bonitos de Divi en el sector de la alimentación.

Como puede ver, hay para todos los gustos y estilos. Sea cual sea su negocio de alimentación, tanto si vende in situ como en línea, Divi le proporciona todas las herramientas que necesita para construir un sitio estético y de alto rendimiento.

Me gustaría señalar que los sitios de esta selección se presentan sin ningún orden en particular. Si tuviera que decidir cuáles son los que más me han gustado, pondría entre los tres primeros a Buttermilk Sky Pie Shop, 31 The Quay y Perfect Pizza (por su sencillez e inventiva en el uso de los colores).

¿Cuál de estos sitios de comida Divi son tus favoritos? No dude en decírnoslo en los comentarios.

Además, si tienes un sitio Divi que proponer en este tema, no dudes en enviarlo en el formulario com.

Este artículo fue escrito por David Albert, un escritor independiente que ayuda a los empresarios a publicar contenidos de calidad. Más información en su página web.

Siteweb alimentaires faits avec Divi
Sites Divi du secteur alimentaire
Food Divi Websites

2.212 palabras

9

A ti también te debería gustar:

Comment personnaliser le curseur de la souris sur votre site ?

¿Cómo personalizar el cursor del ratón en su sitio?

¿Desea un sitio personalizado hasta el último detalle? Tengo un tutorial rápido y fácil para ayudarle a personalizar el cursor del ratón en su sitio. De este modo, cuando sus visitantes pasen por encima de un enlace, el cursor estará totalmente personalizado.

0 commentaires

Soumettre un commentaire

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

Je souhaite recevoir les news du blog Astuces Divi !

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

Pínchalo en Pinterest

Acciones
Comparte esto