Divis Design Showcase: Nuevos subs de mayo de 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 para mayo. 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! Diseño de escaparate de diseño: Nuevos subs de mayo de 2021 1. Día Nacional de Ciencias

Este sitio fue enviado por WhoviaPrakash. Es un sitio web de una sola página, que hace un uso interesante de colores y apariencia. La sección Hero muestra imágenes superpuestas con un CTA en primer plano. Esto conduce en una sección con logotipos que se superponen a bloques grandes con texto grande y sincronización con recuento inverso. Varias secciones muestran texto en un lado con un título vertical en el lado izquierdo. Estos títulos tienen diferentes colores de fondo, que coinciden con otros elementos en el sitio. Más secciones usan imágenes o gráficos. Me gusta especialmente el uso de color o fondos de texto detrás del texto.
Visite el sitio 2. Baitic

Este sitio fue enviado por Joao Martins. Utiliza el color y los ángulos de fondo interesantes. Los cimientos muestran modelos angulares. Los fondos azules muestran tonos de azul, mientras que el blanco muestra parches gris claro con líneas verdes que funcionan con la perspectiva de los gráficos. El azul y el verde se usan en gráficos altos en dos colores, que ocupan casi la mitad de la pantalla y aparecen a la izquierda o derecha mientras viajan sus secciones. Muchos de los íconos, botones y elementos textuales están en el mismo verde. Los gráficos son mínimos y visualmente sorprendentes al mismo tiempo. Los gráficos y el texto funcionan perfectamente juntos para crear un aspecto limpio. Visite el sitio 3. Aumente mi negocio
Este sitio fue enviado por Ben Elwood. Utiliza excelentes reflejos amarillos sobre fondos gris o blanco. El amarillo se usa en el menú, títulos, botones, enlaces, borde, comillas, iconos, etc. La mayoría de los fondos son blancos y funcionan bien con luces amarillas. Los pocos que son grises se ven aún mejor y, debido a que solo hay algunos de ellos, notan aún más. Varias secciones con ancho completo con testimonios de visualización de fondo gris o crean CTA. Me gusta especialmente la sección de los tres borrones. Estos incluyen fondos grises, blancos y amarillos. Cada uno tiene un icono rodeado y se alterne entre el gris y el amarillo para el círculo y el icono. También me gustan las animaciones con el flotador en el sitio que cambian los colores.

Visite el sitio web 4. Future Football Teachers
Este sitio fue enviado por Maurice Veraa. Hace un uso elegante de fondos azules y reflejos amarillos. También tiene muchos microanalizados que disfrutan o responden al plano. También me gusta el diseño del texto del título que aparece sobre el video de fondo en la sección Hero. Difiere del fondo e incluso incluye un pequeño bloque amarillo angular detrás del texto para darle un color. Muchos de los títulos incluyen una versión más pequeña del bloque angular dentro del título. Bloques angulares similares en una superposición azul o amarilla o imágenes separadas. Muchas de las imágenes incluyen un título de bloque que se superpone sobre la imagen. Visite el sitio 5. Bartlett Farms

Este sitio fue enviado por Andrew Bartlett. Utiliza excelentes imágenes y menús. La sección Hero muestra un diapositivo de ancho completo con grandes CTA en primer plano. CTA Use el texto interesante. La línea superior del título es clara y descrita en verde. La conclusión del título es verde continuo. Varias secciones incluyen superposiciones que proporcionan información, cronología, balas, etc. Las publicaciones de blog tienen un meta diseño único. Mi sección favorita muestra libros como enlaces a productos. Las tarjetas tienen un diseño ordenado, que casi parece letreros de libros. Las tarjetas incluyen una imagen e información dividida en secciones. Un diseño similar se usa en el mega-menú solo con el título y la imagen.
Visite el sitio web 6. Pop-Up Kombi

