Escaparate de Divi Design: nuevas presentaciones a partir de enero de 2021

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 a partir de enero de 2021

1. Industrias Vale

Este sitio fue enviado por DJ Wheeler. Tiene un aspecto industrial y se siente con varios tonos de gris para los fondos de la sección, fondos de anuncios y testimonios, e incluso un gris oscuro para el texto. Se destacan los resaltados rojos para los botones y la navegación por puntos. El logo une los colores. La sección de héroes llama la atención sobre los temas con un CTA en un lado y un video en el otro. Los botones son paralelogramos. El CTA en el menú cambia a negro al pasar el mouse y abre otro botón con un fondo gris que coincide con el color del texto del CTA. Los temas se muestran con grandes anuncios publicitarios. Una imagen de ancho completo en verdadero paralaje muestra un lugar de trabajo de ejemplo. Otras páginas siguen un diseño similar. Los colores y el diseño limpio funcionan muy bien para este sitio industrial.

Visite Industrias Vale

2. Arca Interactive

Este sitio fue enviado por Justin Arcara. Tiene muchos colores púrpura, rojo y azul en todo el sitio. La mayoría de las secciones incluyen fondos de dos columnas. La sección del héroe muestra un diseño de dos columnas con un CTA en un lado y una imagen en el otro. Ambos se superponen con un título y una descripción. Los desenfoques describen servicios con iconos de dos colores. Varias secciones incluyen imágenes u otros elementos que se desplazan de manera diferente al fondo. Los proyectos recientes desplazan el título horizontalmente y muestran los proyectos con imágenes. Los testimonios incluyen una imagen en un lado y texto en el otro, con logotipos superpuestos. También incluye un botón de estilo back-to-top con un enlace de correo electrónico adhesivo. Este sitio hace un excelente uso de texto grande, iconos grandes, colores y elementos de diseño.

Visita Arca Interactive

3. Trafoos

Este sitio fue enviado por Samant Jaitli. Utiliza colores suaves en los fondos y los fondos de los productos en todo el sitio. Muchos de los botones y tarjetas incluyen sombras de caja para destacar. Un temporizador de cuenta regresiva muestra cuándo terminarán los precios especiales. La sección de héroe muestra colores del sitio con un patrón en ángulo e imágenes incrustadas dentro del patrón en ambos lados y dos CTA en el centro. Una sección para diseñar su propia camiseta muestra los pasos con iconos. Cada una de las categorías de productos incluye bloques de colores en el lado izquierdo para presentar la categoría. También me gusta la sección de contacto. Muestra información en dos columnas con un color de fondo diferente para cada columna y gráficos de dibujos animados que coinciden con el sitio. Este sitio hace un gran uso del color.

Visita Trafoos

4. Historias de diseño de UX

Este sitio fue enviado por Allie Walters. Utiliza un diseño simple con texto extra grande para los títulos. La sección de héroe muestra una sección con una fuente grande sobre un fondo marrón. Un enlace en la descripción es un tono más oscuro de bronceado y se destaca bien. Varias secciones incluyen imágenes de fondo de ancho completo en verdadero paralaje. La superposición muestra una breve descripción con un enlace para ver más. Una sección detrás de escena muestra imágenes del proceso de flujo de trabajo. Las páginas del proyecto muestran un video e información detallada sobre el proyecto. Los detalles se dividen en secciones más pequeñas que recorren el proyecto. Muestra más detalles de los que he visto en la página de un proyecto típico y lo muestra de la manera más simple y limpia posible.

Visite las historias de diseño de UX

5. TPress Studio

Este sitio fue enviado por Alexis Presti. Este sitio tiene un diseño de una página que usa un fondo gris oscuro con texto blanco y texto con un degradado verde. Parte del texto del cuerpo es gris claro. Por lo general, me resulta difícil el texto blanco sobre un fondo negro, pero esta combinación de colores funciona bien y mantiene el texto legible. La sección de héroe y la siguiente sección muestran una imagen de fondo que se mezcla con el fondo. La mezcla es tan suave que es difícil saber dónde termina la imagen. Esto ayuda a darle al diseño un toque elegante. El texto de la sección de héroe usa texto en bloque con un degradado verde sobre el texto delineado para el título. El texto similar con un degradado se usa para los títulos e incluye divisores, botones e íconos coincidentes. Me encanta el uso de grises y degradados en este sitio.

Visite TPress Studio

6. My Columbus Realtor

