Escaparate de Divi Design: nuevas presentaciones de octubre de 2019

¡Es ese momento otra vez! Es hora de nuestro Divi Showcase mensual, donde echamos un vistazo a diez 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 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 2019

1. Bots vs Contras

Este sitio web fue enviado por Wade McMaster. El sitio utiliza una paleta de colores oscuros con texto en blanco y azul claro y resaltados en todas partes. El menú es delgado y está separado de la sección de héroe con una línea azul. La sección de héroe muestra una imagen de fondo con el logotipo y la descripción del sitio en texto grande. Una sección Acerca de muestra información en dos columnas. Me gusta la sección del blog, que se muestra en paralaje sobre una imagen de fondo con una superposición de estilo. Muestra la última publicación de blog con texto a un lado como una llamada a la acción para ver el blog y una publicación de blog en el otro en un diseño de tarjeta. Las páginas de Fondos de pantalla y Blog muestran publicaciones de blog con un encabezado, una imagen de fondo y una barra lateral. La página Suscribirse también es interesante. Muestra el formulario de registro como un CTA con viñetas en un lado para mostrar los beneficios de suscribirse. Las páginas muestran un diseño de menú diferente al de la página de inicio.

Visita la página web

2. Coincidir con los medios de diseño

Este sitio web fue enviado por Sam Nicholson. El sitio muestra un video de fondo a pantalla completa con una superposición de degradado. El primer plano muestra el logotipo y los diseños de líneas. El logotipo se acerca al pasar el mouse y dos de los elementos de la línea desaparecen para crear un efecto de desplazamiento interesante. El elemento más interesante es la forma en que el sitio utiliza divisores de sección. Coloca una imagen de fondo detrás del divisor y luego coloca un degradado sobre eso. Sobre ellos se colocan contadores numéricos o contadores circulares. El sitio utiliza muchos degradados y texto con estilo para que coincida. Los botones incluyen los mismos degradados que los fondos. Los servicios se muestran con un diseño alternativo e incluyen imágenes que se inclinan al pasar el mouse. La sección Carreras y la sección Contacto incluyen el mismo efecto de inclinación. Tiene muchas animaciones pequeñas, como líneas que se inclinan en su lugar durante la carga. El sitio también incluye un botón de estilo back-to-top y una barra deslizante con estilo, que me gustaría que se convierta en una práctica estándar para el diseño web.

Visita la página web

3. Property Pop

Este sitio web fue enviado por Kaelynn Midgley. Muestra un degradado de fondo de ancho completo con un CTA en un lado y una imagen dentro de un dispositivo móvil en el otro. El desplazamiento revela información en un lado con un CTA e imágenes de propiedades en el otro con una imagen colocada dentro del contorno de una computadora portátil. Los diseños similares continúan en todo el sitio. Mi favorita es la sección sobre la comunidad. Incluye un diseño de dos columnas con una imagen de fondo con una propaganda superpuesta que incluye una imagen, texto y un botón, e información en el otro lado. La página Cómo funciona muestra cada paso en pantalla completa con un color de fondo diferente para cada uno. También me gusta la página del blog, que incluye una sección de héroe, texto para obtener información, un separador y luego las publicaciones del blog. Las publicaciones agregan una sombra de cuadro a la imagen destacada. El menú incluye un CTA.

Visita la página web

4. Patria

Este sitio web fue enviado por Jerome Bestel. Incluye muchos gráficos en todo el sitio, comenzando con la sección del héroe, que muestra un gráfico grande en un lado y un CTA en el otro. El desplazamiento muestra una sección de dos columnas con un gráfico más pequeño a un lado con un botón de llamada en el que se puede hacer clic e información en el otro lado. Este diseño se alterna hacia abajo en la página a medida que se desplaza. Se proporciona otra información dentro de los anuncios. Un control deslizante le permite mover un cursor y seleccionar un precio. La información sobre el equipo se proporciona con anuncios e incluye gráficos para las imágenes. El sitio utiliza un diseño minimalista y mucho azul para el texto y los fondos para atraer al público objetivo. Cada una de las páginas sigue un diseño similar pero aún tienen algo único. El menú incluye un CTA de contacto y un enlace de llamada en el que se puede hacer clic. Me gustan especialmente los gráficos grandes en las secciones de héroe de cada página.

Visita la página web

5. ChangeUp for Charity

Este sitio web fue enviado por Dickon Kent. Tiene un degradado de fondo de ancho completo con un gráfico en un lado detrás de un CTA y un conjunto de imágenes en el otro lado que muestra la aplicación en teléfonos móviles. Las siguientes secciones muestran texto con un divisor y un título azul a la izquierda y un teléfono inteligente con una imagen de la aplicación y gráficos circundantes a la derecha. El texto y los gráficos se deslizan en su lugar a medida que se desplaza. Un control deslizante muestra logotipos sobre un fondo estampado con un degradado. Un control deslizante de testimonios de ancho completo incluye la imagen, el testimonio y la navegación con puntos y flechas sobre el fondo azul que coincide con el sitio. La información se proporciona en anuncios publicitarios que incluyen iconos en círculos que coinciden con el estilo del sitio. El sitio hace un excelente uso de los colores y degradados de marca azul y verde.

