Diseño de escaparate de diseño: nuevas referencias de junio 2021

Nuevamente es el momento para el escaparate mensual, donde echamos un vistazo a diez sitios web increíbles hechos por los miembros de nuestra comunidad. Todos los meses presentamos los mejores sitios web de Divic que han sido enviados por nuestra comunidad y hoy queremos compartir los primeros diez sitios web en junio. A lo largo de la publicación, indicaré algunas de mis funciones de diseño favoritas que atraen cada uno de los sitios web. ¡Espero que te guste! Design Design Showcase: Nuevo junio de 2021 Referencias 1. La casa de Los Silvestres

Este sitio fue enviado por Idea Design. Este sitio usa mucho fotografía y animación. La sección Hero muestra un gráfico de producto que flota sobre y alrededor de varios elementos gráficos. Los efectos de contaminación difuminan las imágenes hasta que estén en su lugar. Varias secciones tienen un efecto interesante de la corrugación del agua que sigue al mouse. Encontré esta diversión para seguir. Las imágenes de fondo de pantalla completa muestran el texto de alto estilo en primer plano. La información se proporciona con secciones con dos columnas que colocan una imagen en un lado y texto en el otro. Los fondos en forma se colocan detrás del texto. Este sitio es multilingüe.
Visite el sitio 2. Ley de Vivienne

Este sitio fue enviado por Nick Li. Utiliza mucho fotografía y colores suaves. Las fotos incluyen grandes bordes para salir del fondo y ayudar a informar al lector sobre los servicios ofrecidos. La sección Hero incluye una imagen de ancho completo que se superpone por una foto y un formulario de contacto. Las imágenes para servicios tienen superposiciones opacas que permiten que solo se muestre un poco de la imagen. Varias secciones tienen una imagen en un lado que superpone la información sobre el otro. La galería y las páginas de servicio muestran muchos ejemplos del trabajo. Visite el sitio web 3. Waymaker
Este sitio fue enviado por Stuart Leo. Tiene un diseño limpio que utiliza sombras para separar las secciones. Algunas de las secciones y CTA incluyen fondos de colores en pasteles para distanciarse. Los CTA tienen una marca de agua en la esquina que se superpone sobre la imagen, dándole un diseño interesante, sin resaltar. Me gusta especialmente Mega Menu. Muestra una lista de enlaces con un icono junto a cada uno. La parte inferior del menú de caída incluye un banner CTA. Muchas de las páginas incluyen blubs de estilo y menús. Los podcasts incorporados también son interesantes. Funciona como publicaciones de blog, pero incluye videos y audio construidos.

Visite el sitio web 4. La Fundación Bisi Alimi
Este sitio fue enviado por Flavio Mester. Utiliza el color verde oscuro como resaltar en todo el sitio. La sección del héroe muestra un mapa en un lado y una gran diapositiva en el otro. El título los superpone. Muchos de los elementos tienen efectos flotantes que cambian de color, zoomican imágenes, revelan información y más. El aspecto es limpio y fácil de seguir. Los colores en las fotos funcionan bien con la marca verde. Otras páginas incluyen interruptores, formulaciones, imágenes y una alimentación de Instagram construida. Visite el sitio web 5. Yoann Pierre envió el sitio de Imadicacest. Use un tono rosa brillante para los puntos más importantes de todo el sitio. El encabezado realiza una llamada de acción de contacto en un lado, en un color diferente, que cambia e incluye un icono del mouse. La sección Hero muestra un video con un título e ícono en primer plano. El video también incluye un separador de estilo que crea una flecha hacia abajo. Los iconos, interruptores, botones y animaciones flotantes son de color rosa brillante, cambian en rosa brillante o cambian de rosa brillante. Muchos de los fondos tienen un modelo elegante. Varios elementos rosados ​​son más ligeros hasta que corren hacia el centro de la pantalla. Un CTA de dos cara para mostrar la parte en la que eres plano.

Visite el sitio web 6. Genesis Creative Co.

