Escaparate de Divi Design: nuevas presentaciones de enero de 2020

Es ese momento nuevamente para nuestro Divi Showcase mensual, donde echamos un vistazo a diez increíbles sitios web 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 enero. 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 enero de 2020

1. Altmonde

Este sitio fue enviado por Daniel Behrens. Muestra un video de fondo a pantalla completa con un eslogan y una llamada a la acción en primer plano. A continuación, se muestra una sección de pantalla completa con un título con efectos de desplazamiento para presentar la siguiente sección, que se muestra en paralaje a medida que se desplaza más allá del título. Esta sección muestra títulos en texto grande con efectos de desplazamiento a un lado y una llamada a la acción en el otro. La siguiente sección proporciona información sobre cómo trabajan con los clientes. Esto incluye un fondo blanco con un diseño diagonal y texto numerado que se expande al pasar el mouse. Otro CTA se acerca y aleja a medida que se desplaza. La página de Servicios muestra cada servicio dentro de una pantalla dividida con CTA en un lado e imágenes de fondo en paralaje en el otro. Me gusta el uso de texto, color e imágenes en este sitio.

Visita la página web

2. Vemel

Este sitio fue enviado por Murray Price. Esta es una tienda en línea con un control deslizante de imágenes que muestra los productos en ancho completo. Una sección de bienvenida muestra información junto a la imagen de un producto con un enlace para leer más. Una sección de la tienda muestra productos con enlaces a las páginas de productos. Mi sección favorita muestra una imagen de producto grande en el centro rodeada de anuncios con descripciones, íconos y flechas curvas que apuntan hacia el producto. La página de inicio también muestra imágenes de productos en un diseño alternativo, reseñas dentro de un control deslizante de testimonios, una sección de blog con dos publicaciones y un control deslizante de Instagram. El diseño incluye una línea, un espacio en blanco y líneas simples que crean un diseño minimalista.

Visita la página web

3. Prugner's

Este sitio fue enviado por RAPHAEL PRUGNER. Este es un diseño de una página. Un menú de varias capas se distingue de la página y muestra un número de teléfono en el que se puede hacer clic encima de los botones sociales junto a una llamada a la acción. La sección de héroe muestra un patrón de fondo de pantalla completa, mientras que el primer plano muestra una pantalla de computadora con un ejemplo de trabajo y revela aún más al pasar el mouse junto a un título y un eslogan. El desplazamiento revela una sección recortada con texto y gráficos que se desplazan sobre una imagen de fondo en paralaje. Los beneficios se muestran dentro de los borradores en un diseño alterno en varias secciones e incluyen efectos de zoom flotante. Los proyectos de ejemplo se muestran dentro de un control deslizante. Otros proyectos se muestran dentro de un feed de Instagram incrustado. También muestra un CTA que se acerca a medida que te desplazas y un formulario de contacto con estilo.

Visita la página web

4. Lemur morado

Este sitio fue enviado por Liam Pedley. El título, el eslogan, la CTA y una imagen de producto de ejemplo con un gráfico de la marca de un lémur se encuentran sobre un fondo negro que incluye un divisor de sección redondeado. El texto y los botones tienen un degradado violeta que coincide con los gráficos de todo el sitio. Se coloca una fila con tres gráficos de lémures encima de una sección que muestra texto y difuminaciones. Al hacer clic en los lémures, se muestran diferentes secciones de información con una flecha que apunta a la sección. La información de la empresa se muestra en una sección de dos columnas con una pantalla de computadora a un lado que muestra una imagen de fondo en verdadero paralaje. Me gusta especialmente la sección de portafolios. Muestra imágenes en ángulo. Al pasar el cursor sobre cualquiera de ellos, la imagen se eleva hacia arriba y hacia la pantalla, dejando diapositivas de colores detrás de ellos. Un control deslizante de testimonios muestra tres lados a la vez con uno en el centro plano y los otros dos en ángulo. También incluye tarjetas de blog con estilo y anuncios publicitarios con animaciones flotantes para cada uno de los servicios.

Visita la página web

5. DShjemmeside

Este sitio fue enviado por David Sylvest. Muestra un fondo con una superposición de color azul oscuro y un divisor de sección redondeado y un título grande en el centro. El encabezado colocó el menú en el centro e incluye un fondo estilizado con un degradado y esquinas redondeadas. Amo la próxima ección. Muestra ejemplos de trabajo dentro de tres tarjetas que están inclinadas. Los dos de los lados están inclinados hacia adentro. Incluyen efectos de desplazamiento. La siguiente sección muestra un CTA con monitores de computadora en ángulo y un fondo estampado. La sección de beneficios muestra viñetas con grandes borrones junto a un gráfico de engranajes. El sitio también incluye muchas llamadas a la acción con iconos con estilo e imágenes en círculos, una imagen del desarrollador en un círculo, una sección de preguntas frecuentes con conmutadores y un formulario de contacto con estilo. El diseño hace un excelente uso del color, los gráficos y las imágenes.

