Escaparate de Divi Design: nuevas presentaciones de mayo de 2020

Publicado: 2020-06-01

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

1. Svadobna agentura Terezy Klizanovej

Svadobna agentura Terezy Klizanovej

Este sitio fue enviado por Lubomir Micuch. Este sitio reproduce un video de fondo a pantalla completa e incluye un reproductor de audio con música que coincide con el video. El audio está desactivado de forma predeterminada y se puede activar fácilmente. El primer plano también muestra el logotipo, el eslogan y la llamada a la acción en el centro con un separador de sección con estilo que conduce a la sección Acerca de. Esta sección incluye algunas filas con texto y una propaganda en dos columnas en un diseño alterno. La propaganda tiene un estilo con un botón superpuesto. Los testimonios muestran imágenes con un enlace para leer más. Una galería de videos muestra clips de bodas. Las preguntas frecuentes se colocan dentro de conmutadores con estilo. Me encanta el pie de página personalizado con una imagen de fondo y botones sociales con estilo. El sitio también incluye una barra deslizante con estilo y un botón de regreso a la parte superior. Su elegancia encaja perfectamente con su tema.

Visita la página web

2. Techint Labs

Laboratorios Techint

Este sitio fue enviado por Ben Schroeder. El cursor del mouse se cambia a rojo + mientras se desplaza en cualquier lugar de la pantalla. La página de inicio es de pantalla completa con un fondo azul con un casco espacial en el centro. La cara del casco reproduce un video de nubes moviéndose sobre las montañas. Incluye un gran texto blanco con un CTA a la izquierda e información sobre la empresa con botones sociales a la derecha. El encabezado muestra el logotipo y un menú de hamburguesas. El menú es especialmente interesante. Muestra un fondo blanco en aproximadamente la mitad de la pantalla. Los enlaces son palabras sueltas en fuentes negras extragrandes. Están numerados con fuentes grises aún más grandes que se vuelven azules al pasar el mouse. Varias de las páginas siguen el mismo esquema de color o tienen un fondo negro animado.

Visita la página web

3. Marketing de puntos focales

Marketing de puntos focales

Este sitio fue enviado por Derek Nelson. Este sitio utiliza mucho texto grande en negrita en amarillo, blanco y negro en todo el sitio. La sección de héroes incluye un video de fondo a pantalla completa, mientras que el primer plano muestra un gran eslogan. El menú secundario incluye un fondo con estilo y la siguiente sección usa el amarillo en negrita para el fondo. Incluye un patrón en verdadero paralaje con un gran CTA y un botón de video que se superpone a este y a la sección del héroe. Me encanta la siguiente sección que muestra un gráfico del transbordador espacial que se lanza hacia arriba en el desplazamiento. Esta sección también incluye un CTA y un separador de secciones de nubes. Una sección similar muestra el Erath girando al pasar el mouse. Otros incluyen ejemplos animados de trabajo, proyectos mostrados en ángulo, íconos extragrandes y un blog con estilo que usa los colores de la marca.

Visita la página web

4. Festival Respira

Festival Respira

Este sitio fue enviado por Radko Sedlak. Utiliza un esquema de color oscuro con reflejos rojos y azules. La sección de héroe muestra un fondo negro con una forma azul a un lado. Se coloca una mano roja en el centro con un CTA sobre ella. Las pequeñas líneas en verdadero paralaje proporcionan algunos patrones visuales en todo el sitio. La siguiente sección muestra otra CTA con texto a un lado y una imagen al otro. El texto incluye el fondo en forma de azul mientras que la imagen es roja. Su fondo negro comienza a volverse azul como una sección de enlaces de imágenes con estilo a publicaciones de Facebook. También incluye un CTA de compra, un formulario de boletín informativo con estilo con una imagen en paralaje y logotipos blancos de socios. El menú muestra un icono de hamburguesa que abre el menú en pantalla completa.

Visita la página web

5. Solo mente

Solo mente

