Divi Design Showcase: nuevas presentaciones a partir de junio de 2019


Es hora de volver a nuestro escaparate mensual de Divi, donde echamos un vistazo a los 10 sitios web Divi impresionantes creados por los miembros de nuestra comunidad. Cada mes presentamos los mejores sitios web de Divi enviados por nuestra comunidad y hoy queremos compartir con usted los diez mejores sitios web para el mes de junio. 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!

Divi Design Showcase: nuevas presentaciones a partir de junio de 2019

1. Marie Bouzkova

Este sitio fue presentado por Michal Teska. Este es un diseño de una página que utiliza un menú de navegación solo para el título y los enlaces de las redes sociales y coloca el menú en la parte inferior de la página. El menú permanece en su lugar mientras te desplazas. La sección de héroe muestra una imagen grande del propietario del sitio a un lado sobre el fondo de pantalla completa. El nombre y las estadísticas se colocan en el otro lado. Los títulos para cada una de las secciones muestran texto grande detrás del título. Career Highlights muestra imágenes superpuestas a un lado con los reflejos en borrosos en el otro seguido de un video incrustado. Las imágenes se muestran en la galería de mampostería y se abren en un control deslizante de pantalla completa. La sección del equipo muestra los tiros a la cabeza del equipo con un patrón de fondo. La sección Seguir incluye feeds integrados de Facebook y Twitter. El sitio hace un uso interesante del color y el texto.

Visitar sitio

2. MWS Digital

Este sitio fue presentado por Kaelynn Midgley. Tiene una página de inicio limpia con un enfoque en llamadas a la acción. El encabezado muestra la información principal en el centro de la página con el logotipo, el eslogan y el CTA. Un gráfico con CTA para su enfoque se superpone a la siguiente sección. Una sección de 2 columnas muestra una imagen en el móvil en una columna con texto en la otra columna. Las siguientes secciones siguen este diseño y se alternan en la página. La sección del blog muestra imágenes cuadradas con superposiciones oscuras y texto, creando un diseño limpio y elegante. Me gusta la sección de enlaces a servicios. Muestra el servicio en letra grande que está vinculado a cada servicio. Este sitio hace un uso elegante del color y los diseños.

Visitar sitio

3. Una Papaya

Este sitio fue presentado por Andrea El-Bardawil. El sitio es un diseño de una página que utiliza muchos fondos de paralaje con imágenes de más de un patrón de fondo. El primer plano muestra imágenes que interactúan con los fondos a medida que se desplaza. El primer plano incluye texto grande que describe la siguiente sección. La información se proporciona en borrones con gráficos apropiados. Una sección numerada muestra información con un CTA. Los ejemplos del último trabajo se muestran dentro de un control deslizante con una descripción y un enlace sobre un fondo rojo en negrita. Este sitio hace un gran uso del tema de la fruta, las imágenes de paralaje y los llamativos colores rojo y naranja.

Visitar sitio

4. Lima fresca

Este sitio fue enviado por Josh Allan. El sitio utiliza verde lima como color de marca en los gráficos, como los iconos, el logotipo y el menú CTA (después del desplazamiento), así como botones y texto, y azul para fondos y botones. La sección del héroe muestra un patrón de fondo interesante de varios tonos de azul oscuro con un gráfico de edificios con personas. El primer plano muestra el título, el eslogan y el CTA. Los servicios se describen en cuadros con iconos verdes. Otra sección muestra información en un lado con un gráfico de un edificio y personas en el otro lado que coincide con la sección de héroe. Cada una de las páginas hace un excelente uso de gráficos y fondos estampados.

Visitar sitio

5. Rancho en el río

Este sitio fue presentado por Kelsey Specter. Utiliza un logotipo extra grande que se superpone al menú y la siguiente sección. El menú aparece lo suficientemente bajo en la pantalla como para que parte de la imagen principal aparezca encima. La imagen de ancho completo muestra la ubicación y utiliza el cielo en la imagen para colocar el texto del título. Aparece un CTA de boletín debajo de esto usando una fuente con guión como el título que parece una escritura a mano. Las imágenes se utilizan como enlaces a páginas de información. Varias secciones muestran mapas o imágenes a un lado con texto en el otro para describir ubicaciones o proporcionar información. Las distintas páginas muestran imágenes de ancho completo de las ubicaciones y utilizan gráficos dibujados a mano o imágenes satelitales para mapas. Los colores para los fondos y el texto se ajustan perfectamente al tema del rancho.

Visitar sitio

6. Eden River Equestrian

