Saltar al contenido

30+ Ejemplos web de los mejores diseños de plantillas con Divi

30+ Ejemplos web de los mejores diseños de plantillas con Divi
5 (100%) 1 vote[s]

2LTBRe8

Dado que Divi puede ser utilizado para crear prácticamente cualquier tipo de sitio web, hay un montón de ejemplos de sitios web construidos con Divi para despertar su imaginación.

En este artículo, echamos un vistazo a los 32 mejores ejemplos de temas Divi y sitios web creados con el popular tema Divi.

No importa el tipo de sitio que quieras construir, seguro que hay algo en esta lista que te ayudará.

32 Mejores Ejemplos del Tema Divi (Actualizado en 2019)

Abajo hay una lista de los 32 mejores ejemplos de temas Divi que pudimos encontrar en la web.

Estos sitios web tenían que destacar entre la multitud, llevar a Divi al siguiente nivel, y finalmente mostrar lo que eres capaz de lograr con el tema de Divi.

Si has construido un sitio web con Divi y quieres que consideremos añadirlo a esta lista de ejemplos de Divi les, háznoslo saber en los comentarios de abajo.

1. RadAmBhf

RadAmBhf agrega una reservación CTA en el menú.

La sección de héroes incluye una pantalla dividida en dos columnas con imágenes de fondo y productos dentro de las superposiciones.

Los productos muestran más información en el menú desplegable.

Los servicios se muestran como superposiciones dentro de las imágenes e incluyen elegantes reflejos dorados que cambian al pasar el ratón por encima.

Cada una de las siguientes secciones utiliza las luces doradas para los títulos y para indicar las cajas que se mezclan dentro de las imágenes superpuestas.

El oro se ve muy bien tanto sobre los fondos blancos como sobre los negros.

2. Banco Southern

Bank Southern, uno de los únicos ejemplos del tema Divi que pudimos encontrar de un banco, muestra un deslizador de imagen de ancho completo con un eslogan, CTA, e inicio de sesión.

La información se presenta en dos columnas a todo lo ancho e incluye una imagen, botones, texto y vídeo.

El menú muestra enlaces en tres columnas con una columna separada por un borde.

Las páginas bancarias utilizan imágenes y alternan en dos columnas.

Las comparaciones de cuentas se muestran en tablas con animación flotante.

Este es uno de los pocos bancos que hemos visto construido con Divi, y seguro que es uno bueno!

3. Ane Riel

Ane Riel es un sitio web de autor que se centra en los libros.

El sitio incluye un menú vertical que permanece en su lugar en el scroll.

El encabezado incluye una foto a pantalla completa del autor con un título y una flecha hacia abajo.

El desplazamiento revela un par de secciones de libros en pantalla completa con la portada del libro, la información y el botón para comprar.

Una sección Acerca de presenta al autor.

A continuación hay otro libro CTA, una sección de blog y una sección de testimonios de tres columnas.

Este sitio es un gran ejemplo de cómo mostrar libros para la compra.

4. En-Joy

In-Joy es un gran ejemplo de cómo el color se vuelve salvaje en el buen sentido.

La paleta de colores no es demasiado llamativa y no choca, pero los patrones son llamativos.

Los bloques transparentes con degradados y títulos sirven como enlaces a los servicios.

La gran tipografía, las fuentes elegantes de los títulos, las imágenes y los iconos sociales de estilo encajan bien con el diseño del sitio.

El botón de formularios del cliente que se encuentra en la parte superior del menú es un buen detalle.

Si está interesado en un ejemplo de uso de patrones de color, será difícil encontrar un ejemplo mejor que éste.

5. Hacedores

Doers utiliza una imagen a pantalla completa con una sobreimpresión como página de inicio.

La sobreimpresión muestra el nombre con un eslogan y un botón.

El sitio web utiliza un diseño mínimo con iconos animados que parecen gráficos dibujados a mano y texto animado.

La marca de color azul se utiliza en todo el sitio web.

Si estás buscando un estudio web construido con Divi, este es un excelente ejemplo del tema Divi.

6. Raíz de la vida

