Escaparate de Divi Design: nuevas presentaciones de junio de 2020

Es ese momento nuevamente para nuestro Divi Showcase mensual, donde echamos un vistazo a diez increíbles sitios web 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 junio. 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 junio de 2020

1. Preston Smiles

Este sitio fue enviado por Christian Mauerer. La sección de héroe muestra texto animado con un efecto de escritura usando una fuente elegante y un CTA en un lado y el tema de la imagen de fondo en el otro. El desplazamiento revela un control deslizante de logotipo que muestra los medios en los que se ha visto a la compañía. Un CTA para libros muestra logotipos de tiendas en línea en el medio con flechas que apuntan a los bordes exteriores con fotos de los libros. Los libros se mueven hacia el centro a medida que se desplaza. Una sección sobre el propietario del sitio muestra una foto grande a la izquierda e información a la derecha. La foto se desplaza más rápido a medida que se desplaza hacia abajo en la página para ver una galería de imágenes que se superponen entre sí. Varias secciones incluyen videos con estilo. Me gusta especialmente la sección de testimonios, que muestra una imagen grande del propietario, testimonios de Facebook y fotos de eventos.

Visita la página web

2. WebDevXd

Este sitio fue enviado por Steph de Web Dev Xd. Aparece una llamada a la acción a la izquierda con botones rojos sobre una imagen de fondo de un mapa del mundo y una superposición blanca. Un menú de ancho completo se encuentra debajo de esta sección y se adhiere a la parte superior a medida que se desplaza. La siguiente sección muestra un ejemplo de trabajo dentro de una pantalla de computadora en un lado y una descripción en el otro, cada uno con los colores rojo y blanco de la marca. Los servicios se muestran en anuncios publicitarios con iconos rojos. La sección de proyectos muestra imágenes apiladas. Las imágenes se alejan y las imágenes de la parte posterior se mueven hacia los lados al pasar el mouse. Una sección de entregables usa un fondo rojo con anuncios que muestran texto e íconos en blanco. El título se encuentra verticalmente a un lado. El pie de página muestra un control deslizante de publicación y varios widgets sobre un fondo rojo.

Visita la página web

3. Muni

Este sitio fue enviado por Lethicia Diniz. Utiliza colores azul y verde y estilos de fuente que combinan perfectamente con el género. El encabezado muestra botones apilados para llamadas a la acción. La sección de héroe incluye una imagen de fondo con el sujeto en un lado y grandes viñetas en el otro. Los planos se muestran como bloques de texto con fondos de diferentes colores que se acercan al pasar el mouse. Me gusta la CTA de pantalla completa que está construida con capas. Muestra una foto a un lado, un título que cubre los segundos dos tercios, una lista de beneficios al otro lado y un cuadro grande que se superpone a los otros dos con un fondo azul y patrones con el propio CTA. Se muestra un control deslizante de testimonios con un patrón de fondo en el extremo derecho. El pie de página muestra dos filas. El primero tiene CTA para leer más que están en diferentes colores y tamaños, información de contacto, y luego la fila inferior muestra widgets. Las dos filas se muestran sobre un patrón de fondo de paralaje.

Visita la página web

4. SAMCARA

Este sitio fue enviado por Xavier Ferre. El menú de navegación se muestra verticalmente a la izquierda y permanece en la pantalla mientras se desplaza. La sección de héroe muestra el título del sitio en fuentes enormes, seguido de una lista de servicios y un CTA de contacto en el que se puede hacer clic en un lado y una pequeña imagen en el otro. La información se proporciona en dos tarjetas grandes con diferentes colores de fondo y posiciones de imagen. Ambos se superponen a la siguiente sección que muestra una cancha de baloncesto estilizada más grande desde arriba con un diseño similar al de las dos primeras cartas. Siguen más tarjetas y se presentan con una gran columna de texto. Esta sección incluye un formulario de contacto y una lista de colaboradores. Las publicaciones de blog se introducen con una flecha con estilo que se acerca a su lugar a medida que se desplaza. La sección del blog también lleva al lector al formulario de inicio de sesión.

Visita la página web

5. Seguro de protección

Este sitio fue enviado por Sean Turner. El sitio hace un excelente uso del color y las imágenes. La sección de héroe muestra dos imágenes de fondo. El lado más grande tiene una superposición azul y el lado más pequeño tiene una superposición verde. Se coloca una imagen de primer plano donde los dos se encuentran y se coloca sobre un fondo en forma de escudo. Un CTA se coloca en el otro lado. El primer plano también incluye formas en patrones que aparecen en todo el sitio. La siguiente sección muestra los servicios en cajas grandes con los mismos diseños. Las siguientes dos secciones muestran borrones altos a un lado y una imagen al otro en un diseño alterno sobre una imagen de fondo con superposiciones blancas o azules. Los anuncios publicitarios muestran viñetas. Las imágenes usan el mismo escudo que la sección de héroes. Un control deslizante de publicación de ancho completo muestra el título y el texto de las publicaciones más recientes. También incluye un mega menú con enlaces de texto.

