Escaparate de Divi Design: nuevas presentaciones a partir de mayo de 2021

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 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 a partir de mayo de 2021

1. Día Nacional de la Ciencia

Este sitio fue enviado por Omshivaprakash. Es un sitio web de una página que hace un uso interesante del color y el diseño del diseño. La sección de héroe muestra imágenes superpuestas con una llamada a la acción en primer plano. Esto conduce a una sección con logotipos que se superponen con grandes bloques de color con texto grande y temporizadores de cuenta atrás. Varias secciones muestran texto a un lado con un título vertical en el lado izquierdo. Estos títulos tienen diferentes colores de fondo que combinan con otros elementos del sitio web. Varias de las secciones utilizan imágenes o gráficos. Me gusta especialmente el uso del color para el texto o los fondos detrás del texto.

Visita la página web

2. Baitic

Este sitio fue enviado por Joao Martins. Este hace un uso interesante del color y los ángulos de fondo. Los fondos muestran patrones en ángulo. Los fondos azules muestran tonos de azul, mientras que los blancos muestran parches de gris claro con líneas verdes que funcionan con la perspectiva de los gráficos. El azul y el verde se utilizan en los grandes gráficos de dos colores que ocupan casi la mitad de la pantalla y aparecen a la izquierda o derecha a medida que se desplaza a sus secciones. Muchos de los iconos, botones y elementos textuales están en el mismo color verde. Los gráficos son mínimos y visualmente impresionantes al mismo tiempo. Los gráficos y el texto funcionan perfectamente juntos para crear un diseño limpio.

Visita la página web

3. Haga crecer mi negocio

Este sitio fue enviado por Ben Elwood. Este hace un excelente uso de los reflejos amarillos sobre fondos grises o blancos. El amarillo se usa en el menú, títulos, botones, enlaces, bordes, comillas, íconos, etc. La mayoría de los fondos son blancos y funcionan bien con los resaltados amarillos. Los pocos que son grises lucen aún mejor y, como son pocos, destacan aún más. Varias secciones de ancho completo con fondos grises muestran testimonios o crean CTA. Me gusta especialmente la sección de tres anuncios publicitarios. Incluyen fondos grises, blancos y amarillos. Cada uno tiene un icono en un círculo y alternan entre gris y amarillo para el círculo y el icono. También me gustan las animaciones flotantes en todo el sitio que cambian los colores.

Visita la página web

4. Futuros profesores de fútbol

Este sitio fue enviado por Maurice Veraa. Éste hace un uso elegante de fondos azules y reflejos amarillos. También tiene muchas microanimaciones que se repiten o responden al pasar el mouse. También me gusta el diseño del texto del título que aparece sobre el video de fondo en la sección del héroe. Se distingue del fondo e incluso incluye un pequeño bloque amarillo en ángulo detrás del texto para darle algo de color. Muchos de los títulos incluyen una versión más pequeña del bloque en ángulo dentro del título. Bloques angulares similares en azul o amarillo se superponen o imágenes separadas. Muchas de las imágenes incluyen un título de bloque que se superpone a la imagen.

Visita la página web

5. Bartlett Farms

Este sitio fue enviado por Andrew Bartlett. Éste hace un excelente uso de imágenes y menús. La sección de héroe muestra un control deslizante de ancho completo con grandes CTA en primer plano. Las llamadas a la acción hacen un uso interesante del texto. La línea superior del título es clara y está delineada en verde. La línea inferior del título es de color verde sólido. Varias secciones incluyen anuncios superpuestos que proporcionan información, una línea de tiempo, viñetas, etc. Las publicaciones de blog tienen un diseño único para el meta. Mi sección favorita muestra tarjetas como enlaces a productos. Las tarjetas tienen un diseño elegante que casi parece marcadores. Las tarjetas incluyen una imagen e información dividida en secciones. Se utiliza un diseño similar en el megamenú con solo el título y la imagen.

Visita la página web

6. Pop-Up Kombi