Root of Life utiliza un fondo blanco con reflejos crema en todo el sitio.

La imagen de fondo del encabezado muestra los productos y un CTA proporciona botones para suscribirse al boletín y ver la tienda.

La sección del blog tiene un estilo a juego.

El menú muestra un punto sobre el enlace al pasar el ratón por encima.

La tienda utiliza una carga más característica.

El blog es filtrable por categoría.

No muchos otros sitios web de Divi pueden competir con Root of Life cuando se trata de sitios web de comercio electrónico creados con Divi.

7. Gráficos SM

SM Graphics utiliza una elegante paleta de colores de negro, blanco y oro.

Gold se utiliza para varios títulos de sección e iconos.

El trabajo se muestra en un diseño de varias columnas con animación en el aire e iconos personalizados.

La información se muestra en un patrón alterno.

El sitio tiene un diseño limpio y es un excelente ejemplo de paralaje.

Si está buscando un estudio de diseño construido con Divi, será difícil encontrar un mejor ejemplo.

8Santa
Benevolencia

Saint Benevolence utiliza una gran cantidad de fondos bronceados con grandes fuentes rojas y motivos florales dorados, todo ello encajonado con un contorno dorado.

Incluso el menú utiliza esta paleta de colores y el patrón (el patrón se revela en el scroll).

El scrolling revela varias secciones con fotos del Caribe con grandes bloques de texto y CTA’s y una sección con una foto del producto en paralaje.

Este sitio web es un excelente ejemplo de un diseño simple con sólo unos pocos colores trabajando bien juntos.

9Mejor
salud por Heather

Better Health by Heather es un blog de comida con excelente fotografía y gran uso del color.

La sección de héroes incluye una imagen de ancho completo con un boletín informativo CTA en colores llamativos.

Una sección de información muestra un CTA con la misión del sitio.

Una sección de servicios muestra imágenes con una barra de color a un lado y está separada de la sección anterior con un separador que muestra el logotipo del sitio.

Me gusta la sección de testimonios que incluye un deslizador con los colores llamativos del sitio.

También me gusta la sección del blog que sigue el mismo estilo que las otras imágenes.

10Woodyfule

Woodyfuel utiliza un vídeo de fondo a pantalla completa con estilo de sección y botones con animación en el aire que muestra iconos en lados opuestos de los botones.

En el scroll y la barra CTA cae de un lado de una posición vertical a su posición horizontal y luego permanece en la pantalla.

Las casillas de información incluyen animación de flotador.

El color y las fuentes coinciden perfectamente con la marca.

El sitio incluye un diseño de menú único con CTA.

Woodyfuel tiene un aire rústico moderno que lo hace destacar entre la multitud.

11. Vet Plus

Vet Plus utiliza un diseño único con separadores de secciones redondeadas e iconos superpuestos.

Las imágenes de fondo utilizan sobreimpresiones verdes para hacer juego con la marca.

El menú resalta la página actual en amarillo e incluye dos números de teléfono.

Las marcas verde y amarilla se utilizan en todo el sitio.

Este sitio Divi es un gran ejemplo de cómo debe verse un sitio web veterinario.

12. Volumen

Volume tiene un encabezado único que rota los servicios.

El desplazamiento revela una sección de información a pantalla completa con video y audio para resaltar ejemplos de servicios.

Los logotipos de los premios se muestran en oro.

Las fotos de los cantantes se muestran dentro de una cuadrícula de ancho completo e incluyen un estilo de caja y una animación flotante.

Si estás buscando un sitio web único hecho en Divi, lo acabas de encontrar.

13Andrew
Kingslow

Andrew Kingslow utiliza un encabezado de pantalla completa que muestra imágenes con el efecto Ken Burns, y vídeo con un eslogan y CTA.

Desenfoca las secciones superpuestas.

El trabajo se muestra en una cuadrícula de tres columnas con animación flotante.

La carga de iconos se muestra en 3D.

El sitio hace un uso excelente del color.

En cuanto a los sitios Divi, este es un excelente ejemplo con muchas personalizaciones.

