Hace un día comenzamos un tutorial sobre el Tema divi. Si necesita saber qué es, puede leer este tutorial.

Otros tutoriales sobre el tema Divi

Lo que dijimos en nuestro tutorial anterior y que diré nuevamente aquí es que Divi es un tema versátil (de múltiples fines), que se puede utilizar para crear cualquier tipo de tema. En este nuevo tutorial, le daremos un poco de inspiración mostrándole lo que han hecho algunos propietarios de sitios web al usar Divi para crear un sitio para su restaurante.

Los sitios de restaurantes son famosos por tener un diseño muy elegante. A través de su uso de colores, fuentes, imágenes, menús, reserva, e incluso servicios como el catering, los restaurantes siempre han necesitado sitio web interesante. Espero que puedas apreciar el potencial de Divi.

1 - Tony Roma

Tony roma's

tony Roma tiene una imagen de pantalla completa con un CTA (llamado a la acción) en paralaje. El desplazamiento muestra una sección sombreada con tres categorías en las que se puede hacer clic. Debajo verá una sección acerca de con información sobre el restaurante. Las ubicaciones se muestran en páginas individuales con información de contacto, horarios, un mapa, botones para ver el menú y un botón para el servicio de entrega. Los menús de comida se pueden descargar en formato PDF. la pagina de reserva proporciona información de contacto para cada una de las ubicaciones. El sitio hace un uso excelente del color y las imágenes de fondo.

2 - Pizza de Tutta

Pizza de tutta

tutta pizza mostrar una imagen de pantalla completa con el logotipo en una sección de paralaje con un llamado a la acción Comprar Ahora en el menú que se muestra sobre un fondo que desaparece durante el desplazamiento. Lo siguiente es una sección con un fondo de paralaje y una superposición, íconos de menú con animaciones flotantes, un feed de Instagram, un evento de CTA y un formulario de contacto. El menú se muestra como imágenes y texto con un enlace a un sistema de pedidos en línea. El sitio utiliza patrones de fondo interesantes en su marca.

3 - Casa Dorita

Casa Dorita

Casa Dorita ofrece una imagen a pantalla completa con el logo, el eslogan y un botón para reserva (CTA) en un fondo de paralaje. La siguiente sección proporciona información sobre alimentos con un enlace al menú de alimentos. A continuación, verá un control deslizante de imágenes con ilustraciones, una sección dividida con información de paralaje, un " especialidad del día Con una reserva (quien usa un sistema de reserva integrado), al pasar el cursor sobre la imagen de pantalla completa, verá la tienda de delicatessen y varias otras secciones en un fondo de paralaje con más información sobre la tienda de delicatessen, información de ubicación del mapa y la formulario de contacto. El menú disponible se puede descargar en formato PDF. El sitio hace un buen uso del color y las fuentes.

4 - El mexicano

El mexicano

La mexicana utiliza un diseño de una sola página, muestra un fondo de ancho completo con un CTA, un control deslizante de artículo, una sección con enlaces a elementos del menú (al hacer clic en estos tendrás una imagen más amplia), una sección sobre branding y una formulario de contacto en la carta. El menú es un sistema de pedidos interactivo que se muestra en una ventana modal. El menú incluye secciones en las que se puede hacer clic para agregar artículos a su carrito y muchas imágenes de los platos. Este es uno de los sistemas de menús de comida más interesantes que he visto.

5 - Granjas de Mendocino

Fincas mendocino

Mendocino Granjas muestra un control deslizante de artículos en pantalla completa con los menús de navegación correspondientes. Los menús incluyen CTA. El menú desplegable muestra iconos y texto que coinciden con la marca. A medida que se desplaza hacia abajo en la página, se mostrará un lema y tres artículos de la empresa con animación flotante. El menú de comida muestra un enlace a la versión PDF seguido de la versión en línea que muestra el menú con categorías y una imagen, elementos del menú y precios. El diseño del menú es uno de los mejores que he visto. La página de ubicaciones parece una página de blog con las ubicaciones que se presentan como publicaciones. Los artículos para ubicaciones incluyen un control deslizante de imágenes, reseñas, información de estacionamiento y un mapa.

Para resumir

Puede notar que hay muchas posibilidades que se le ofrecen con Divi. Con mucha práctica, encontrarás sitios web muy buenos. Entraremos más en detalle con tutoriales específicos.