Visita la página web

6. Carreras en Zipline

Este sitio fue enviado por Nicole Marie Zinnanti. El sitio utiliza una gran cantidad de espacios en blanco con la cantidad adecuada de gráficos y reflejos de color púrpura. La sección de héroes muestra un CTA en un lado y un gráfico de personas construyendo un currículum en el otro. La siguiente sección muestra los servicios dentro de blubs que utilizan gráficos morados y blancos y bordes y sombras morados. Un video incrustado se coloca sobre un patrón de fondo que muestra puntos en la mitad superior a la izquierda y en la mitad inferior a la derecha. Los desenfoques con iconos con estilo muestran los beneficios en un diseño limpio de 3 columnas. El diseño también incluye un CTA con gráficos, sección de blog con estilo y un CTA con botones para crear un pie de página personalizado. También me gusta el blog. Muestra un gráfico completo en el encabezado con un divisor diagonal y luego tarjetas de blog en una cuadrícula limpia.

Visita la página web

7. Centro de apoyo a la adopción de Saskatchewan

Este sitio fue enviado por Molly Seaton-Fast. Muestra una imagen de ancho completo de niños jugando y tres módulos de texto para crear botones grandes para la navegación. Cada uno de los botones tiene cubiertas redondeadas que se vuelven más altas y tienen esquinas cuadradas al desplazarse. Los desenfoques con bordes parciales crean vínculos a temas específicos. La información se proporciona en una sección de columna de remolque con anuncios y un CTA a un lado y un acordeón al otro. Un CTA de donación se integra en la sección de la lista de correo. Cada una de las secciones utiliza colores de estilo y patrones de fondo que combinan. La página Eventos incluye un calendario de eventos incrustado. La página de Donaciones incluye una caja de donaciones incrustada. El sitio tiene mucha información para compartir y el menú sigue navegando por la información de la manera más limpia posible.

Visita la página web

8. Nanaimo Heights

Este sitio fue enviado por Danielle Mah. Tiene un diseño de una página y es multilingüe. La sección de héroe muestra un fondo de pantalla completa con una superposición naranja que incluye el título, el lema y la flecha hacia abajo. La sección de héroe también incluye un divisor de sección en ángulo seguido por el menú de navegación que se bloquea en la parte superior del desplazamiento. Varias CTA de registro muestran imágenes del edificio. El diseño también incluye una imagen de ancho completo del interior con borrones que muestran los beneficios. Varias secciones muestran características que utilizan viñetas e imágenes en diseños alternativos. Un mapa incrustado usa los mismos colores que el resto del sitio. Los planos de planta se muestran dentro de un control deslizante e incluyen archivos PDF descargables. El formulario de registro incluye preguntas para ayudar a determinar el tipo exacto de apartamento que está buscando. Me encanta el uso del color y la fotografía en este sitio.

Visita la página web

9. Más que unas pocas palabras

Este sitio fue enviado por Britt Baue. El menú muestra un logotipo superpuesto seguido de un pequeño mensaje de bienvenida. La parte principal de la página incluye muchos podcasts epsiodes integrados con reproductores de audio con estilo. La primera sección muestra los podcasts en dos columnas con un título vertical y un enlace para escuchar más. Una sección de texto con información sobre el espectáculo incluye un título vertical en el lado opuesto. Otra sección incluye el título y muestra una lista de podcasts con un reproductor de audio junto a un formulario de contacto. A continuación, encontrará una sección con enlaces para suscribirse al podcast de todos los principales anfitriones. La página Acerca de agrega una lista de temas y un control deslizante de testimonios con estilo. El diseño utiliza mucho espacio en blanco y un diseño mínimo que se ve limpio y elegante.

Visita la página web

10. Instituto de Jóvenes Líderes de Negrosanon

Este sitio fue enviado por JR Galia. La sección de héroe muestra una imagen de fondo de ancho completo con un título y una llamada a la acción en la superposición. El menú de navegación también muestra la llamada a la acción e incluye el menú dentro de un segmento separado. Una sección de programas muestra tarjetas con botones de donación. Me gusta especialmente la sección Involúcrate. Muestra una imagen grande en un lado y difumina con gráficos en el otro. El diseño también incluye contadores de números y un formulario de contacto con estilo. Las páginas acerca de, blog y galería siguen un diseño similar y agregan una sombra sólida a los módulos de texto, blog y galería.

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 enero. ¡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