Escaparate de Divi Design: nuevas presentaciones a partir de julio 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 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!

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

1. Stratton Craig

Este sitio fue enviado por Piers Elliott. Tiene muchos resaltados rojos para texto, enlaces y botones, junto con algo de azul oscuro en todo el sitio. Las secciones incluyen fondos blancos o verde muy claro que funcionan muy bien tanto con el rojo como con el azul. El mega menú incluye un fondo verde claro con un CTA de contacto y enlaces en varias columnas. La sección de héroe muestra un video incrustado. Las secciones para estudios de casos y servicios muestran pequeñas filas con una imagen en un lado con la información en el otro. Me gusta la sección del blog. Las publicaciones muestran los títulos, que están separados por espacios en blanco y una sola línea horizontal. Otra cosa que encontré interesante es que no tiene barra de desplazamiento.

Visita la página web

2. Mike the Freelancer

Este sitio fue enviado por Mike McManus. Este hace un uso interesante de la tipografía y los fondos grises. La sección de héroe muestra una imagen en un lado con una esquina inferior redondeada. Está desconectado del texto del otro lado, que se superpone a un fondo gris. Se utilizan pequeños botones amarillos en todo el sitio y coinciden con el amarillo en el menú. Los proyectos se muestran como publicaciones con una imagen en un lado y el extracto en el otro. Me gusta la sección de anuncios publicitarios que están separados por bordes que solo tocan otra propaganda. El diseño del sitio tiene una apariencia de código que se destaca y funciona perfectamente para ayudar a describir el sitio web. El sitio también tiene un interesante diseño de blog.

Visita la página web

3. dajo creativo

Este sitio fue enviado por David King. Este hace un excelente uso del verde en todo el sitio para la marca. La sección de héroe incluye una imagen de un frasco de pepinillos que se acerca a la pantalla a medida que te desplazas. El sitio web se presenta con texto extragrande. Muchos de los elementos incluyen animaciones de desplazamiento o desplazamiento. Algunos de los fondos están en paralaje y muestran imágenes del estudio. Una de mis secciones favoritas muestra anuncios con iconos relacionados con el diseño de tipografía. Otro de mis favoritos muestra texto extra grande que se aleja a medida que te desplazas. También me gustan los ejemplos de trabajo que se muestran en un diseño de varias columnas. Incluyen superposiciones verdes para el efecto de desplazamiento de la imagen.

Visita la página web

4. Fuente de TI segura

Este sitio fue enviado por Michael White. Este usa mucho naranja y rojo como aspectos destacados para el logotipo, una barra vertical en la sección de héroe, números, enlaces, íconos, superposiciones y un borde horizontal. Muchas de las secciones incluyen patrones en los fondos que simplemente se notan. Algunos incluyen texto que describe la sección. Me gusta la sección que detalla su enfoque. Incluye difuminaciones numeradas con animaciones y superposiciones. También me gusta la página de recursos. Muestra publicaciones de blog con imágenes destacadas con animaciones de desplazamiento, el título y la categoría. Son cortos y anchos, y se colocan dentro de dos columnas que le dan al blog un diseño limpio.

Visita la página web

5. Studio Vitas

Este sitio fue enviado por Simone Vitas. Este tiene muchas animaciones flotantes interesantes en todo el sitio. El cursor del mouse cambia a un triángulo con estilo que permite que se vea el fondo. Al pasar el cursor sobre algo en el que se puede hacer clic, el triángulo se rellena, el fondo se muestra y los colores se invierten. Los elementos en los que se puede hacer clic cambian a un rojo oscuro que se destaca. Las fuentes del encabezado y del menú de hamburguesas son particularmente elegantes. Me encantan las animaciones de bloques que revelan los elementos de la página mientras se carga. También me gusta el uso de imágenes interesantes para los ejemplos de trabajo. Una llamada a la acción muestra una versión grande del triángulo al pasar el mouse y lo lleva a un formulario de contacto grande que tiene un estilo que se adapta al sitio.

Visita la página web

6. Surf Indonesia