14. BD’s Mongolian Grill

BD’s Mongolian Grill hace un uso elegante de una gran tipografía y una paleta de colores marrón y rojo.

Incluye muchas imágenes para atraer a los visitantes a su llamada a la acción.

Tiene mucha información dentro de los menús, pero encuentra una manera de presentarla para que sea fácil de seguir.

Incluso tienen un menú de comida para cada lugar con un sistema de reservaciones.

Este es uno de los mejores diseños de restaurantes que he visto con Divi.

15. Vin Walker

Vin Walker es una excelente prueba de que Divi es un gran tema para los autores.

El menú delgado proporciona un CTA que destaca a la vez que se aparta de la sección de héroes que muestra un CTA casi a pantalla completa.

Grandes secciones de una columna muestran las novelas, información sobre el autor y enlaces sociales.

Si estás buscando un buen ejemplo de un sitio web de un autor hecho con Divi, no busques más allá de este sitio web.

16. Música Funk Engine

Funk Engine Music es un gran ejemplo de cómo hacer un sitio web de una página para vender música.

Imágenes de estilo muestran a los miembros de la banda junto a una reseña de su historia junto con un pequeño deslizador de testimonios.

Los reproductores de audio de estilo proporcionan muestras de los álbumes.

Los próximos conciertos se muestran en una tabla e incluyen enlaces para comprar entradas.

El sitio hace un gran uso de paralaje y fondos con imágenes del estudio.

Es difícil encontrar un mejor sitio web para una banda de una página que este.

17Toma de Viaje de
Crucero

Cruise Travel Outlet hace un uso elegante de un gradiente dentro del cabezal.

El encabezado también incluye tagline y CTA.

Un pequeño control deslizante muestra las ofertas destacadas.

El menú secundario incluye un CTA.

La superposición del encabezado coincide perfectamente con la marca amarilla y azul que se utiliza en todo el sitio.

Este es un gran ejemplo de un sitio web de viajes construido con Divi.

18.Colorstone

Colorstone es un gran ejemplo de un sitio web de banda de varias páginas.

Muestra un video a pantalla completa de la banda seguido de tres grandes bloques de color con iconos de seguimiento social extra grandes.

Cada miembro de la banda se muestra en una sección de ancho completo con un fondo de color sólido, tipografía grande y una imagen grande con efectos de sombra.

La página Sesiones YLA incluye reproductores de audio con imágenes.

Los vídeos incrustados utilizan efectos de sombra y se ven asombrosos sobre los fondos naranjas.

Este sitio hace un gran uso del color y es fácilmente uno de los mejores sitios web de bandas en la red.

19. Coaching Real Coaching

Real Coaching Coaching Coaching es un excelente ejemplo de cómo usar fuentes grandes escritas a mano con fondos de color elegantes.

Una sección de héroe muestra el título en una fuente con guiones dorados, un eslogan y una frase de descripción junto a una imagen grande sobre un fondo gris parduzco.

Las secciones alternan entre fondos blancos sólidos e imágenes con sobreimpresiones oscuras y las fuentes doradas se ven muy bien con cada una de ellas.

El mega menú utiliza fuentes blancas y doradas sobre un fondo negro.

Los servicios se muestran con desenfoques de estilo.

Si buscas un buen ejemplo de un sitio web de coaching, lo has encontrado.

20CODECRATO

CODECRATER hace un uso elegante de las sobreimpresiones de gradiente.

La información se muestra en cinco columnas en la página principal.

Los CTAs se presentan en forma de grandes botones azules, que se destacan en toda la página de inicio y en el menú secundario.

El sitio web también utiliza un estilo único de navegación por puntos.

La página «Lo que hacemos» utiliza elegantes botones de cambio de estilo para mostrar sus servicios.

La página del portafolios muestra el trabajo en dos columnas con una imagen, una descripción y un enlace.

Este es un gran ejemplo de una pequeña agencia web creada con el tema Divi.

21. Cura Brasil

Cura Brasil utiliza un diseño plano con muchos colores brillantes.

