Escaparate de Divi Design: nuevas presentaciones de abril de 2019


Es el momento de nuevo para nuestro Divi Showcase mensual, donde echamos un vistazo a 10 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 abril. 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 abril de 2019

1. Motion University

Este sitio fue enviado por Andrew Bartlett. El sitio utiliza un fondo oscuro con texto blanco con reflejos amarillos y anaranjados (técnicamente es marrón sucio). Todas las imágenes de fondo son oscuras. La sección de héroe muestra una imagen de fondo que describe el sitio. El texto de la superposición incluye un eslogan y una llamada a la acción a la izquierda y un botón de reproducción a la derecha. El botón de reproducción cambia al pasar el mouse y abre un video en una ventana emergente cuando se hace clic. Otras secciones muestran información en dos columnas con texto e imágenes. El diseño se alterna a medida que se desplaza. Entre las secciones, hay pequeñas miniaturas con globos de diálogo para testimonios. Una CTA de ancho completo proporciona una imagen con un formulario de suscripción. Más globos de diálogo testimoniales crean un pie de página revelado.

Visita el sitio web

2. Diseños JD

Este sitio fue enviado por James Dawson. Muestra un control deslizante de pantalla completa con imágenes de fondo y superposiciones oscuras. Las superposiciones utilizan texto grande para describir el sitio y proporcionar una llamada a la acción. El desplazamiento revela otra sección con texto grande sobre un fondo blanco que describe la empresa. Los servicios se muestran en texto con un interesante divisor de puntos entre el título y la descripción. La sección de portafolio muestra imágenes con superposiciones. Esta sección utiliza divisores de sección ondulada y un fondo gris que se destaca lo suficiente del resto del diseño. Varias otras secciones usan este diseño pero con fondos azules. Me gusta la sección con logotipos de clientes extra grandes. Se muestran en gris oscuro en cuatro columnas.

Visita el sitio web

3. Swwwish

Este sitio fue enviado por Daniel Neumann. El sitio muestra un fondo de pantalla completa con una superposición de color azul oscuro y un CTA en texto blanco a un lado. Los servicios se muestran en anuncios con una sombra de cuadro e íconos animados. El patrón de fondo se ve a través de la propaganda. Pasar el mouse intensifica el efecto de sombra de la caja para que se destaquen y haga que la propaganda sea completamente opaca. Varias secciones de dos columnas alternan sus diseños con texto en un lado e imágenes en el otro lado. El texto de estas secciones muestra iconos animados y texto resaltado. La página de precios hace un excelente uso de un diseño simple en azul y blanco con tablas de precios en blanco. Me gusta el brillo rojo de los botones de la tabla de precios. Los reflejos rojos aportan el color suficiente y se destacan perfectamente.

Visita el sitio web

4. Instrumentos HH

Este sitio fue enviado por Mathias Rue. El sitio utiliza un fondo degradado de naranja a rojo con iconos para crear un diseño de ingeniería. La superposición muestra información de la empresa, botones y una función de búsqueda en un lado y un formulario de contacto en el otro. El menú desplegable incluye un botón de ancho completo para la página de contacto. Los logotipos de los socios se muestran en un control deslizante con un vínculo a la página del proveedor. Los Blurbs se utilizan para enlaces a servicios e información. Incluyen imágenes a 2 colores como iconos y tienen un borde interesante para resaltar los desenfoques. Una sección de referencias usa un diseño similar pero son mucho más grandes e incluyen logotipos de clientes para las imágenes. El diseño también se utiliza para la sección del blog. El diseño también incluye artículos incrustados de LinkedIn sobre el mismo fondo que la sección de héroe.

Visita el sitio web

5. Estudio de animación IQ

Este sitio fue enviado por Saurabh Patil. La sección del héroe muestra el eslogan, la información y el CTA en un lado y un gráfico animado en el otro lado sobre un degradado de fondo azul oscuro. El gráfico animado es divertido de ver. Quiero uno de estos dispensadores de café. Se usa un azul aún más oscuro para el resto de los fondos y para los botones. Cuatro columnas de anuncios publicitarios muestran iconos animados con un título. Usan un fondo azul oscuro y un borde gris que es lo suficientemente claro como para diferenciarse entre sí. Al pasar el cursor sobre cualquiera de los desenfoques, su fondo se vuelve naranja. Se utilizan diseños similares para otros anuncios publicitarios que proporcionan información. Una sección interesante muestra una animación sobre obras de arte geniales en paralaje. Las páginas también muestran una animación de carga genial.