Este sitio fue enviado por Lokesh Mangyan. Éste hace un uso interesante de las notaciones. Muchos de los elementos incluyen texto inclinado con una flecha apuntando al elemento. El texto ofrece consejos sobre cómo utilizar el sitio web. Se colocan varias llamadas a la acción en toda la página de inicio y funcionan bien con el diseño del sitio. Las llamadas a la acción incluyen botones, pancartas pequeñas y una sección de ancho completo que muestra texto grande sobre un fondo marrón con una imagen y un botón en primer plano. También incluye un CTA para la versión de la aplicación de las herramientas del sitio web. Se utilizan varios tonos de bronceado como colores de marca que combinan bien con el tema de la playa. Una sección de difuminaciones revela sus bordes al pasar el mouse e incluye iconos de color canela. Las reseñas se muestran como fragmentos cortos con calificaciones de estrellas en la sección de héroes y dentro de un control deslizante de testimonios. Me encanta el uso de mapas en este sitio web.

Visita la página web

7. Kal Digital

Este sitio fue enviado por Petros de Kal. Éste hace un uso interesante de los fondos y la tipografía. Muestra una burbuja animada de color rojo brillante detrás del título en la sección de héroe. La burbuja permanece en su lugar mientras se desplaza a las siguientes secciones y cambia a una forma diferente hasta que se convierte en el fondo completo. Luego cambia a gris y vuelve a convertirse en una burbuja y luego a un fondo negro. A lo largo del camino, el primer plano muestra información, servicios con gráficos estilo caricatura en un lado e información en el otro. La sección gris muestra un gráfico de la pantalla de una computadora con borrones en ambos lados. Otras páginas usan un diseño similar con diferentes colores. También me gusta el lápiz animado en la página de contacto.

Visita la página web

8. Robinson MD

Este sitio fue enviado por Jonathan Morey. Utiliza colores claros como elementos destacados y de fondo en todo el sitio. Las herramientas de accesibilidad se colocan dentro de un ícono que siempre está al alcance. Varias de las secciones muestran dos columnas con una imagen en un lado y texto en el otro. Algunas de las imágenes incluyen bloques de color detrás de dos de sus esquinas. Los desenfoques incluyen íconos especializados que funcionan muy bien para el género del sitio web. Una sección de anuncios publicitarios incluye tarjetas que se desplazan más rápido que el fondo y una publicidad lateral. Un formulario detallado cerca del pie de página coincide con el estilo del sitio. La página del blog sigue el mismo diseño e incluye una búsqueda con sugerencias y tarjetas de blog con estilo.

Visita la página web

9. Asociación presupuestaria internacional

Este sitio fue enviado por Rajan Zaveri. Utiliza muchos tonos tierra dentro de todos los elementos. Muchos de los títulos incluyen resaltados dibujados que parecen un marcador. Algunos de los fondos incluyen mapas dibujados a mano. Los gráficos dibujados a mano de personas flotan junto al texto. El menú tiene botones con estilo. Se crea una tabla de contenido dentro de una palanca. A lo largo de la izquierda hay un sistema de navegación de puntos con estilo que aparece una vez que se desplaza más allá de la sección del héroe. El encabezado muestra el nombre de cada sección. Me gusta especialmente la sección con números en una cuadrícula. Los números están separados por grandes bordes. En el centro de la cuadrícula hay pequeños bloques de texto con títulos. Al pasar el cursor sobre uno, se escala a tamaño completo, revelando información y una superposición que se muestra sobre el número. Un botón para un mapa de datos se pega en la parte inferior y abre una ventana emergente.

Visita la página web

10. Nyansa

Este sitio fue enviado por Christina. Este utiliza varios tonos de verde como colores de marca en todo el sitio, incluido el logotipo. La sección de héroe coloca una superposición verde sobre una parte de la imagen de ancho completo e incluye una llamada a la acción. Otra sección superpone un bloque de texto sobre una imagen e incluye un título con fondo verde. Me gusta especialmente la sección de 5 anuncios que incluyen íconos en círculos verdes dentro de los cuadrados girados en sus esquinas. Una sección de información utiliza tarjetas con diferentes tonos de verde que van de oscuro a claro. Los íconos sociales en el pie de página siguen la misma secuencia. La sección del blog utiliza un borde inferior de color verde oscuro para las tarjetas. El control deslizante de testimonios incluye un fondo verde para el texto e incluye un borde blanco grueso que se destaca de la imagen de fondo grande.

Visita la página web

¡Hasta el próximo mes!

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