Escaparate de Divi Design: nuevas presentaciones de julio de 2019

Es ese momento nuevamente para nuestro Divi Showcase mensual donde echamos un vistazo a 10 sitios web Awesome Divi creados por los miembros de nuestra comunidad. Cada mes mostramos los mejores sitios web de Divi que fueron enviados por nuestra comunidad y hoy queremos compartir con ustedes los diez mejores sitios web del mes de julio. A lo largo de la publicación, señalaré algunas de mis características de diseño favoritas que me atraen a cada uno de los sitios web.

¡Espero que te gusten!

Escaparate de Divi Design: nuevas presentaciones de julio de 2019

1. Enash

Este sitio fue enviado por Nicolas. El sitio utiliza mucho texto extragrande para el título y para las llamadas a la acción. La sección de héroe muestra un gran fondo verde con el título y el lema. Una línea con texto informa al usuario que se desplace. El desplazamiento revela una sección de dos columnas. La izquierda muestra una llamada a la acción con texto grande y un botón de bloque extra grande. La derecha muestra una imagen en verdadero paralaje. Otra gran sección muestra información sobre sus servicios utilizando texto grande para presentar la sección y los anuncios de cada servicio. Otra gran sección muestra los nombres de los clientes seguidos de un pie de página revelador que incluye información de contacto y un menú. Me encanta el diseño de la página de Proyectos, que utiliza grandes superposiciones de colores con alta opacidad sobre las imágenes en paralaje.

Ver sitio web

2. Ljuba - Riflessi Digitali

Este sitio fue enviado por Ljuba. Muestra una imagen a pantalla completa del propietario del sitio a un lado con el título y el logotipo en el otro. Debajo de la imagen principal se encuentra una sección delgada de ancho completo con un eslogan en una fuente con guión y un formulario de suscripción por correo electrónico. Una sección acerca de presenta al propietario con una llamada a la acción seguida de varias llamadas a la acción con muchos colores suaves, fuentes con guiones y gráficos elegantes. La sección del blog muestra publicaciones con una pequeña superposición que incluye el título del blog. Un formulario de contacto simple se coloca sobre un fondo estampado. El pie de página incluye un feed de Instagram. Me gusta la página del portafolio. Muestra los ejemplos dentro de las pantallas de computadora en un escritorio e incluye el título en una superposición en la parte inferior.

Ver sitio web

3. Modo de éxito

Este sitio fue enviado por Aaron Robertson. El sitio utiliza muchos colores llamativos en todas partes, incluidos los fondos, gráficos, botones, títulos, enlaces y la llamada a la acción en el menú. La sección de héroe muestra una superposición sobre una imagen en paralaje. La superposición proporciona información y enlaces al producto en un lado e imágenes estilizadas del producto dentro de los dispositivos móviles en el otro. Las características se muestran dentro de los borradores usando gráficos coloridos como íconos. Una CTA de ancho completo usa texto grande, un gráfico grande y un botón en negrita sobre un fondo oscuro. Otro CTA tiene un diseño similar al de la sección de héroes, pero utiliza un único gráfico estilizado de la aplicación en el móvil. Muchas de las otras páginas diseñan los módulos Divi con colores llamativos similares. Me gustan especialmente los módulos de audio con imágenes de fondo y superposiciones. Este sitio hace un excelente uso del color.

Ver sitio web

4. Eric Hooper

Este sitio fue enviado por Ty Hooper. Muestra un montaje de imagen como fondo de la sección de héroe con el logotipo y el lema en el centro en una superposición. A continuación, aparece una sección acerca de ancho completo, que muestra una imagen a un lado e información al otro. Una sección de Capítulos muestra las publicaciones de blog en una cuadrícula. Los propios capítulos muestran una imagen de fondo de papel envejecido con texto en un lado y una imagen en el otro. El texto y las imágenes alternan ubicaciones a lo largo del capítulo. Los botones de navegación del blog incluyen el logotipo del sitio. La página Imágenes muestra una galería de pared a pared. La página Documentos es similar pero agrega títulos. La página de entrevistas incluye una combinación de videos incrustados e imágenes de documentos en un diseño de varias columnas.

Ver sitio web

5. Harmona Beach Hotel

Este sitio fue enviado por George Paratsokis. A medida que se carga el sitio, se nos presenta un precargador del logotipo. Después de la carga, la sección de héroe muestra una imagen de fondo grande con una superposición que cubre la mayor parte de la imagen. A la izquierda de la imagen aparece el título y el lema dentro de un cuadro animado que está parcialmente abierto por un lado. El cuadro, el logotipo, el texto del título, los botones, los íconos sociales y el CTA en el menú tienen un bonito bronceado que coincide con la marca del sitio. Una sección acerca de muestra un enlace con un círculo que se anima para subrayar el texto al pasar el mouse. Las habitaciones se muestran dentro de tarjetas con el título en la parte inferior de la imagen. Al pasar el mouse, aparece una superposición sobre la imagen, el título se mueve al centro y luego aparece un enlace Leer más. Una CTA de ancho completo muestra una superposición similar a la sección de héroe y dibuja el cuadro alrededor del texto, superponiendo el botón.

Ver sitio web

6. Sitio web profesional de Basilea