Deslizándose por la sección de héroes se ve un fondo de vídeo con separaciones de secciones onduladas, seguido de una interesante sección con el sol y el texto en paralaje sobre rascacielos en un diseño plano.

Incluso los contadores de barra utilizan los colores en negrita que se encuentran en todo el sitio web.

Un CTA simple muestra cuatro bloques de color con lados angulados.

Una barra de donar permanece en la parte inferior de la pantalla con un botón que cambia lentamente de color.

Este sitio web es un excelente ejemplo de diseño plano y colores atrevidos.

22Hailey
Sault

Hailey Sault muestra un fondo de vídeo a pantalla completa con mensajes.

La sección de héroe permanece en su lugar cuando la siguiente sección se desplaza sobre ella para revelar un CTA grande en paralaje sobre una imagen de fondo.

La siguiente sección es mi favorita – es una sección de blog en dos columnas con imágenes grandes y sin espacio entre ellas.

Una gran CTA amarilla se destaca al igual que los aspectos más destacados de la página web.

Los iconos sociales extra grandes se muestran pared a pared en tres columnas.

Este sitio es un excelente ejemplo de color y diseño de diseño.

23. En el orden del día

En la Agenda utiliza mucho espacio en blanco y gráficos simples en negrita amarilla sobre fondos blancos, o en negro sobre fondos amarillos o grises.

Los gráficos y las secciones se ven como si hubieran sido pintados a mano con un pincel.

Las secciones amarillas y grises fueron pintadas sobre el blanco y todavía tiene blanco que las muestra o separa.

Todas las secciones usan un diseño de dos columnas y la mayoría tienen CTAs simples para aprender más o ponerse en contacto.

El sitio hace un uso elegante del color.

24. El Blog Creativo

El Blog Creativo tiene algunos fondos animados interesantes detrás del encabezado y varias de las secciones a lo largo del sitio.

Los fondos son burbujas, o el fondo de toda la sección, que se mueve – creando un diseño pulsante o ondulante.

El sitio hace un gran uso de colores suaves para atraer a su audiencia primaria.

Los desenfoques utilizan los mismos colores suaves dentro de sus iconos multicolores.

Me gusta la sección de blogs con imágenes elegantes.

Un CTA con colores llamativos se distingue del resto del sitio y se superpone a dos secciones.

25 Tablero de control

El tablero de ajedrez tiene una función única de desplazamiento que muestra información dentro y alrededor de la pantalla de una tableta.

Incluye una sección de dos columnas con información por un lado y la tableta por el otro.

A medida que se desplaza, la tableta permanece en su lugar mientras el texto de la otra columna se desplaza.

Los gráficos en y alrededor de la tableta cambian para que coincidan con el texto de la sección actual.

Todas las secciones con texto incluyen un enlace para ver más información.

Una vez que haya desplazado el texto, la tableta se desplazará, mostrando una pantalla completa de proyectos y casos prácticos.

26. Festival del Gallo y el Toro

Cock and Bull Festival utiliza un fondo azul profundo con muchos gráficos planos de colores brillantes para decorar los lados del sitio.

Los gráficos, el logotipo y los títulos se ven dibujados a mano.

El encabezado muestra el logotipo con dos CTAs seguidos de información y un vídeo incrustado.

Me encanta la siguiente sección que muestra la información con imágenes que tienen bordes gruesos, que crean un diseño de varias columnas.

Las imágenes se acercan y se cierran.

El formulario del boletín también se ve dibujado a mano e incluye dos tonos de verde.

También me gusta el pie de página que muestra a la gente en silueta.

Este sitio hace un uso excelente del color.

27. Soporte de bytes

Byte Stand hace un uso interesante del verde como elemento destacado en todo el sitio.

Dos o más tonos de verde ayudan a crear nubes, bloques de fondos de color, el fondo de las metadescripciones de las entradas del blog, el contacto CTA, y los gráficos en el pie de página.

El verde de marca también se utiliza en los títulos y gráficos para los desenfoques.

Me gusta especialmente el formulario del boletín y la sección de preguntas frecuentes que incluye tres capas diferentes de color y nubes superpuestas.