Visita la página web

6. Curlee

Este sitio fue enviado por Anthea A. Ancalade. La sección del héroe muestra una imagen de fondo a pantalla completa con un cuadro de búsqueda en el centro que te permite seleccionar una ubicación o usar tu ubicación actual. Los servicios se muestran con imágenes que incluyen títulos y superposiciones junto a una llamada a la acción. Los estilos destacados se muestran dentro de un control deslizante de 6 columnas e incluyen una imagen, título, clasificación con estrellas y ubicación. El control deslizante incluye navegación por flechas y puntos. Al hacer clic en uno de los estilos, se accede a la página de su producto. Los nuevos estilos se muestran en 6 columnas, pero sin el control deslizante. La sección del blog muestra las dos publicaciones más recientes y coloca una línea debajo de las publicaciones con un enlace para ver más debajo de la línea. Los tutoriales del blog se colocan en tres columnas y siguen el mismo diseño. También incluye un feed de Instagram con 6 columnas y 2 filas y un pie de página con un formulario de correo electrónico con estilo.

Visita la página web

7. Tipogenia

Este sitio fue enviado por Eugenia Janakow. Utiliza mucho amarillo intenso en los gráficos. Los títulos se crean como si estuvieran hechos con una rotuladora, haciendo que los fondos sean negros y el texto blanco con un aspecto 3D. Una llamada a la acción se coloca en el medio del menú. La sección del héroe muestra una pantalla dividida con un CTA a la izquierda y una imagen a la derecha. Una llamada a la acción utiliza un gráfico dibujado a mano que se anima al desplazarse y desplazarse. La información sobre el propietario del sitio muestra una imagen en un círculo con una llamada a la acción para leer más. Me gusta especialmente la sección de testimonios. Muestra reseñas de Google completas con calificaciones de estrellas y un gráfico en el que se puede hacer clic que lo lleva a la página Acerca de. Los servicios se muestran dentro de anuncios publicitarios e incluyen grandes gráficos dibujados a mano. El blog usa el amarillo de la marca para meta, y el formulario de contacto lo usa como fondo de toda la sección.

Visita la página web

8. Bushcrafter

Este sitio fue enviado por Simone Talamo. La sección del héroe muestra una imagen a pantalla completa con el sujeto en el centro. El primer plano muestra un lema con un CTA y botones sociales. Varias secciones de ancho completo siguen un diseño similar. Cada sección tiene un separador dentado que funciona perfectamente para el género. La siguiente sección muestra imágenes grandes para obtener información con texto e íconos superpuestos. La mayoría tienen fondos oscuros o se mezclan con fondos oscuros. Uno para un manual muestra la portada del libro junto con el texto. Las últimas publicaciones del blog muestran las publicaciones como tarjetas con sombras de cuadro. El pie de página muestra los productos con sus nombres, imágenes, calificaciones de estrellas y precios. Las páginas del curso siguen el mismo diseño y agregan un temporizador de cuenta regresiva y conmutadores con estilo.

Visita la página web

9. KWALT Digital

Este sitio fue enviado por Nicolas Peigner. Este tiene muchas animaciones interesantes, texto con estilo, gráficos y flechas en todo el sitio. El amarillo se usa como color de marca y se usa de manera creativa. La sección de héroe muestra texto en un lado con un efecto de escritura. Un bar se encuentra debajo de esto y enumera los servicios. En el lado derecho hay varios elementos gráficos independientes que se desplazan y responden al cursor. La siguiente sección muestra un título con un gráfico animado en un lado y CTA simples en el otro. El último trabajo sigue esto y presenta capturas de pantalla del trabajo sobre fondos de diferentes colores y patrones. Una sección que explica los beneficios coloca los anuncios publicitarios a un lado con iconos de dos colores. Una imagen se encuentra en el otro lado y lleva al lector a los borradores. Se coloca un control deslizante de testimonios simple sobre un fondo gris oscuro para destacar.

Visita la página web

10. Exploruns

Este sitio fue enviado por Ava Charpentier. Utiliza muchos tonos de bronceado para los colores de marca. La barra superior desaparece en el desplazamiento, el logotipo se superpone al encabezado y la sección del héroe, y el encabezado incluye animaciones flotantes. La imagen principal muestra el título, la descripción y el botón para realizar un pedido. Otra imagen se coloca como una ventana en la imagen del héroe en verdadero paralaje. La información se muestra con anuncios con gráficos personalizados. Los productos se muestran con un color de fondo detrás de la parte superior de la imagen del producto. Se utiliza un diseño de fondo similar para la sección del blog. Una llamada a la acción para leer sobre la empresa muestra texto en un lado y una imagen en el otro. Los testimonios se presentan como tarjetas con la cita en la parte superior con un fondo blanco y el nombre en la parte inferior con un fondo marrón. El sitio también incluye un feed de Instagram y un pie de página personalizado con animación flotante.

Visita la página web

Para concluir

Esas son nuestras 10 mejores presentaciones del sitio web de Divi de la comunidad para el mes de junio. ¡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 domonku / shutterstock.com