Escaparate de Divi Design: nuevas presentaciones de mayo de 2019


Es ese momento nuevamente para nuestro Divi Showcase mensual donde echamos un vistazo a 10 sitios web increíbles de Divi creados por 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 mayo. 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 mayo de 2019

1. Akimbo

Este sitio fue enviado por Alan Cox. El sitio utiliza arte de líneas dibujadas en tonos de gris para los fondos y coloridos dibujos de personajes en todas partes. Los botones y otros elementos gráficos también están en color para destacar en el diseño del sitio. Esto hace un gran trabajo al enfocarse en los productos y las llamadas a la acción. Mantiene el diseño simple con una sección de héroe en pantalla completa, demostración de producto, una sección de usabilidad de dos columnas, una declaración de misión de una sola columna, testimonios y CTA que se superpone al pie de página. La página de Ciencia es interesante con sus títulos grandes y gráficos de marca, manteniendo el diseño simple.

Visita el sitio web

2. Revista Dapper Tapper

Este sitio fue enviado por Carlos Godoy. Este sitio utiliza Extra para crear un elegante diseño de revista. Muestra una sección de héroe a pantalla completa con una imagen de fondo en paralaje y un logotipo en el centro. El desplazamiento revela el menú que permanece en su lugar cuando llega a la parte superior de la pantalla. Los artículos se colocan dentro de un diseño de varias columnas en tres columnas. Otras publicaciones se muestran con un control deslizante de una sola columna y luego una sección para leer más en la parte inferior. Las publicaciones del blog colocan el texto a un lado y las imágenes al otro. El sitio también cuenta con un gran menú desplegable y un precargador. No hubiera adivinado que esto era Extra.

Visita el sitio web

3. Mapa base

Este sitio fue enviado por Dustin Olsen. El sitio coloca una demostración y un CTA del producto en el centro de la pantalla sobre una imagen de fondo que ayuda al lector a comprender el propósito del producto de un vistazo. Varias otras secciones con un diseño similar muestran el producto a un lado, pero esta vez son dos demostraciones con capturas de pantalla, animación o un video y se superponen a la siguiente sección. Las demostraciones funcionan perfectamente para mostrar las características del producto. Me gustan las tablas de precios con estilo. El blog también es interesante. Incluye un control deslizante seguido de una cuadrícula de blog filtrada de dos columnas. Las publicaciones incluyen elegantes superposiciones. La barra lateral también se ajusta al diseño del sitio e incluye un feed de Instagram. La fotografía en este sitio es asombrosa.

Visita el sitio web

4. DH Marketing Digital

Este sitio fue enviado por Douglas Henrique Monteiro e Silva. Muestra una imagen de pantalla completa con el sujeto a un lado y el fondo al otro, dando espacio para el título, el lema y la llamada a la acción. Los servicios se muestran con viñetas usando iconos de colores. Las estadísticas de los servicios se muestran con interesantes gráficos de alternancia vertical con iconos. Los testimonios se muestran en tarjetas que utilizan sombras de caja y un sistema de clasificación por estrellas. Una sección tiene un patrón de fondo detrás de los gráficos. Un CTA se superpone a dos secciones y se destaca muy bien. Me gusta el uso elegante de anuncios publicitarios en la página de Servicios. Utilizan iconos de colores y crean tarjetas delgadas con efectos de desplazamiento. El sitio utiliza mucho espacio en blanco y hace un uso elegante del color.

Visita el sitio web

5. Yooker

Este sitio fue enviado por Sander Goorman. Utiliza un degradado azul para revelar la imagen de fondo de pantalla completa y muestra el lema con navegación a los servicios en un lado. Los desenfoques se superponen a la siguiente sección y brindan información detallada sobre cada servicio. Los anuncios son tarjetas limpias con iconos azules. Se elevan hacia arriba al pasar el mouse y encajan perfectamente con el diseño del sitio. Una sección que muestra su historia utiliza texto grande multicolor en un lado y texto normal en el otro. Se muestran ejemplos de su trabajo dentro de un diseño alterno con enlaces para ver el trabajo. Me gusta el diseño del blog. Muestra las publicaciones en una cuadrícula con una superposición, título, categoría, nombre del autor y un botón para ver la imagen destacada en una ventana emergente. Todos se colocan sobre la imagen destacada.

Visita el sitio web

6. Idiolektik