El sitio hace un uso excelente de los gráficos.

28Logística de
Diamond

Diamond Logistics utiliza una interesante cabecera con un menú principal de gran tamaño.

El menú secundario está situado a la derecha, y el logotipo se superpone a ellos.

La sección de héroe muestra un eslogan grande con estadísticas numeradas sobre una imagen a pantalla completa con una sobreimpresión oscura.

Los desenfoques se superponen a la siguiente sección para proporcionar enlaces a los servicios.

Una CTA con un borde grueso muestra un mapa en el fondo que muestra lo suficiente para verlo.

Esto también se utiliza en la sección de contacto.

La barra deslizante de testimonios muestra citas en segundo plano que ayudan a describir la sección visualmente.

Me encanta el uso del color y la tipografía en este sitio web.

29Contmar

Contmar muestra una imagen de fondo a pantalla completa con una marca roja que aparece en todo el sitio dentro de las sobreimpresiones, en el menú, en el texto del título y en los fondos de los botones.

Una sección de ancho completo muestra un eslogan con texto grande.

Los servicios se muestran de forma borrosa con imágenes en círculos.

Las estadísticas numeradas con texto grande se muestran apiladas dentro de una sección junto a una imagen.

Otras páginas siguen un estilo similar con grandes bloques de color y diseños alternativos, mientras que la página de servicios coloca información dentro de viñetas en cascada sobre grandes bloques de color.

Este sitio hace un gran uso del color y la tipografía.

30. Caminar sobre Kunanyi

Walk on Kunanyi muestra una imagen a pantalla completa con el logo en el centro y un CTA en el menú que incluye una bonita sombra para el texto en el aire.

Otros botones a lo largo del sitio siguen este mismo diseño.

El desplazamiento muestra una sección con información de la empresa seguida de una sección de dos columnas con imágenes, información y botones para cada uno de los paseos.

Otra imagen a pantalla completa introduce una sección de beneficios que incluye imágenes y botones.

Las fuentes con guiones se utilizan para los títulos de cada una de las secciones, así como para las entradas de los blogs, los títulos de las caminatas y las llamadas a la acción.

Las páginas de los paseos incluyen un vídeo integrado y un sistema de reservas.

31.

Intersección para las Artes

Intersection for the Arts utiliza varios tonos de naranja, marrón y bronceado para los colores de fondo y las fuentes, comenzando con el gran bloque de color con un eslogan para describir el sitio web.

La siguiente sección proporciona información con una HEIC.

Varias secciones utilizan líneas onduladas que atraviesan la mitad de la pantalla.

Desenfoca la información de la pantalla con un patrón de fondo globoso para darle algo de textura.

Una sección de dos columnas sobre los miembros muestra el número con un divisor diagonal que lo separa del deslizador de testimonios.

Las fuentes de medios sociales integradas se colocan en las pestañas junto a los próximos eventos.

Este sitio hace un uso interesante del color.

32. Frauflex

Frauflex es un sitio multilingüe que utiliza muchas imágenes y patrones de fondo para crear imágenes interesantes, empezando por la primera imagen que incluye un eslogan y CTA.

La siguiente sección incluye una imagen que se superpone a la primera y añade información sobre la empresa.

Las colecciones se muestran con imágenes con bordes estilizados.

Me gusta el CTA de contacto que utiliza una imagen de ancho completo con un patrón diagonal.

Otra sección muestra un conjunto de imágenes de varios tamaños sobre un patrón similar que se superponen entre sí e incluye diferentes niveles de desenfoque.

Una sección de Instagram incluye una galería de mampostería con carga perezosa.

Las páginas de la colección utilizan muchos deslizadores e imágenes superpuestas con bordes anchos.

Conclusión

Estos ejemplos de sitios web sobre el tema Divi están simplemente llenos de inspiración.

La próxima vez que busque inspiraciones de diseño, estos ejemplos de temas Divi sobresalientes seguramente despertarán su imaginación.

¿Cuál es tu favorito de estos ejemplos de temas Divi? Háganoslo saber en los comentarios.