Escaparate de Divi Design: nuevas presentaciones de septiembre de 2018

Es hora nuevamente de nuestro Divi Showcase mensual, donde echamos un vistazo a 10 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 quiero compartir con ustedes los diez mejores sitios web del mes de septiembre. 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 septiembre de 2018

1. Píxeles y lápices

Este sitio web fue enviado por Tyler Diaz. Un bonito encabezado a pantalla completa muestra de qué se trata este sitio utilizando gráficos y colores junto con diseños interesantes. La siguiente sección muestra los logotipos de los clientes con un botón para obtener más información. Una sección de trabajo destacada muestra proyectos como tarjetas con imágenes, texto, botones y efectos de sombra. Me encanta la última sección, que muestra otro conjunto de gráficos con una simple llamada a la acción y botones sociales colocados dentro de una sección en ángulo. La página de trabajo muestra versiones más grandes de las tarjetas de proyectos, cada una de las cuales lleva al visitante a una página de detalles del proyecto simple y elegante. También me encanta el uso simplificado de colores y gráficos.

Ver sitio web

2. Andrea Masotti

Este sitio web fue enviado por Andrea Masotti. Este sitio hace un uso interesante de los módulos de Divi. Tres filas muestran tres columnas que incluyen texto en el extremo derecho e izquierdo y un gráfico en el centro. El texto y los gráficos utilizan contornos negros con blanco para un color que se mezcla con el fondo. Cada fila está separada por una línea negra. Al pasar el cursor sobre la fila, todos sus elementos se vuelven negros. Al pasar el cursor sobre un elemento específico dentro de la fila, cambia su color a rojo (para el texto) o rojo y azul (para los gráficos). Los gráficos rojos y azules se utilizan como elementos de encabezado para las páginas de la cartera. Este sitio web es un excelente ejemplo de cómo algo simple puede hacer una gran declaración.

Ver sitio web

3. Adriano Alfaro

Este sitio web fue enviado por Adriano Alfaro. Muestra un encabezado a pantalla completa con un título y una descripción, seguidos de una breve sección sobre con seguimiento social para que pueda saber instantáneamente de qué se trata el sitio e interactuar con el diseñador. Las descripciones con iconos grandes, descripciones y enlaces muestran los servicios. Las siguientes secciones son mis favoritas. Muestran una imagen en un lado y texto en el otro en ancho completo e incluyen enlaces al portafolio. Se alternan lados a medida que se desplaza. Un video de fondo se reproduce detrás de un premio con cita y CTA. Me encanta la página del portafolio, que muestra imágenes de pared a pared de proyectos en los que se puede hacer clic. Las páginas de proyectos individuales son donde realmente brilla este sitio. Son un hermoso ejemplo de diseño de distribución moderno. Asegúrese de mirar la página de Fiat.

Ver sitio web

4. Emily Merchant

Este sitio web fue enviado por Emily Merchant. Este crea un encabezado interesante usando un CTA. El CTA se crea con una imagen, borde, tipo de trabajo proporcionado, título y botones. Tres imágenes se sientan debajo de esto. Incluyen un título en una superposición. Al pasar el mouse, cambia su color y muestra un borde, creando una elegante CTA en la página del proyecto. Se crea una sección acerca de con una cita y texto. Otro CTA de cartera dibuja gráficos a medida que se desplaza hacia él. La página de la cartera crea un diseño de varias columnas con cada imagen que tiene sus propios colores superpuestos y continúa con los efectos de desplazamiento.

Ver sitio web

5. INTROAMERICA

Este sitio web fue enviado por Vincent Valentino. Este hace un gran uso de colores llamativos y efectos de paralaje. El encabezado de pantalla completa inicia el sitio con un fondo agradable que muestra el texto y los botones. Una sección que muestra lo que hacen muestra un mapa topográfico con bordes irregulares para separarlo de una sección de difuminaciones, que muestran bloques con efectos de sombra. Me encantan las secciones con estudios de casos. Una imagen del diseño completo se muestra en el fondo mientras se superpone el texto y una imagen se desplaza en paralaje. Los proyectos recientes se muestran en un diseño de varias columnas. Este sitio hace un excelente uso de un diseño de una página.

Ver sitio web

6. Estación meteorológica

