Escaparate de Divi Design: nuevas presentaciones de marzo de 2019

Publicado: 2019-03-31

Es hora nuevamente de nuestro Divi Showcase mensual, donde echamos un vistazo a 10 sitios web increíbles 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 queremos compartir con ustedes los diez mejores sitios web del mes de marzo. 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 marzo de 2019

1. Camina sobre Kunanyi

Este sitio fue enviado por Sarah Crawford. Muestra texto y gráficos con estilo con un eslogan superpuesto sobre un fondo de pantalla completa de la ubicación. El texto y los gráficos con estilo aparecen en todo el sitio, incluso en un enlace que aparece en la esquina inferior izquierda en el desplazamiento. Las fotos de la ubicación se muestran en dos columnas con títulos, descripciones y botones para ver más información. Los botones tienen un estilo que coincide con el CTA del menú. También incluye un calendario integrado para mostrar los próximos eventos. Se muestra más información sobre la ubicación en secciones alternas de dos columnas con imágenes, texto y botones.

Visita la página web

2. Limonada

Este sitio fue enviado por Teck Seng Chan. Este sitio utiliza gráficos de diseño de materiales para la sección de héroes y CTA en colores de marca de azul, verde y naranja. El texto, los botones y las llamadas a la acción coinciden con los colores de la marca en todo el sitio. Me gustan especialmente los borrones con los gráficos. Incluyen efectos de sombra y un borde inferior con estilo. Otra sección muestra el diseño de un sitio web con un diseño móvil sobre él en verdadero paralaje. El sitio mantiene el diseño simple y limpio mientras hace un gran uso del color y el espacio en blanco.

Visita la página web

3. Oficinas legales de GillespieShields

Este sitio fue enviado por Robby Doyle. El sitio utiliza rojos intensos, íconos grises grandes y mucho espacio en blanco para crear un diseño dramático que resalta. Los CTA son fáciles de detectar. Me gusta la sección debajo de la imagen principal que muestra cuatro columnas con un divisor con un título. Al pasar el cursor sobre uno, se muestran los enlaces para ese tema. Los testimonios se muestran en un control deslizante con una foto dentro de un diseño de recorte de escudo. Muestra el punto principal en un texto gris grande encima de la cita completa. También me gusta el uso de azul grisáceo en el formulario de contacto, los íconos de certificación y el pie de página. Los iconos de certificación se muestran en color al pasar el mouse.

Visita la página web

4. Forside C2IT

Este sitio fue enviado por Janus Lock. El sitio muestra un video de pantalla completa con una superposición de color azul oscuro en un lado y un eslogan grande en el centro. El azul oscuro se usa con gris para la marca. Un menú vertical delgado permanece en el lado derecho. También incluye el lema, pero en texto vertical. Se anima al pasar el mouse y se expande a la pantalla completa cuando se hace clic para revelar enlaces y una función de búsqueda destacada sobre un fondo azul oscuro. Los servicios se muestran con gráficos animados. Los bloques individuales crean una caja. Cada uno se acercará al hover y se vinculará a los proyectos de muestra. La sección de eventos crea un diseño de calendario único con enlaces.

Visita la página web

5. iShop Cloverdale

Este sitio fue enviado por Kristy Hill. Un control deslizante muestra los íconos de producto, CTA y seguimiento social en el centro de la sección del héroe con un borde en negrita y una sombra de cuadro. El verde, el naranja y el amarillo se utilizan para los colores de la marca en todo el diseño. Las ofertas destacadas se muestran como productos dentro de una sección de la tienda con sombras de recuadro sobre un fondo naranja oscuro. Me encanta la sección sobre cómo funciona. Muestra un gran mapa dibujado a mano que lo guía a través del proceso. La página Comprar ofertas muestra las ofertas como proyectos filtrables. La página Descargar la aplicación es interesante. Muestra el producto en un teléfono móvil. A medida que se desplaza, el primer plano se desplaza sobre la pantalla en paralaje para mostrar el menú.

Visita la página web

6. FLL Aviación