Visita el sitio web

6. Señorita Kindergarten

Este sitio fue enviado por Chris Cadalzo. El sitio muestra un logotipo extra grande en el centro, debajo del menú. La siguiente sección utiliza separadores de sección ondulada para la parte superior e inferior, cada uno con un diseño diferente y en varios tonos del color de fondo. Esta sección también muestra los temas como imágenes cuadradas que se alejan y cambian su borde al pasar el mouse. Una sección de recursos y la sección de blog (pero con imágenes más altas) usan este mismo diseño. Una sección acerca de muestra al propietario del sitio en una imagen con un círculo y el mismo estilo de fuente con guión que el logotipo. El formulario de registro muestra el obsequio con la fuente con guión para el título. El blog y la barra lateral también están diseñados para que coincidan con el diseño de la marca del sitio.

Visita el sitio web

7. Delmain

Este sitio fue enviado por Jake Braught. Se reproduce un fondo de video detrás de la superposición con el eslogan. El desplazamiento revela iconos multicolores para los servicios a tipos específicos de clientes. Una sección similar de servicios se muestra en la parte inferior de la página. Un testimonio se muestra en ancho completo sobre un fondo verde con divisores de sección en ángulo. Este apartado destaca a la perfección. Aparece una sección más grande de testimonios en la parte inferior del diseño en varias columnas con colores alternados e imágenes con estilo. Varias secciones muestran las historias de los clientes con un video incrustado y estadísticas en texto grande y un vínculo para obtener más información. Las imágenes de los videos muestran los sitios web en múltiples dispositivos. Acercarse al pie de página comienza con una montaña en paralaje detrás de un recorte de montaña, un formulario de contacto con divisores de sección en ángulo y una sección que muestra logotipos de sitios de revisión con un contador de estadísticas.

Visita el sitio web

8. Supa International

Este sitio fue enviado por Ben Dale. Este es un diseño de 2 páginas. Las etiquetas de los productos se muestran en el fondo en paralaje con un lema y CTA en la superposición. La siguiente sección muestra información detallada en un lado en una fuente más pequeña y una declaración abreviada en texto más grande en el otro. Las siguientes secciones muestran imágenes de los productos con títulos y texto. Las imágenes están desplazadas verticalmente entre sí, lo que le da al diseño un estilo visual interesante. Los servicios se muestran con imágenes que incluyen superposiciones con títulos y texto numerado. Se muestran más productos en la galería grande de 4 columnas. Este sitio hace un gran uso de imágenes y texto de título grande.

Visita el sitio web

9. Héroe para ti

Este sitio fue enviado por Bram Chauvin. Este sitio hace un uso interesante de los gráficos. La sección de héroe usa un divisor de sección superior que en realidad le da estilo al encabezado. El texto del título es grande y muestra un eslogan y varios botones. El fondo se muestra en paralaje verdadero e incluye nubes que se superponen con el divisor de la sección de nubes de la siguiente sección. Los desenfoques muestran los servicios mediante gráficos en círculos. Los botones de los anuncios se superponen al anuncio. Me gusta el CTA, que muestra un gráfico grande de un teléfono inteligente de superhéroe. El pie de página también es interesante. Muestra un fondo gráfico en paralaje verdadero con un divisor de sección en ángulo y un CTA de contacto en la superposición. El blog sigue el mismo diseño y utiliza los elementos de encabezado y pie de página.

Visita el sitio web

10. VS y ensamblar

Este sitio fue enviado por MJ Swart. Este sitio hace un uso interesante de elementos gráficos y bloques grandes para crear el diseño. La sección del héroe usa un fondo oscuro con bloques, puntos y texto vertical de diferentes colores para crear patrones visuales. Estos patrones siguen el resto del diseño. Las siguientes secciones utilizan un diseño de varias columnas con bloques de color para los fondos, títulos con estilo, títulos extra grandes y controles deslizantes para mostrar sus servicios, información sobre la empresa, experiencia, cultura, oficinas y más. Al hacer clic en el enlace de contacto en el menú, se abre un formulario de contacto en el menú. Me encanta el uso de colores, texto y controles deslizantes en este sitio.

Visita el sitio web

Para concluir

Estas son nuestras 10 mejores presentaciones del sitio web de Divi de la comunidad para el mes de abril. ¡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 hacer que el asunto del correo electrónico sea "ENVÍO DEL SITIO DIVI".

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

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