Escaparate de Divi Design: nuevas presentaciones de junio de 2019

Es hora nuevamente de nuestro Divi Showcase mensual, donde echamos un vistazo a 10 sitios web Awesome 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 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!

Escaparate de Divi Design: nuevas presentaciones de junio de 2019

1. Marie Bouzkova

Este sitio fue enviado por Michal Teska. Este es un diseño de una página que usa 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 se desplaza. 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 de cada una de las secciones muestran un texto grande detrás del título. Career Highlights muestra imágenes superpuestas a un lado con los aspectos más destacados en desenfoques en el otro, seguidos 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 Equipo muestra 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 enviado por Kaelynn Midgley. Tiene una página de destino limpia con un enfoque en las 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 la llamada a la acción. 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 un dispositivo 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 y texto oscuros, 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 enviado por Andrea El-Bardawil. El sitio tiene 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 un texto extenso que describe la siguiente sección. La información se proporciona en anuncios publicitarios con gráficos apropiados. Una sección numerada muestra información con una llamada a la acción. Se muestran ejemplos del último trabajo 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 colores rojo y naranja audaces.

Visitar sitio

4. Lima fresca

Este sitio fue enviado por Josh Allan. El sitio utiliza el verde lima como color de la marca en los gráficos, como los iconos, el logotipo y la CTA del menú (después de desplazarse), así como los botones y el texto, y el azul para los fondos y los botones. La sección de 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 la llamada a la acción. Los servicios se describen en anuncios 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 del 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 enviado por Kelsey Spectre. Utiliza un logotipo extra grande que se superpone al menú y a la siguiente sección. El menú aparece lo suficientemente bajo en la pantalla como para que parte de la imagen principal aparezca encima de él. La imagen de ancho completo muestra la ubicación y usa el cielo en la imagen para colocar el texto del título. Un CTA de boletín aparece debajo de este usando una fuente con guión como 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 de satélite para los mapas. Los colores de los fondos y el texto encajan perfectamente con el tema del rancho.

Visitar sitio

6. Ecuestre del río Eden

Este sitio fue enviado por Salma Sheriff. Incluye una barra de menú superior con enlaces de cuenta, un área de logotipo grande y luego la navegación principal con un fondo azul que se hace más estrecho que el resto del sitio. La imagen de fondo principal muestra un eslogan y un CTA de la tienda superpuestos. Los títulos son de color verde o marrón para adaptarse al diseño del sitio. Una CTA de Facebook describe al grupo dentro de un cuadro de color que se destaca. Utiliza una imagen en un círculo y un botón que se vincula al 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 borrones con imágenes circuladas que enlazan con las distintas páginas, que siguen un estilo similar al de la página de inicio. Los colores del texto y las partes resaltadas 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 juntos para darle una apariencia estilizada. Los reflejos de color azul claro se utilizan para títulos, fondos y bordes. La sección de héroe muestra el lema con un conjunto de CTA seguidos 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í 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 portafolio que muestran imágenes de proyectos en forma de tarjetas. Los colores, las fuentes y los separadores en ángulo ayudan a que este sitio tenga un diseño limpio e interesante.

Visitar sitio

8. Ordeñar 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 extra grandes con transparencia para combinar con la siguiente sección, que muestra un gran texto negro 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 brindan información con imágenes y botones o imágenes e íconos. Cada sección mantiene la información breve 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 enviado por Eugene Dimov. El sitio utiliza un diseño de línea de tiempo para separar las secciones. Una imagen a pantalla completa muestra el título y la llamada a la acción. Las secciones grandes incluyen encabezados grandes que se encuentran detrás de los títulos. Los títulos se deslizan lentamente a su lugar a medida que se desplaza. 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 se desplaza. Las secciones más pequeñas tienen títulos verticales que aparecen a los lados de la pantalla. Las secciones en sí mismas incluyen llamadas a la acción alternas 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. Laboratorios Haiko

Este sitio fue enviado 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 integra en 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 fondo negro que ocupa la mayor parte de la pantalla y se coloca a un lado. A medida que se desplaza, el fondo que se muestra se fusiona con la imagen que se encuentra 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

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