Este sitio fue enviado por Benny Hozjan. Este es un diseño de una página con muchos detalles, como un punto morado que sigue las secciones y resalta la sección en el menú, y una barra de navegación con el mismo estilo. La sección de héroe muestra un fondo estampado con formas de colores con un lema en el centro seguido de un gráfico que se superpone a la siguiente sección. Una sección acerca de muestra cómo funciona usando borrones con íconos animados que rebotan incluso si no está pasando el cursor sobre ellos. Varias secciones muestran información con texto en un lado y gráficos en el otro. Los servicios se muestran dentro de borrones que incluyen animación flotante, imágenes, títulos y un punto con estilo en la parte inferior. Un CTA de ancho completo muestra una línea corta de texto en letra grande con un eslogan más pequeño en un lado y un botón animado en el otro. Una sección de logotipos de clientes usa el mismo fondo que la sección de héroe, pero lo muestra en paralaje para crear una apariencia diferente.

Ver sitio web

7. Solo realidad virtual

Este sitio fue enviado por Reinhard Wedemeyer. El sitio usa mucho rojo sobre fondos oscuros y claros para su marca. La barra superior agrega preguntas frecuentes y varios enlaces sociales. La sección de héroe muestra un fondo de pantalla completa con un Cinemagraph para resaltar el producto en un lado y el título y CTA en el otro. La siguiente sección muestra información dentro de una propaganda e imágenes de los productos dentro de los controles deslizantes. Otra sección de anuncios incluye íconos multicolores que coinciden con la marca del sitio. Un CTA de ancho completo muestra el texto y el botón en un lado sobre un fondo rojo con un gráfico del producto en el otro. Una de mis secciones favoritas muestra 8 imágenes más pequeñas de los productos con una descripción en el medio. Se coloca un formulario de contacto detallado sobre la imagen de fondo que se usa en la sección de héroe. Las páginas de productos individuales muestran el producto sobre un fondo rojo intenso. Una ventana emergente de CTA en la esquina lo guía a las preguntas frecuentes que incluye una imagen del producto.

Ver sitio web

8. Nicolai Soerensen

Este sitio fue enviado por Nicolai Soerensen. Muestra una imagen de fondo grande con una superposición y una llamada a la acción en el centro. El desplazamiento revela una sección de dos columnas con un CTA en un lado con botones verdes que coinciden con el CTA en el menú y una imagen de la oficina en el otro. La página incluye varias llamadas a la acción similares. Una sección Acerca de muestra información en un lado con una imagen en un círculo y un premio en el otro. Varias secciones de anuncios incluyen imágenes dibujadas con líneas verdes que coinciden con la marca del sitio. Los estudios de casos se muestran como imágenes grandes con un divisor, un título y una descripción. Aparece un botón leer más al pasar el mouse. Me gusta la sección de logotipos grises dentro de una cuadrícula alineada que no está cerrada en los bordes exteriores. Es un elemento mínimo que tiene un gran impacto. La página de marketing muestra imágenes de clientes con estadísticas detalladas.

Ver sitio web

9. Emerger

Este sitio fue enviado por Christian Schick. Muestra un fondo verde con un divisor ondulado con el CTA en un lado y una imagen en el otro que se superpone a la siguiente sección, que muestra una imagen e información detallada. Las imágenes están dispuestas en ángulos entre sí y diagonales para crear un efecto visual interesante. La siguiente sección muestra texto en un lado e iconos en el otro. Los iconos utilizan fondos sólidos con formas estilizadas para destacar. Las formas coinciden con el logo. Me gusta la sección de proyectos. Cada proyecto muestra una imagen junto a un bloque de texto en un diseño de varias columnas. Un módulo de texto se encuentra en el centro de una sección con divisores ondulados que se superponen a la siguiente sección que conduce a un CTA, y luego al pie de página con estilo con un formulario de correo electrónico simple sobre un patrón ondulado. Cada una de las páginas utiliza un fondo ondulado con un degradado en la superposición del título, que también incluye iconos y un eslogan.

Ver sitio web

10. Gente de las mañanas

Este sitio fue enviado por Lucy. La página de inicio es un mosaico de imágenes en un diseño de varias columnas. Las imágenes están estilizadas con superposiciones artísticas y otras imágenes recortadas juntas. Las imágenes de los ponentes enlazan con sus páginas personales. Al pasar el cursor sobre ellos, aparece un cuadro de texto con su nombre y título y un borde verde en dos lados. Otras imágenes de la empresa se utilizan para completar el espacio donde sea necesario y no enlazan a nada. La página de oradores muestra imágenes grandes en una cuadrícula con títulos debajo de ellas. Las páginas personales funcionan como publicaciones de blog y muestran una imagen de pantalla completa seguida del contenido. Las citas dentro del contenido están en verde y coinciden con los enlaces de navegación del blog. El contenido incluye tres columnas con un logo a la izquierda, el contenido principal en el centro e información en una barra lateral a la derecha.

Ver sitio web

Para concluir

Estas son nuestras 10 mejores presentaciones del sitio web de Divi de la comunidad para el mes de julio. ¡Estos sitios se ven increíbles y, como siempre, queremos agradecer a todos por sus envíos!

Si desea que se considere su propio diseño, no dude en enviar un correo electrónico a nuestro editor en nathan a elegant themes dot com. Asegúrese de que el asunto del correo electrónico sea "ENVÍO DEL SITIO DIVI".

¡También nos gustaría saber de ti en los comentarios! Cuéntanos qué te gusta de estos sitios web y si hay algo que hayan hecho que quieras que enseñemos en el blog.

Imagen destacada a través de MSSA / shutterstock.com