Este sitio fue enviado por Greg Ventresca. Utiliza mucho gris para las superposiciones de imágenes y fondos de color tostado claro en todo el sitio. La sección de héroe muestra un video en el lado izquierdo sobre un fondo gris que se funde con una imagen. El título se superpone a ambos lados y muestra el texto de manera diferente para cada lado. Varias imágenes de CTA se superponen o incluyen imágenes que se superponen con elementos de fondo. Una de las imágenes se coloca tanto en segundo plano como en primer plano, creando una interesante llamada a la acción. Las propiedades están integradas en el diseño e incluyen imágenes con sombras de cuadro. Varias páginas incluyen iconos personalizados que se destacan de los fondos grises. Los colores y las imágenes funcionan bien con el diseño y se adaptan perfectamente al público objetivo.

Visite My Columbus Realtor

7. Libélula Ave

Este sitio fue enviado por Marci Angeles. Utiliza un diseño limpio con muchos degradados de fondo de colores suaves y líneas finas o dobles para crear bordes. La sección de héroe muestra un mensaje en mayúsculas en un arco. El texto se superpone al degradado de fondo, lo que crea el arco. Un control deslizante cambia las imágenes en el centro del arco. Los servicios se muestran en imágenes de diferentes formas. Varios de los elementos muestran el degradado de fondo de diferentes maneras, incluida una forma de vértice detrás de un borde, una forma horizontal con bordes redondeados para testimonios y un ticker que desplaza un mensaje. Las llamadas a la acción alternas muestran una imagen en un lado y texto en el otro usando variaciones de los colores de fondo. El botón de volver arriba es un texto en cursiva impreso de lado. Me encanta el precargador de libélulas y el cursor del mouse.

Visita Dragonfly Ave

8. NEVERMVM

Este sitio fue enviado por Dylan Boulkhras. Utiliza un fondo negro con texto naranja en negrita que se destaca para darle al diseño un aspecto nítido. Un menú fijo permanece en el lado izquierdo y muestra una línea con círculos que conectan las páginas. La sección de héroe muestra una imagen de fondo en un lado con un título, descripción, un enlace y contadores de números en primer plano. El menú se muestra en pantalla completa e incluye la misma foto de fondo. Una sección con un video incrustado muestra una imagen de fondo que parece dividida del fondo con humo. Varias secciones están numeradas e incluyen títulos en negrita. Los proyectos se muestran dentro de borrones que incluyen imágenes que cambian rápidamente que se acercan al pasar el mouse y los íconos naranjas. Este sitio hace un excelente uso del color.

Visita NEVERMVM

9. Panda Remiremont

Este sitio fue enviado por Panda Remiremont. Este es un diseño de una página que utiliza elementos de diseño chino con texto, color y gráficos en todas partes. La sección de héroe muestra un menú que se encuentra debajo de la parte superior de la pantalla, flotando sobre el fondo de pantalla completa y los elementos gráficos. Un gráfico grande incluye texto en chino en un lado y una llamada a la acción en el otro. En varias de las secciones aparecen gráficos similares con texto en chino. Para los títulos se utiliza texto grande con un diseño oriental. Los precios se muestran con módulos de texto sobre un fondo estilizado que parece un menú de comida china. Me gusta la sección de información de contacto. Incluye un CTA de reserva con una imagen en un lado e información de contacto en el otro. Un formulario de reserva se superpone a esto e incluye un borde con estilo. Me encanta la obra de arte de fondo en este.

Visita Panda Remiremont

10. Allianz Brno

Este sitio fue enviado por Michal Teska. Tiene mucho espacio en blanco con reflejos verdes y azules que encajan perfectamente con el género. La sección de héroe muestra una imagen de ancho completo con un CTA en un lado y el equipo en el otro lado. Los miembros del equipo y las ubicaciones están etiquetados con una fuente que parece estar escrita a mano. La información sobre los servicios se proporciona con simples anuncios. A continuación, hay una sección de anuncios más grandes con íconos en círculos que cambian de color al pasar el mouse. Los anuncios también muestran un borde al pasar el mouse. Los iconos se superponen a los bordes. Me gusta la sección de equipos. Muestra imágenes circulares del equipo con bordes gruesos. Las imágenes de los miembros del equipo continúan fuera del círculo. La imagen cambia al pasar el mouse para mostrar al miembro del equipo sonriendo. El mapa incrustado también es interesante. Es ligero y se funde con el fondo por un lado. La información de contacto se superpone al mapa.

Visita Allianz Brno

Terminando

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 Andrew Rybalko / shutterstock.com