Este sitio fue presentado por Salma Sheriff. Incluye una barra de menú superior con enlaces a la cuenta, un área de logotipo grande y luego la navegación principal con un fondo azul que se hace más angosto que el resto del sitio. La imagen de fondo principal muestra un eslogan y un CTA de tienda en una superposición. Los encabezados son verdes o marrones para ajustarse al diseño del sitio. Un CTA de Facebook describe al grupo dentro de un cuadro de color que se destaca. Utiliza una imagen dentro de un círculo y un botón que enlaza con el grupo. Una sección sobre el podcast utiliza imágenes con títulos para vincular a los últimos episodios. Otra sección que se destaca es un conjunto de imágenes borrosas con imágenes dentro de un círculo que enlazan a varias páginas, que siguen un estilo similar al de la página de inicio. Los colores para el texto y los resaltados funcionan bien con el diseño del sitio.

Visitar sitio

7. Lions Avenue

Este sitio fue enviado por Ricky. El sitio es un diseño de una página que usa colores oscuros y apagados para darle una apariencia estilizada. Los resaltados en azul claro se utilizan para títulos, fondos y bordes. La sección de héroe muestra el lema con un conjunto de CTA seguido de un logotipo grande. Una sección de información muestra una imagen del propietario del sitio en un lado en una imagen con estilo con la información presentada en el otro lado en un área más grande con el título, una fuente con guión y la información en sí misma presentada en un cuadro con un borde con estilo que se superpone a la imagen. Este mismo título y diseño de fuente con guión se utilizan para introducir varias secciones en todo el sitio, incluidas las secciones de cartera que muestran imágenes de proyectos como tarjetas. Los colores, las fuentes y los divisores angulados ayudan a darle a este sitio un diseño limpio e interesante.

Visitar sitio

8. Milkin 'Más

Este sitio fue enviado por DJ WHEELER. El sitio utiliza un esquema de color negro, blanco y tostado para ayudar a crear un diseño limpio. El texto del menú es más grande de lo normal con mucho espacio entre los enlaces. La sección de héroe muestra una imagen relacionada en divisores ondulados de ancho completo y extragrande con transparencia para combinar en la siguiente sección, que muestra texto negro grande sobre un fondo blanco. Otra imagen de ancho completo se combina con la sección anterior y siguiente, que incluye botones grandes para las categorías de la tienda seguidos de un conjunto de productos. Varias secciones proporcionan información con imágenes y botones o imágenes borrosas e iconos. Cada sección mantiene la información corta y simple. Las secciones de testimonios y boletines siguen el mismo diseño simple. Este sitio hace un excelente uso del espacio en blanco y la tipografía.

Visitar sitio

9. Pro Foto en línea

Este sitio fue presentado por Eugene Dimov. El sitio utiliza un diseño de línea de tiempo para separar las secciones. Una imagen de pantalla completa muestra el título y el CTA. Las secciones grandes incluyen grandes títulos que se encuentran detrás de los títulos. Los encabezados se deslizan lentamente en su lugar a medida que te desplazas. Cada sección está numerada con un bloque de color y un número con una línea vertical. Los números rebotan en su lugar a medida que te desplazas. Las secciones más pequeñas tienen títulos verticales que aparecen a los lados de la pantalla. Las secciones en sí incluyen CTA alternativas con texto e imágenes. Me encanta el diseño de la página de la galería. Muestra la imagen en un lado con un borde grueso y la información del fotógrafo en el otro lado y botones para comprar o imprimir la imagen. La página de contacto muestra el formulario de contacto en un tablero que cuelga del techo. El formulario se encuentra junto a un control deslizante de imagen. El tablero en el que están colocados está sobre una pared de ladrillos. El sitio hace un gran uso de la tipografía y la fotografía.

Visitar sitio

10. Haiko Labs

Este sitio fue presentado por Rui Silva. La sección de héroe muestra un gran patrón de fondo naranja con un CTA e imágenes en ángulo en la superposición en paralaje. La sección tiene un divisor en ángulo que se combina con la siguiente sección. A medida que se desplaza, los productos se muestran en un lado con descripciones en el otro y se alternan en la página. Algunas de las imágenes se superponen con elementos de fondo. Otra sección de información interesante utiliza un bloque con un fondo negro que ocupa la mayor parte de la pantalla y se ubica a un lado. A medida que te desplazas, el fondo que se muestra se funde con la imagen debajo. Los CTA se destacan con colores llamativos sobre los fondos negros. Este sitio hace un excelente uso del color y la fotografía.

Visitar sitio

Conclusión

Esas son las 10 mejores presentaciones del sitio web Divi de la comunidad para el mes de junio. ¡Estos sitios se ven increíbles y, como siempre, queremos agradecer a todos por sus presentaciones!

Si desea que se considere su propio diseño, no dude en enviar un correo electrónico a nuestro editor en nathan en elegant themes dot com. Asegúrese de hacer que el asunto del correo electrónico "DIVI SITE SUBMISSION".

¡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, quieres que enseñemos en el blog.

Imagen destacada a través de rudall30 / shutterstock.com