Este sitio fue enviado por Chetan Gupta. Este sitio utiliza colores suaves para ayudar a informar sobre el tema y atraer a la audiencia ideal. La sección de héroe muestra un fondo blanco con un CTA en un lado y una imagen en el otro lado con una forma estilizada. Una sección con información sobre los cursos se muestra en dos columnas con cada columna en un color de fondo diferente. Otra sección de información muestra gráficos con las mismas formas recortadas. Una sección con cursos muestra un curso como una tarjeta con una sombra de cuadro en un lado, información y un botón en el otro lado, y el título en una fuente extra grande en la parte inferior. Cada uno de los campos tiene diferentes colores en un diseño alterno. Los desenfoques proporcionan información con iconos de estilo. La información sobre el instructor incluye CTA y una imagen con estilo. Un formulario de registro de ancho completo incluye los colores de la marca para los elementos y gráficos.

Visita la página web

6. Probado y verdadero

Probado y verdadero

Este sitio fue enviado por Mick Tilley. Utiliza muchos colores brillantes en todo el sitio. La sección de héroe muestra dos columnas. A la izquierda hay una imagen con fondo azul. La derecha muestra una imagen con un fondo rosa y tiene un CTA sobre la imagen con un fondo verde que se vincula con la siguiente sección, que es un CTA para iniciar un proyecto. La información sobre la empresa incluye un título vertical e imágenes que se superponen. Una suscripción de correo electrónico con un fondo azul conduce a la siguiente sección, que muestra los servicios dentro de anuncios publicitarios con gráficos que utilizan los colores de la marca. Una sección de cartera muestra los últimos proyectos en grandes capturas de pantalla. La sección de un cliente muestra logotipos con un testimonio sobre una imagen de fondo. Las secciones de blog y contacto incluyen los colores de la marca en las imágenes, el texto y los fondos.

Visita la página web

7. Medios de artillería

Medios de artillería

Este sitio fue enviado por Siscanu Mihail. Utiliza texto grande con mucho blanco y negro compensado por secciones amarillas. La sección de héroe muestra una imagen de ancho completo con un título y un eslogan grandes. Cada una de las otras secciones está etiquetada con una descripción y un divisor. Una declaración de misión se muestra sobre un patrón gris claro seguido de información sobre un fondo negro. Los servicios se muestran en tarjetas que incluyen imágenes que se acercan al pasar el mouse y botones amarillos grandes para ver el servicio en detalle. Los logotipos de los clientes se presentan en negro y gris sobre un fondo amarillo. A continuación hay secciones con un formulario de contacto, el proceso de trabajo y un blog, cada uno con fondos alternados de gris y negro. Las tarjetas del blog unen el negro y el amarillo con botones negros que cambian a amarillo al pasar el mouse.

Visita la página web

8. Desde cero

Desde cero

Este sitio fue enviado por Philipp Stakenborg. Tiene muchos colores amarillo brillante, verde, magenta como marca en todo el sitio. El encabezado muestra un fondo amarillo y los enlaces se colocan dentro de un cuadro blanco, mientras que el logotipo y los enlaces se superponen al encabezado. La sección de héroe usa el mismo amarillo para el fondo y tiene un círculo verde a un lado. En primer plano hay un gran título y un eslogan. El texto con fondo negro se encuentra en la parte superior y un fondo blanco en la parte inferior se superpone al héroe y a la siguiente sección. Una llamada a la acción se crea con una sección de texto que usa un fondo amarillo detrás de un texto grande en un lado y un fondo blanco en el otro. Un diseño similar crea un testimonio con una cita más grande en la parte superior. Los borrones con sombras de caja en los colores de la marca muestran los servicios. El formulario de contacto lo une todo junto con los tres colores principales. Incluso el formulario del boletín emergente sigue este diseño.

Visita la página web

Para concluir

Estas son nuestras ocho mejores presentaciones del sitio web de Divi de la comunidad para el mes de mayo. ¡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 PODIS / shutterstock.com