Este sitio fue enviado por Justine Carter. Este sitio usa la foto y los videos excelentes. La sección Hero presenta un video de fondo que crea una demostración de productos única. Un CTA se centra debajo de él en una sección de sí misma, tanto con un enlace a la página de contacto como un enlace que abre el formulario de contacto en una ventana emergente. El producto también se muestra en una galería de ancho completo que coincide con el video. Las imágenes del producto también se utilizan para servicios. Muchas de las conexiones e iconos coinciden con el color rojo de las fotos del producto. Un CTA desde el menú y el botón Formulario de contacto coinciden con el bronce en las fotos del producto. Los aspectos importantes funcionan bien para vincular el sitio y la fotografía. Visite el sitio web 7. Brandartica
Este sitio fue enviado por Jeff Litcofsky. También utiliza un gran color de color de marca. Una gran animación en la marca azul inserta el sitio web y se convierte en logotipo y eslogan al final. El azul también se usa para superposiciones de imagen, botones, fondo CTA, botón de regreso a top y menú de hamburguesas. El trabajo se presenta en un aspecto mosaico. El menú se abre en una pantalla completa con un fondo azul que permite que el sitio web solo sea visible. Las páginas tienen un fondo modelado con separadores estilizados detrás del título. Estas páginas también usan la marca azul para podcasts, iconos, un botón pegajoso y más. El sitio también utiliza una diapositiva mucho antes y después de mostrar ejemplos de trabajo.

Visite el sitio web 8. Cassandra Worthy

Este sitio fue enviado por Alfonso Perez-Verdia Ochoa.También usa muy bien los colores y los modelos de fondo.La sección Hero muestra una imagen de pantalla completa con un fondo azul que crea un punto de acceso blanco detrás del tema.El texto blanco crea CTA que incluye un botón animado para ver un video.Varias secciones incluyen un fondo negro con un modelo de punto rodeado.La mayoría de estas secciones muestran un solo testimonio, un video construido o un elemento similar.Mi favorita es la sección que muestra los pasos.Los números para los pasos están rodeados de patrones elegantes en colores llamativos.Sus pasos y descripciones son compensados ​​entre sí.Me gustan las secciones con servicios que muestran una imagen en un lado y una descripción en el otro, con un fondo de color atrevido. Visite el sitio 9. Eventos de JP

Este sitio fue enviado por Tom Carmona. Utiliza un aspecto elegante, con colores que varían de gentil hasta atrevimiento a medida que avanza por el sitio. El fondo de la sección Hero incluye varios colores suaves que se superponen para crear un modelo único. Las imágenes en una diapositiva resaltan algunos de los mismos colores. Destacando los botones y el separador hay un color más oscuro, que se vuelve más prominente a medida que ejecuta la página. Los servicios muestran imágenes con bordes de color un poco más audaces que la sección Hero. Los fondos se mantienen más suaves a medida que las luces se vuelven más oscuras. Los íconos usan el color más oscuro de la CTA de la sección Hero, mientras que el sótano usa el color más oscuro como fondo. Me gustan los mega hombres. Los enlaces incluyen iconos y usan todos los colores del sitio. Los colores funcionan excelente para concentrar el sitio. Visite el sitio 10. Volny Studio
Este sitio fue enviado por Volny Studio. Este sitio web utiliza elegantemente un diseño mínimo. Los fondos son blancos, y la mayoría de los elementos de texto y visuales son negros. Trae suficiente color en reflejos e imágenes para que sea interesante. La sección Hero muestra una imagen que se superpone sobre ella. Varias secciones muestran imágenes en un lado y texto en el otro en un aspecto alternativo. Algunos incluyen bloques de color para destacar. Mi sección favorita muestra servicios en columnas numeradas. Los números son figuras romanas que se crean con bloques de color. La sección del proyecto también es interesante con dos imágenes en una sola fila con una imagen más grande a la derecha. Las imágenes tienen fondos mínimos para que los proyectos se destacen. Se superponen en las páginas del proyecto. También me gusta el diseño del sótano mínimo que separa la información en las secciones. ¡Visite el sitio hasta el próximo mes! Estas son las mejores 10 referencias en el sitio web de nuestra comunidad Div para mayo. ¡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 Mascha Tace / Shutterstock.com