Este sitio fue enviado por Oliver Gehrmann. Varias imágenes con lemas se muestran en un control deslizante de ancho completo seguido de una sección acerca de con un título de bloque con estilo. Un botón para aprender más abre una ventana emergente de página completa. Los botones de Más información son prominentes en todo el diseño y funcionan muy bien para ahorrar espacio al mismo tiempo que brindan acceso a mucha información. Se proporciona más información utilizando gráficos que cambian de color al pasar el mouse y abren una ventana emergente al hacer clic. Se muestran más servicios con gráficos y botones de información dentro de un control deslizante. Un control deslizante similar muestra imágenes de los conferenciantes. La página del conferenciante muestra dos columnas con una foto grande e información sobre cada persona. Me gusta la página de Eventos. Utiliza un filtro con cuadros desplegables.

Visita el sitio web

7. Bio-Bausewein

Este sitio fue enviado por Michael Koch. Esta muestra una imagen de pantalla completa con un lema sobre el sujeto y superposiciones en forma de árboles para decorar los lados. Estas y otras formas similares aparecen en todo el sitio a lo largo de los lados. La siguiente sección muestra CTA en diferentes páginas. Las llamadas a la acción utilizan grandes fondos estampados con superposiciones de diferentes colores. Los CTA más pequeños utilizan un diseño similar, así como un diseño de tarjeta de blog. Uno usa un diseño inclinado. Me gusta la sección que muestra a los dueños. Muestra una imagen de pantalla completa de ambos juntos y debajo, luego hay bloques de texto que se superponen a la imagen cerca de la persona en la foto. La página de eventos muestra eventos similares a las publicaciones de blog en línea con una barra en la parte superior para mostrar la fecha. Me encanta la fotografía y el color de este sitio web.

Visita el sitio web

8. EcoHost

Este sitio fue enviado por Emy. Este sitio tiene un diseño de una página que utiliza un diseño plano con elegantes tonos de rojo, verde y azul para fondos e íconos en todo el sitio. Los gráficos de los fondos y otros elementos ayudan a describir la misión de la empresa. Las funciones se muestran con anuncios para crear tarjetas con iconos grandes y un título. Se utilizan tarjetas similares para testimonios e información de contacto. Me gustan las tablas de precios. Incluyen un interruptor de palanca y los precios se animan cuando hace clic en la palanca. Varias tarjetas incluyen información en una ventana emergente cuando hace clic para ver la información. El sitio hace un excelente uso de gráficos, patrones de fondo y color.

Visita el sitio web

9. 717 Medios

Este sitio fue enviado por Eike Müller. Utiliza el verde claro como color de la marca en todo el sitio dentro del texto, los botones, las animaciones y los fondos. Incluso la barra de desplazamiento y el botón de retroceso hacia arriba tienen un estilo verde. Las tarjetas grandes muestran servicios con imágenes, texto y botones. Las cartas muestran una sombra al pasar el mouse. Incluye un CTA interesante que tiene un fondo de ancho completo con una superposición oscura. A medida que se desplaza hacia él, se dibuja una línea verde alrededor del texto para llamar la atención. Me gusta la sección Acerca de. Muestra información en tarjetas usando imágenes y texto. Las tarjetas se superponen a la siguiente sección e incluyen una superposición animada. El sitio hace un gran uso de pequeñas animaciones y resaltados verdes en cada página.

Visita el sitio web

10. PicknRoll

Este sitio fue enviado por Roberto Wagner. Esta es una tienda en línea. La página de inicio muestra una llamada a la acción en pantalla completa a la tienda usando una imagen de fondo con texto grande en varios colores. La sección de la tienda muestra los productos en tres columnas con un icono en la superposición que coincide con el color de la marca del sitio (amarillo intenso). Una sección de información muestra los beneficios sobre una imagen de fondo en paralaje. Las secciones de testimonios y boletines siguen un estilo similar al del texto amarillo. La página de la Tienda sigue el mismo diseño, pero agrega una función de búsqueda en la sección de héroe. Actualmente, el blog tiene una publicación, pero la página tiene un diseño genial. La publicación del blog se superpone a la sección de héroe y el boletín se superpone a dos secciones, incluida la sección de seguimiento social arriba del pie de página.

Visita el sitio web

Para concluir

Estas son nuestras 10 mejores presentaciones de sitios web de Divi de la comunidad para el mes de mayo. ¡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 hacer 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éntenos qué le gusta de estos sitios web y si hay algo que hayan hecho que desee que le enseñemos en el blog.

Imagen destacada a través de L-astro / shutterstock.com