Divi Design Showcase: nuevas presentaciones a partir de julio de 2019


Es ese momento nuevamente para nuestro Divi Showcase mensual en el que echamos un vistazo a 10 sitios web Divi impresionantes creados por los miembros de nuestra comunidad. Cada mes presentamos los mejores sitios web de Divi enviados por nuestra comunidad y hoy queremos compartir con usted los diez mejores sitios web para el 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!

Divi Design Showcase: nuevas presentaciones a partir de julio de 2019

1. Enash

Este sitio fue enviado por Nicolas. El sitio usa mucho texto extra grande para el título y para llamadas a la acción. La sección de héroe muestra un gran fondo verde con el título y el eslogan. Una línea con texto informa al usuario que debe desplazarse. El desplazamiento revela una sección de dos columnas. La izquierda muestra un CTA con texto grande y un botón de bloque extra grande. La derecha muestra una imagen en paralaje verdadero. Otra sección grande muestra información acerca de sus servicios usando texto grande para presentar la sección y las imágenes borrosas para cada servicio. Otra sección grande 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 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 presentado por Ljuba. Muestra una imagen de pantalla completa del propietario del sitio a un lado con el título y el logotipo en el otro. Debajo de la imagen del héroe se encuentra una sección delgada de ancho completo con un lema en una fuente con guión y un formulario de suscripción de correo electrónico. Una sección acerca de presenta al propietario con un CTA seguido de varios CTA 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 simple formulario de contacto se encuentra 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 las computadoras 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 presentado por Aaron Robertson. El sitio utiliza muchos colores llamativos en todo momento, incluidos los fondos, gráficos, botones, títulos, enlaces y el CTA en el menú. La sección del 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 dispositivos móviles en el otro. Las características se muestran dentro de las imágenes borrosas utilizando gráficos coloridos como iconos. Un CTA de ancho completo utiliza texto grande, un gráfico grande y un botón en negrita sobre un fondo oscuro. Otra CTA tiene un diseño similar al de la sección de héroe, pero utiliza un único gráfico estilizado de la aplicación en dispositivos móviles. Muchas de las otras páginas dan estilo a 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 se muestra una sección completa sobre ancho, que muestra una imagen a un lado e información sobre el otro. Una sección de capítulos muestra publicaciones de blog en una cuadrícula. Los capítulos mismos muestran una imagen de fondo de papel envejecido con texto a un lado y una imagen al otro. El texto y las imágenes alternan ubicaciones en todo el 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 video incrustado e imágenes de documentos en un diseño de varias columnas.

Ver sitio web

5. Harmona Beach Hotel

Este sitio fue presentado por George Paratsokis. A medida que se carga el sitio, se nos presenta un precargador del logotipo. Después de cargar, 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 eslogan dentro de un cuadro animado que está parcialmente abierto en un lado. El cuadro, el logotipo, el texto del título, los botones, los íconos sociales y el CTA en el menú son de un bonito bronceado que coincide con la marca del sitio. Una sección acerca de muestra un enlace con un círculo que anima para subrayar el texto al pasar el ratón. 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 hacia el centro y luego aparece un enlace Leer más. Un 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 estilo a juego. La sección del 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 el uso de desenfoques con iconos animados que rebotan incluso si no se desplaza sobre ellos. Varias secciones muestran información con texto en un lado y gráficos en el otro. Los servicios se muestran dentro de imágenes borrosas que incluyen animación de desplazamiento, 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 utiliza el mismo fondo que la sección de héroe, pero la muestra en paralaje para crear un aspecto diferente.

Ver sitio web

7. Solo VR

Este sitio fue presentado 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 un resumen e imágenes de los productos dentro de los controles deslizantes. Otra sección de blurbs 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 utiliza en la sección de héroe. Las páginas de productos individuales muestran el producto sobre un fondo rojo en negrita. Una ventana emergente de CTA en la esquina lo guía a las preguntas frecuentes e incluye una imagen del producto.

Ver sitio web

8. Nicolai Soerensen

Este sitio fue presentado por Nicolai Soerensen. Muestra una imagen de fondo grande con una superposición y un CTA 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 varios CTA similares. Una sección Acerca de muestra información en un lado con una imagen en círculo y premio en el otro. Varias secciones de desenfoques incluyen imágenes dibujadas con líneas verdes que coinciden con la marca del sitio. Los estudios de caso se muestran como imágenes grandes con un divisor, título y 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 forrada 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. Emerge

Este sitio fue presentado 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 alejadas entre sí y en diagonal 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 un simple formulario de correo electrónico 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 presentado 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 oradores enlazan a sus páginas personales. Al pasar el cursor sobre ellos, se muestra un cuadro de texto con su nombre y título y un borde verde en ambos lados. Otras imágenes de la compañía se utilizan para completar el espacio donde sea necesario y no se vinculan a nada. La página de altavoces 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 logotipo a la izquierda, el contenido principal en el centro e información en una barra lateral a la derecha.

Ver sitio web

Para concluir

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

Si desea que se considere su propio diseño, no dude en enviar un correo electrónico a nuestro editor en nathan en elegantes temas punto com Asegúrese de hacer que el asunto del correo electrónico "DIVI SITE SUBMISSION".

¡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, quieres que enseñemos en el blog.

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