Escaparate de Divi Design: nuevas presentaciones de octubre de 2018

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 octubre. 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 octubre de 2018

1. Orbicon Informatics

Este sitio fue enviado por Janus Lock. Tiene una animación interesante que se reproduce como video de fondo en el encabezado. El azul sobre azul combina perfectamente con la marca del sitio. La fuente de encabezado grande funciona bien con el tema técnico. A medida que se desplaza, el texto alineado verticalmente se ubica en el lado izquierdo de la pantalla, proporcionando un enlace a la página de inicio. El diseño es limpio y utiliza gráficos simples para guiarlo a través de su proceso. Cada una de las páginas está numerada. Estos números se reflejan en el menú de pantalla completa. Me gusta el diseño de la página de archivo, que muestra grandes bloques azules con texto que revelan imágenes detrás de superposiciones al pasar el mouse y la página de módulos que usa íconos relevantes.

Visitar sitio

2. Growmodo

Este sitio fue enviado por Paul Preisler. Este sitio utiliza muchos gráficos de diseño plano y espacios en blanco adicionales para crear un diseño limpio. La sección de cómo funciona también utiliza gráficos planos. Las imágenes utilizan superposiciones de degradado para los testimonios tanto en imágenes grandes con texto superpuesto como dentro de la imagen encerrada en un círculo para los módulos de testimonios. Me gusta la sección de talento creativo con divisores en ángulo para la parte superior e inferior, imágenes en círculos en varios tamaños con efectos de sombra y líneas que las conectan. Las imágenes destacadas del blog también usan superposiciones de degradado. Los servicios se muestran con tarjetas con viñetas verdes, animaciones flotantes y efectos de sombra.

Visitar sitio

3. Solvid

Este sitio fue enviado por Dmytro. Este sitio utiliza varios tonos de azul oscuro para crear algunos fondos degradados interesantes. El encabezado es único en la forma en que proporciona un bloque con enlaces a servicios, el blog y los productos. Cada uno de los elementos dentro del bloque incluye efectos de desplazamiento. Varias de las secciones usan ángulos para los divisores, y algunas van en múltiples direcciones. Me gusta la sección donde discuten su alcance. Muestra logotipos de empresas dentro de círculos, con los logotipos moviéndose ligeramente. Los servicios se muestran en bloques simples con solo un icono y un título y efectos de desplazamiento para el borde. Aparecen bloques similares en el megamenú, pero usan fondos degradados para diferenciarse. Se utilizan imágenes similares para categorías e imágenes destacadas en la página del blog.

Visitar sitio

4. Festival del gallo y el toro

Este sitio fue enviado por Ross Pope. Este sitio utiliza colores llamativos y un diseño plano en todas partes. Gráficos de arbustos y manos decoran los bordes del encabezado para ayudar a llamar la atención sobre el CTA en el centro. Los gráficos Lightning ayudan a llamar la atención sobre el texto de la siguiente sección. Me gusta la sección de diseño múltiple con imágenes que incluyen un borde grueso y zoom al pasar el mouse. Esta sección tiene más gráficos de arbustos que se superponen a las imágenes. La suscripción al correo electrónico usa bordes que parecen dibujados a mano. También me gusta el pie de página que muestra a las personas con siluetas de colores sólidos. Los colores de este sitio realmente se destacan. Es un excelente ejemplo de cómo el color, las fuentes y los gráficos pueden crear el ambiente de un sitio web.

Visitar sitio

5. Entrenamiento de perros paseantes

Este sitio fue enviado por Jeremiah Lloyd. La sección de héroe muestra una imagen y una llamada a la acción en una pantalla dividida que configura el diseño para el resto del sitio. Las imágenes usan bordes de color melocotón oscuro en 3D que combinan con el estilo del botón. Otra imagen usa un borde azul, que se relaciona con los testimonios que usan tanto el melocotón azul como el oscuro. Me encantan los colores de fondo que se alternan del blanco al bronceado claro. Los colores combinan bien con las fuentes y los separadores para crear un estilo elegante. El blog también sigue este estilo, pero agrega un borde de línea delgada a las tarjetas del blog. La barra lateral del blog es uno de los diseños más limpios que he visto, proporcionando información sobre el blog que no distrae o es demasiado fácil de ignorar.