Este sitio fue enviado por Juan Pablo Parody. Este muestra una imagen de fondo de ancho completo con algunos bloques interesantes de patrones de color en primer plano para crear una llamada a la acción. Los colores son los tonos azules de la marca que se utilizan en todo el sitio web. El desplazamiento muestra secciones alternas de imágenes y texto. El texto se coloca sobre fondos de varios colores y se integra perfectamente con el diseño del sitio. También me gusta la sección de contacto en el pie de página. Muestra una imagen de ancho completo con el tema a la izquierda y un bloque de color a la derecha que contiene toda la información de contacto y los enlaces de seguimiento social. El sitio hace un gran uso del texto grande.

Visita la página web

7. Otoño salvaje

Este sitio fue enviado por Kelsey Spectre. Este sitio tiene mucho que ver en la pantalla de inicio, pero lo hace de una manera limpia que funciona. Una imagen de fondo de pantalla completa coloca al sujeto en el centro. En ambos lados de la pantalla hay diferentes tipos de información proporcionada como texto. A la izquierda está el menú de navegación. A la derecha hay un CTA. En la parte inferior está el menú de navegación. Este menú se mantiene en la parte superior a medida que se desplaza. El diseño utiliza mucho espacio en blanco con imágenes y cuadros superpuestos (de color sólido o bordes coloreados) con texto. Varios de ellos tienen gráficos que se superponen. Una cita grande agrega un elemento adicional de espacio en blanco. Me encantan las fuentes escritas a mano que se utilizan en este sitio y el sitio hace un gran uso de la fotografía.

Visita la página web

8. Diseño Insight

Este sitio fue enviado por Steve Doig. Utiliza un estilo de texto delgado con colores llamativos y mucho espacio en blanco en el diseño para crear un diseño limpio. La sección de héroe muestra una imagen a un lado con un eslogan y una llamada a la acción en el otro. Justo debajo de esto hay una lista de enlaces para crear un menú con estilo para los tipos de servicios ofrecidos. Cada enlace está separado por una línea vertical para que coincida con la marca del sitio. Los CTA de los servicios muestran imágenes de los distintos tipos de servicios con un botón para obtener más información. Estas secciones se alternan a lo largo de la página. Este sitio tiene un pie de página interesante que tiene un fondo gris claro con enlaces en un texto grande. La primera palabra del texto es una versión estilizada del logotipo, cada uno con un color diferente. Me gusta el ícono social en el menú.

Visita la página web

9. Vexels

Este sitio fue enviado por Agustina Ouvina. Este sitio muestra un control deslizante de ancho completo. Cada diapositiva muestra imágenes de fondo de los productos en paralaje, un cuadro de búsqueda grande en el centro, un enlace de CTA en la parte inferior izquierda e íconos sociales en la parte inferior derecha. Una sección de productos destacados muestra los productos en cuatro columnas. Cada imagen de producto muestra el título y los enlaces para compartir en redes sociales al pasar el mouse. Una sección que muestra los planos muestra borrones sobre los productos en un fondo azul en paralaje. Me gusta la sección de categorías destacadas. Se muestran como iconos vectoriales en una cuadrícula sobre un fondo morado con efectos de desplazamiento. Aparecerá un cuadro de búsqueda grande en el menú a medida que se desplaza.

Visita la página web

10. Lions Avenue

Este sitio fue enviado por Ricky Lionetti. Este es un diseño de una página que utiliza fondos de colores sólidos en todo el sitio. El verde también se usa para texto en todo el sitio. La sección de héroe muestra un eslogan en un texto con estilo con un enlace al portafolio. Un gráfico grande se superpone a la siguiente sección. Una sección Acerca de muestra una imagen en un círculo y una llamada a la acción. Debajo de esta hay una sección interesante que brinda más información sobre el propietario del sitio que usa hashtags. Los proyectos actuales se muestran en un control deslizante seguido de proyectos recientes con imágenes y enlaces. Los logotipos de muestra se muestran como imágenes en una cuadrícula. El formulario de contacto se muestra sobre una taza de café (mmm, café…) e incluye selecciones para indicar los tipos de servicios que le interesan. Me encantan los colores de este sitio.

Visita la página web

Para concluir

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