Este sitio ha sido enviado por Chaocee. Utiliza mucho marrón y marrón para reflejos, texto y botones. El marrón coincide con el contenido de las imágenes en todo el sitio. El encabezado se combina con el sitio e incluye un CTA. Tiene un aspecto interesante. La sección Hero muestra tres imágenes que se superponen con un CTA en el centro que se superpone a las tres. Otra sección tiene un diseño similar con imágenes más pequeñas y texto más grande. El título para esa sección utiliza una fuente diferente que se distingue del resto. La lámina también es interesante. Muestra un logotipo grande, enlaces y una CTA de reserva. Visite el sitio 7. Bevcheck
Este sitio fue enviado por Michael White. El rojo brillante se usa como color de reflejos en todo el sitio para texto, fondos e iconos. Use una foto de fondo alto que cubra una sección de héroes muy grande. La sección Hero muestra información con un CTA y un conjunto de logotipos. La siguiente parte de esta sección incluye borrones con iconos elegantes y botones extra de mar con esquinas redondeadas y sombras de caja. Una sección sobre la compañía presenta una imagen en un lado y texto en el otro, con una sombra de la caja para que se destaque desde el fondo. Me gusta la CTA de contacto en el sótano. Muestra un gran bloque de texto sobre una imagen de fondo con una superposición roja que se superpone a la siguiente sección con un formulario de contacto de estilo.

Visite el sitio web 8. Hipnoterapia con viento

Este sitio fue enviado por Sibora Halili. Me gustan los gráficos y los colores en él. Use un esquema de color naranja claro y gris para crear un aspecto elegante. El encabezado coloca un CTA en un lado en naranja. Este es un diseño de una sola página. La sección Hero presenta una imagen de fondo de pantalla completa con texto estilizado en primer plano, junto con la información. Los gráficos dibujados manualmente en los colores de la marca se usan a partir de borrones e imágenes de fondo. Algunos son dibujos de objetos, mientras que otros son abstractos. Muchos elementos, como fotos, podcasts, conmutación y una redonda de superposición de diapositivas. Se resaltan pequeños detalles, como una imagen de paralaje y una línea que cambia el tamaño a medida que ejecuta. Usa solo unos pocos colores pero los usa perfectamente. Visite el sitio 9. Centrolab

Este sitio fue enviado por LetThicia Diniz. Utiliza un excelente color y gráficos. Use muchos colores audaces, con un fuerte énfasis en el naranja y el azul en el fondo, los botones, los iconos y los gráficos dibujados. Funcionan perfectamente para el público objetivo. Los gráficos muestran a las personas con objetos para establecer la escena. Todos los fondos tienen separadores corrugados. Los antecedentes de la sección Hero incluyen modelos rodeados que se observan. Todas las secciones presentan información por un lado y gráficos por otro lado. También me gusta el sótano. Se crea con varios bloques de color que se superponen para crear un área para información de contacto, enlaces y notificación de derechos de autor. El encabezado azul tiene reflejos de naranja para los elementos del menú y un CTA verde.
Visite el sitio 10. Clement fromont

Este sitio fue enviado por Clement Fromont. Utiliza un esquema de color azul y naranja con colores extra de varilla. La apariencia de la página inicial es simple y crea un CTA bien diseñado. Incluye un CTA corto en la sección Hero, una sección de ancho completo, una sección de texto con información, una sección con testimonios y un CTA en el sótano. Trabajan juntos para brindarle la información que necesita, mientras atrae su atención. Me gustan los gráficos animados de la sección Hero que atrae la atención. El blog también tiene un diseño elegante, con una CTA y las últimas publicaciones. Las publicaciones tienen un diseño único. Hay tarjetas muy grandes, que se asemejan a estudios de casos, un título, texto, balas y un botón en un lado y gráficos que coinciden con el sitio en el otro. ¡Visite el sitio hasta el próximo mes! Estas son las mejores 10 referencias en el sitio web de nuestra comunidad Div para junio. ¡Estos sitios se ven increíbles y, como siempre, queremos agradecer a todos por sus referencias! Si desea considerar su propio diseño, no dude en enviarnos un correo electrónico al editor a Nathan sobre los elegantes temas de Temas Com. Asegúrese de hacer el tema del correo electrónico “Sitio”. ¡También nos gustaría averiguarlo en los comentarios! Cuéntanos lo que te gusta de estos sitios web y, si han hecho algo, quieres aprender en el blog. Imagen presentada por Happy Job / Shutterstock.com