Diseño de escaparate de diseño: nuevas referencias de julio 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. Cada mes presentamos los mejores sitios web de Divic que han sido enviados por nuestra comunidad y hoy queremos compartir los primeros diez sitios web en julio. 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! Divis Design Showcase: Nuevas referencias de julio de 2021 1. Stratton Craig

Este sitio fue enviado por Piers Elliott. Tiene muchos reflejos rojos para texto, enlaces y botones, junto con un poco de azul oscuro en todo el sitio. Las secciones incluyen fondos blancos o verdes muy claros, que funcionan excelentemente con rojo y azul. El menú Mega incluye un fondo verde claro con un contacto y enlaces en varias columnas. La sección Hero muestra un video construido. Las secciones para estudios de casos y servicios muestran pequeñas filas con una imagen en un lado, con información sobre el otro. Me gusta la sección del blog. Las publicaciones muestran los títulos, que están separados por espacios blancos y una sola línea horizontal. Otra cosa que me pareció interesante es que no tiene una barra de desplazamiento.
Visite el sitio 2. Mike Freelancer

Este sitio fue enviado por Mike McManus. Utiliza una impresión interesante y fondos grises. La sección del héroe presenta una imagen en un lado con una esquina inferior redondeada. Esto se desconecta del texto en el otro lado, que se superpone sobre un fondo gris. Los pequeños botones amarillos se utilizan en todo el sitio y combinan el amarillo en el menú. Los proyectos se muestran como publicaciones con una imagen en un lado y se extraen en el otro. Me gusta la sección de borrones que están separados por los bordes que solo llegan a otra propaganda. El diseño del sitio tiene un aspecto de código que se destaca y funciona perfectamente para ayudar a describir el sitio web. El sitio también tiene un diseño interesante para el blog.
Este sitio fue enviado por David King. Utiliza un excelente verde en todo el sitio para la marca. La sección Hero incluye una imagen de un frasco de encurtidos que se acerca a la pantalla mientras se ejecuta. El sitio se ingresa con un texto muy grande. Muchos de los elementos incluyen animaciones con flotación o desplazamiento. Algunos de los fondos están en paralaje y presentan imágenes del estudio. Una de mis secciones favoritas se ve borrosa con íconos relacionados con el diseño del diseño. Otro favorito de mi mía muestra un texto muy grande que se encoge mientras se ejecuta. Me gustan los ejemplos de trabajo que se muestran en un aspecto de múltiples columnas. Estos incluyen superposiciones verdes para el efecto flotante de la imagen.

Visite el sitio 4. Fuente
Este sitio fue enviado por Michael White. Utiliza una gran cantidad de naranja y rojo como reflejos de logotipo, una barra vertical en la sección de héroes, números, enlaces, iconos, superposiciones y un borde horizontal. Muchas de las secciones incluyen modelos en el fondo que solo son visibles. Algunos incluyen texto que describe la sección. Me gusta la sección que detalla su enfoque. Incluye borrones numerados con animaciones y superposiciones. También me gusta la página de recursos. Muestra publicaciones de blog con imágenes presentadas con animaciones de accidente cerebrovascular, título y categoría. Son cortos y anchos y se colocan en dos columnas que le dan al blog un diseño limpio.

Este sitio fue enviado por Simone Vitas. Tiene muchas animaciones interesantes en el sitio. El cursor del mouse se convierte en un triángulo de estilo que permite que pase el fondo. A medida que avanza con el mouse sobre algo que se puede hacer clic, el triángulo se completa, el fondo se muestra y los colores se invierten. Los elementos que se pueden hacer se están cambiando en un rojo oscuro que se destaca. Las fuentes de encabezado y el menú de hamburguesas son particularmente elegantes. Me gustan las animaciones de bloque que revelan los elementos de la página a medida que cobran. También me gusta el uso de imágenes interesantes para ejemplos de trabajo. Una llamada a la acción muestra una versión grande del triángulo en la carrera y lo lleva a un gran formulario de contacto que corresponde al sitio.
Visite el sitio web 6. Surf Indonesia