Este sitio fue enviado por Justine Carter. Este sitio hace un excelente uso de la fotografía y el video. La sección de héroe muestra un video de fondo que crea una demostración única del producto. Un CTA se centra debajo de esto en una sección por sí misma con un enlace a la página de contacto y un enlace que abre el formulario de contacto en una ventana emergente. El producto también se muestra en una galería de ancho completo que coincide con el video. Las imágenes del producto también se utilizan para servicios. Muchos de los vínculos e íconos coinciden con el color rojo de las fotos del producto. Un CTA en el menú y el botón del formulario de contacto coinciden con el bronceado de las fotos del producto. Los aspectos más destacados funcionan bien para unir el sitio y la fotografía.

Visita la página web

7. Brandartica

Este sitio fue enviado por Jeff Litcofsky. Este también hace un gran uso de un color de marca. Una animación genial en el color azul de la marca presenta el sitio web y se convierte en el logotipo y el eslogan al final. El azul también se usa para las superposiciones de imágenes, los botones, un fondo de CTA, el botón de regreso a la parte superior y el menú de hamburguesas. El trabajo se muestra dentro de un diseño de mosaico. El menú se abre en pantalla completa con un fondo azul que permite que el sitio web sea visible. Las páginas muestran un fondo estampado con divisores con estilo detrás del título. Estas páginas también usan el color azul de la marca para podcasts, íconos, un botón adhesivo y más. El sitio también hace un buen uso de un control deslizante de antes y después para mostrar ejemplos de trabajo.

Visita la página web

8. Cassandra Worthy

Este sitio fue enviado por Alfonso Perez-Verdia Ochoa. Este también hace un gran uso de los patrones de color y fondo. La sección de héroe muestra una imagen de pantalla completa con un fondo azul que crea un punto de acceso blanco detrás del sujeto. El texto blanco crea la CTA que incluye un botón animado para ver un video. Varias secciones incluyen un fondo negro con un patrón de puntos en un círculo. La mayoría de estas secciones muestran un solo testimonio, un video incrustado o un elemento similar. Mi favorita es la sección que muestra los pasos. Los números de los pasos están rodeados de elegantes diseños en colores llamativos. Los pasos y sus descripciones se compensan entre sí. También me gustan las secciones con servicios que muestran una imagen en un lado y una descripción en el otro con un fondo de color llamativo.

Visita la página web

9. Eventos de JP

Este sitio fue enviado por Tom Carmona. Este utiliza un diseño elegante con colores que van de suaves a atrevidos a medida que se desplaza por el sitio. El fondo de la sección de héroe incluye varios colores suaves que se superponen para crear un patrón único. Las imágenes de un control deslizante resaltan algunos de los mismos colores. Los aspectos más destacados de los botones y un divisor son de un color más oscuro que se vuelve más prominente a medida que se desplaza hacia abajo en la página. Los servicios muestran imágenes con bordes en colores ligeramente más atrevidos que la sección de héroes. Los fondos se mantienen más suaves a medida que los reflejos se oscurecen. Los íconos usan el color más oscuro del CTA de la sección de héroe, mientras que el pie de página usa el color más oscuro como fondo. Me encanta el megamenú de este. Los enlaces incluyen iconos y utilizan todos los colores del sitio web. Los colores funcionan muy bien para el enfoque de celebración del sitio.

Visita la página web

10. Estudio Volny

Este sitio fue enviado por Volny Studio. Este sitio web hace un uso elegante de un diseño minimalista. Los fondos son de color hueso y la mayoría del texto y los elementos visuales son negros. Aporta suficiente color en los aspectos más destacados y las imágenes para que sea interesante. La sección de héroe muestra una imagen que se superpone a la CTA debajo de ella. Varias secciones muestran imágenes en un lado y texto en el otro en un diseño alterno. Algunas incluyen bloques de color para destacar. Mi sección favorita muestra los servicios en columnas numeradas. Los números son números romanos que se crean con bloques de color. La sección de proyectos también es interesante con dos imágenes en una sola fila con una imagen más grande a la derecha. Las imágenes tienen fondos mínimos para que los proyectos se destaquen. Se superponen en las páginas del proyecto. También me gusta el diseño de pie de página mínimo que separa la información en secciones.

Visita la página web

¡Hasta el próximo mes!

Estas son nuestras 10 mejores presentaciones del sitio web 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 Mascha Tace / shutterstock.com