Visitar sitio

6. Woods Hole Tile Company

Este sitio fue enviado por Nelson Miller. Este es un diseño de una página que usa muchas imágenes con bordes 3D en la página de inicio con títulos, texto y botones superpuestos para ver el contenido, creando un diseño de tarjeta de blog. Las imágenes se alternan a medida que se desplaza y se unen con líneas verticales que lo guían a través del proceso y en su formulario de contacto en el pie de página. Esto se interrumpe cerca de la mitad de la página con una sección de anuncios publicitarios azul oscuro que presenta las secciones de servicios que le siguen. Las secciones de servicios también usan los mismos íconos que esta sección azul para unirlos. Me encanta lo bien que funcionan juntos las fuentes y los colores en este sitio web.

Visitar sitio

7. Brinart Design

Este sitio fue enviado por Sabrina Rowland. Un video de fondo de alguien pintando se reproduce detrás de la superposición amarilla para ayudar a mostrar de qué se trata el sitio. El título se superpone al fondo y el lema se coloca perfectamente dentro del bloque de amarillo para llamar la atención. El amarillo se utiliza en todo el sitio para los colores de fondo. La sección de servicios muestra tres columnas de anuncios con un CTA mientras que el título de la sección se imprime verticalmente. Me gusta la simplicidad de la sección de contacto, que utiliza un fondo amarillo con un divisor en ángulo y un pequeño formulario de contacto con efectos de sombra que se superpone a la siguiente sección para crear la información de contacto.

Visitar sitio

8. Happy Digital

Este sitio fue enviado por Djaya De Vries. Un CTA se encuentra sobre una imagen de fondo de pantalla completa con un divisor de sección redondeada de múltiples sombras. Los enlaces a proyectos y servicios se colocan dentro de cuadros de color naranja oscuro que cambian a blanco con efectos de sombra al pasar el mouse. Esta naranja se utiliza en todo el sitio como aspectos destacados de los botones y el texto, en el menú, como fondos para mostrar los beneficios y como dos de los iconos multicolores dentro de las páginas de servicios. Una de mis secciones favoritas en la página de inicio es un control deslizante que se superpone a dos secciones. Las secciones y el control deslizante utilizan colores sólidos para crear un diseño elegante. El naranja y el blanco funcionan muy bien con el azul oscuro en todo el sitio.

Visitar sitio

9. Jeremy Mura

Este sitio fue enviado por Jeremy Mura. Soy un fanático de los colores llamativos cuando funcionan bien y este sitio usa el naranja llamativo a la perfección. El encabezado incluye un fondo de dibujos animados de un castillo sobre un degradado naranja y un CTA con texto blanco, un botón azul con sombra y un botón naranja con un borde blanco. La sección de proyectos de cuatro columnas muestra imágenes cuadradas de proyectos en dos filas sin espacio entre ellas. Me gusta la sección sobre el proceso de diseño, que enumera los pasos y usa íconos grandes para cada paso. También me gusta el CTA de ancho completo en naranja negrita con texto blanco. El blog utiliza títulos de color naranja sobre un fondo blanco.

Visitar sitio

10. Ad Conseil

Este sitio fue enviado por FJ LAHIANI. Éste hace un excelente uso del texto y los elementos gráficos gris oscuro y azul grisáceo sobre fondos de color blanquecino y gris claro para crear un diseño elegante. Los gráficos se utilizan para mostrar la experiencia y las habilidades con títulos simples y barras verticales que los separan. Los desenfoques no utilizan bordes, sombras ni efectos de desplazamiento. La página del equipo sigue este mismo diseño para mostrar a los miembros del equipo. Las páginas de referencia y formación también utilizan este estilo de propaganda y muestran texto con viñetas en alternancia. El diseño de este sitio se centra en la simplicidad y funciona bien.

Visitar sitio

Conclusión

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