Este sitio fue enviado por Lokesh Mangyan. Utiliza las anotaciones interesantes. Muchos de los elementos incluyen un texto inclinado con una flecha dirigida al artículo. El texto proporciona consejos sobre cómo usar el sitio web. Se realizan más llamadas de acción en toda la página inicial y funciona bien con el diseño del sitio. Los CTA incluyen botones, pancartas pequeñas y una sección de ancho completa, que muestra un texto grande sobre un fondo de bronce, con una imagen y un botón en primer plano. También incluye un CTA para la versión de aplicación de las herramientas del sitio web. Más tonos de bronce se utilizan como colores de marca que funcionan bien con el tema de la playa. Una sección de borrones revela sus bordes en el flotador e incluye iconos bronceados. Las revisiones se muestran como fragmentos cortos con evaluaciones de estrellas en la sección Hero y en una diapositiva de testimonios. Me gusta el uso de mapas en este sitio web. Visite el sitio web 7. Kal Digital
Este sitio fue enviado por Petros de Kal. Hace un uso interesante de antecedentes y tipografía. Muestra una burbuja animada roja brillante detrás del título en la sección Hero. El globo permanece mientras corres en las siguientes secciones y cambia en una forma diferente hasta que se convierta en un fondo completo. Luego gire en gris y vuelva a un globo, luego sobre un fondo negro. En el camino, el primer plano muestra información, servicios de estilo de dibujos animados en un lado e información en el otro. La sección gris muestra un gráfico de la pantalla de la computadora con borrones en ambos lados. Otras páginas usan un diseño similar a diferentes colores. También me gusta la pluma animada en la página de contacto.

Visite el sitio web 8. MD Robinson

Este sitio fue enviado por Jonathan Morey. Use colores de luz como elementos de fondo y elementos de fondo en todo el sitio. Las herramientas de accesibilidad se colocan en un icono que siempre es útil. Varias secciones muestran dos columnas con una imagen en un lado y texto en el otro. Algunas de las imágenes incluyen bloques de color detrás de dos esquinas de ellas. Los borrones incluyen iconos especializados que funcionan excelentes para el tipo de sitio web. Una sección de borrones incluye libros que funcionan más rápido que el fondo y una propaganda a un lado. Una forma detallada cerca del sótano coincide con el estilo del sitio. La página del blog sigue el mismo diseño e incluye una búsqueda con sugerencias estilizadas y tarjetas de blog.

Este sitio fue enviado por Rajan Zaveri. Utiliza muchos tonos de tierra en todos los elementos. Muchos de los títulos incluyen reflejos de dibujo que parecen un marcador. Algunos de los fondos incluyen mapas a mano. Los gráficos de las personas dibujadas manualmente flotan cerca del texto. El menú tiene botones de estilo. Se crea un contenido en un cambio. A lo largo de la izquierda hay un estilo de navegación equipado con estilo que aparece una vez que pasas por la sección de héroes. El encabezado muestra el nombre de cada sección. Me gusta especialmente la sección con números en una cuadrícula. Los números están separados con bordes grandes. En el centro de la cuadrícula hay pequeños bloques de textos con títulos. Al colocar el cursor sobre uno, lo cambia de tamaño a tamaño completo, revelando información y superposición que se muestra sobre el número. Un botón para un mapa de datos permanece en la parte inferior y abre una ventana emergente.
Visite el sitio 10. Nyansa

Este sitio fue enviado por Christina. Utiliza más tonos de verde como colores de marca en todo el sitio, incluido el logotipo. La sección de héroes coloca una superposición verde sobre una parte de la imagen de ancho completo e incluye un CTA. Otra sección superpone un bloque de texto sobre una imagen e incluye un título de fondo verde. Me gusta especialmente la sección de 5 borrones que incluyen íconos verdes en cuadrados en cuadrados en sus esquinas. Una sección de información utiliza tarjetas con diferentes tonos de verde, que van de la oscuridad a la luz. Los íconos sociales en el sótano siguen la misma sucesión. La sección de blogs utiliza un borde inferior verde oscuro para libros. La diapositiva del testimonio incluye un fondo verde para el texto e incluye un borde blanco grueso que se destaca del gran fondo. ¡Visite el sitio hasta el próximo mes! Estas son las mejores 10 referencias de nuestro sitio comunitario Div para julio. ¡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 Pikolorante / Shutterstock.com