Visita la página web

6. Rebbl

Este sitio web fue enviado por Dickon Kent. Este sitio utiliza un mega menú interesante con texto más pequeño debajo del texto principal. Al pasar el cursor sobre uno de los enlaces, se abre el menú para revelar más enlaces e imágenes. La primera sección de la página de inicio muestra una imagen de ancho completo con espacio en un lado para un CTA y los productos en el otro lado. El desplazamiento revela un CTA de ancho completo que demuestra el producto y proporciona un enlace a la tienda. Una sección de blog muestra categorías como tarjetas de blog. Al hacer clic en uno, se abre la página de archivo de esa categoría de blog. Las publicaciones del blog se presentan en tarjetas grandes con la categoría centrada entre la imagen y el extracto. Un formulario de suscripción delgado muestra el texto y el formulario sobre un patrón de fondo. La información sobre la empresa y los productos se muestra en una sección de dos columnas con grandes CTA. Me gusta el video de CTA que muestra un video de fondo con un título y un botón en la superposición. Un control deslizante de Instagram integrado proporciona información al pasar el mouse y abre la información en un modal al hacer clic.

Visita la página web

7. ¡Juventud, hable!

Este sitio web fue enviado por Michal Teska. Es un diseño de una página que muestra una imagen de fondo de pantalla completa en paralaje con una superposición muy opaca. La superposición incluye un eslogan y un gráfico. Todas las secciones tienen un diseño de dos columnas con texto en el fondo en paralaje con un gráfico en primer plano y texto en el otro lado. Este diseño se alterna a medida que se desplaza. Una de estas secciones tiene conmutadores que están diseñados para coincidir con el sitio. La información sobre las personas involucradas se crea con anuncios que tienen una imagen en miniatura a la izquierda y su nombre y ubicación a la derecha. Los logotipos de los socios se muestran en escala de grises y cambian de color al pasar el mouse.

Visita la página web

8. AWEOS

Este sitio web fue enviado por Christos Papadopoulos. Un fondo animado crea el efecto de un entorno submarino con gráficos de dibujos animados. Una llamada a la acción con un eslogan y una imagen animada se encuentra sobre el fondo. Un mega menú revela tres columnas de enlaces e imágenes. La siguiente sección proporciona información e incluye un enlace de llamada en el que se puede hacer clic y un enlace de consulta. Los miembros del equipo se muestran con una imagen, nombre, título, descripción y un botón para escuchar un mensaje de audio de esa persona. Los servicios se muestran dentro de anuncios que incluyen iconos debajo del texto. La página Proyecto muestra ejemplos dentro de una tarjeta que se desplaza al pasar el mouse. Cada una de las páginas de Servicios sigue un diseño similar, que incluye un encabezado con una descripción y un enlace, seguido de información detallada. La página del blog y las publicaciones siguen un diseño de encabezado similar.

Visita la página web

9. Marci Ángeles

Este sitio web fue enviado por Marci Angeles. El encabezado y el pie de página permanecen en la pantalla a medida que se desplaza. Son transparentes, por lo que el diseño se muestra. La página de inicio muestra un fondo azul y varias imágenes de muestras de trabajo. Al hacer clic en una imagen, se abre la página de ese proyecto donde puede ver los detalles sobre el proyecto. Cada uno se muestra como una publicación de blog e incluye una imagen destacada, descripción, imágenes, navegación a las publicaciones anteriores y siguientes, y un formulario de contacto. El pie de página no permanece en pantalla en las páginas del proyecto. El encabezado y el pie de página tienen un diseño simple y limpio. El encabezado incluye enlaces a otros sitios del propietario, que utilizan colores suaves similares a este. El pie de página incluye enlaces a redes sociales. Ambos tienen líneas que los separan del cuerpo del sitio.

Visita la página web

10. ATG Europa

Este sitio web fue enviado por Camiel Bos. El encabezado de pantalla completa muestra un video de fondo con un título y un eslogan en la esquina inferior izquierda de la pantalla. Tiene un mega menú y muestra enlaces y publicaciones al pasar el mouse. En el desplazamiento, verá que el menú se vuelve blanco y tiene un borde curvo y refleja la parte inferior de la sección de video. La información se proporciona en la siguiente sección e incluye un gráfico que coincide con el tema del sitio. Las industrias a las que se presta servicio, las soluciones y los servicios se muestran en imágenes en paralaje. Un CTA de contacto muestra el título y el botón sobre una imagen de fondo e incluye divisores de sección curva para la parte superior e inferior para crear un diseño interesante. El sitio utiliza muchos divisores de estilo, patrones de fondo y elementos superpuestos que se destacan muy bien mientras conservan un diseño limpio. El sitio hace un excelente uso de imágenes y colores.

Visita la página web

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 ProStockStudio / shutterstock.com