Este sitio web fue enviado por Pierre Lannoy. Este es el sitio web de una aplicación. Mantiene el diseño simple y hace un gran uso del color. Me gustan especialmente los fondos azules con un degradado sutil que se usa en todo el diseño. Una separación de sección ondulada distingue el encabezado, mientras que los beneficios se muestran con imágenes y módulos de texto. El sitio también hace un buen uso de los contadores de números, que en realidad muestran estadísticas útiles de descargas e instalaciones públicas. Justo debajo de esta hay una sección que muestra las calificaciones de la aplicación e incluye gráficos de la calificación por estrellas. Los testimonios son limpios e incluyen efectos de sombra. También me gusta la página del blog, que muestra imágenes como tarjetas en dos columnas con una sombra de cuadro, un título y un botón. Al pasar el mouse, se muestra una superposición azul con un extracto de la publicación. La última publicación se muestra en tamaño completo en una sola columna. Las publicaciones individuales también usan efectos de sombra de cuadro e incluyen módulos de navegación y comentarios de publicaciones.

Ver sitio web

7. Goodimalista

Este sitio web fue enviado por Daragh Wallace. Este sitio se centra en un diseño de blog. Muestra un encabezado extra grande para mostrar el logotipo al frente y al centro. Debajo hay dos menús de navegación: los temas principales se colocan en el menú principal y los subtemas se colocan dentro de un menú secundario con una fuente ligeramente más pequeña en verde. Una publicación destacada muestra una imagen en el lado izquierdo y el título, las categorías, el extracto y el botón Leer más en el lado derecho en un cuadro más pequeño. Juntos ocupan todo el ancho del área de contenido. A continuación hay una sección de blog con 9 publicaciones en tres columnas. Las publicaciones muestran la imagen destacada, el título, las categorías, un breve extracto y un botón. Al escritor que hay en mí le encanta la sección de ancho completo que muestra la definición del título del sitio web. Las publicaciones del blog también mantienen un diseño limpio con la imagen destacada, el texto, un CTA, un control deslizante de imagen, un video (para algunas de las publicaciones) y una sección de blog con tres publicaciones. Este sitio es un gran ejemplo de un diseño de blog limpio.

Ver sitio web

8. Jerrix

Este sitio web fue enviado por Jeroen Rotty. Utiliza algunos de mis colores favoritos (soy de Tennessee y soy partidario del naranja). El encabezado usa paralaje con un CTA. Un separador de sección con estilo ayuda a crear el espacio en blanco para la siguiente sección, que proporciona información "acerca de" con un enlace y una foto en un círculo. Los servicios se muestran con iconos grandes de dos colores que utilizan los reflejos naranjas y los efectos de desplazamiento. Las capturas de pantalla de trabajos recientes también utilizan efectos de desplazamiento e incluyen un efecto de cuadro de sombra. La página del portafolio continúa el diseño del trabajo reciente. Al hacer clic en uno, accederá al sitio web para que pueda ver el trabajo de primera mano. La página de WordPress muestra los beneficios en dos columnas e incluye gráficos dibujados a mano en toda la página. Me encantan los colores de este sitio.

Ver sitio web

9. Madres en riesgo

Este sitio web fue enviado por Swag Design Factory. Utiliza un diseño en caja con un diseño de varias columnas. El encabezado muestra el logotipo, el menú y los botones de seguimiento social verticalmente a un lado con un video y un eslogan en el otro lado. Una sección de imagen e información utiliza el mismo diseño de fila pero alterna la imagen y el texto. Varias secciones de dos columnas muestran una imagen con un botón superpuesto y texto con CTA. Un testimonio de ancho completo utiliza el logotipo y los colores del sitio para combinar perfectamente. Las publicaciones de blog individuales muestran un patrón de fondo con el título y los botones de seguimiento social para el encabezado seguido de la publicación y la barra lateral, que tienen un estilo que coincide con el sitio. Me encantan los reflejos de color verde oscuro y rosa que se usan en todo el sitio.

Ver sitio web

10. Wems Wireless

Este sitio web fue enviado por Philip Wantling. Utiliza colores de marca (naranja y verde) con imágenes de productos electrónicos (con los mismos colores de marca) para describir este sitio web comercial. Esto se ve en el encabezado de pantalla completa y en todo el sitio. Cuatro imágenes en dos columnas enlazan con los distintos productos. Me encanta el CTA que proporciona una animación con título y botón. Se superpone a la sección anterior (de logotipos de clientes) y se acompaña de una serie de anuncios publicitarios para describir los beneficios. Los CTA para demostraciones utilizan cintas destacadas en las esquinas de las imágenes. Los productos se muestran con diseños de varias columnas que conducen a enlaces de productos. Las páginas de productos individuales también incluyen un estilo Divi dulce para las descripciones de los productos y los patrones de fondo de las páginas. Este sitio hace un gran uso del diseño y el color del diseño.

Ver sitio web

En conclusión

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