Diseño de escaparate de diseño: nuevas referencias de enero 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 para enero. 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! Divic Showcase Divin: Nuevo enero de 2021 Referencias 1. Vale Industries

Este sitio fue enviado por DJ Wheeler. Tiene una apariencia industrial y una sensación con más tonos grises para los fondos de la sección, fondos y testimonios borrosos e incluso un gris oscuro. Se destacan los reflejos rojos para los botones y la navegación de puntos. El logotipo conecta 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 paralelogramas. CTA del menú cambia en negro en el pasaje y abre otro botón con un fondo gris que coincide con el color del texto CTA. Los temas se presentan con grandes blurbbs. Una imagen de ancho completo en verdadero paralelo muestra un ejemplo de un sitio. Otras páginas tienen un diseño similar. Los colores y el aspecto limpio funcionan excelente para este sitio industrial.
Visite Vale Industries 2. Arca interactiva

Este sitio fue enviado por Justin Arcara. Tiene mucho morado, rojo y azul en todo el sitio. La mayoría de las secciones incluyen dos fondos de columnas. La sección Hero muestra un diseño de dos columnas con un lado en un lado y una imagen en el otro. Ambos se superponen con un título y una descripción. Blurbs describe los servicios con icono de dos colores. Varias secciones incluyen imágenes u otros elementos que se ejecutan de manera diferente al fondo. Proyectos recientes llevan a cabo el título horizontal y los proyectos de imágenes de pantalla. Los testimonios incluyen una imagen en un lado y texto en el otro, con logotipos superpuestos. También incluye un botón de regreso a arriba con un enlace de correo electrónico pegajoso. Este sitio utiliza un excelente texto, grandes iconos, colores y elementos de apariencia.
Este sitio fue enviado por Samant Jaitli. Use colores suaves en fondos y fondos de productos en todo el sitio. Muchos de los botones y libros incluyen sombras de caja para destacar. Un temporizador de conteo inverso muestra cuándo terminan los precios especiales. La sección Hero muestra los colores en el sitio con un modelo angular e imágenes incorporadas en el modelo en ambos lados y dos CTA en el centro. Una sección para diseñar su camisa muestra pasos con íconos. Cada una de las categorías de productos incluye bloques de colores a la izquierda para ingresar a 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 dibujos animados que coinciden con el sitio. Este sitio usa muy bien el color.

Visite Trafoos 4. Historias de diseño de UX
Este sitio fue enviado por Allie Walters. Use un diseño simple con texto extra de mar para títulos. La sección Hero muestra una sección con una fuente grande en un fondo bronceado. Un enlace en la descripción es un tono más oscuro de bronce y se destaca bien. Varias secciones incluyen imágenes de fondo con ancho completo en un verdadero paralaje. Overlay muestra una breve descripción con un enlace para ver más. Una sección detrás del escenario muestra imágenes del proceso de trabajo. Las páginas del proyecto presentan un video e información detallada sobre el proyecto. Los detalles se dividen en secciones más pequeñas que pasan por el proyecto. Muestra más detalles de los que vi en la página típica del proyecto y la muestra de la manera más simple y limpia posible.

Este sitio fue enviado por Alexis Preni. Este sitio tiene un diseño de página que utiliza un fondo gris oscuro con texto blanco y texto con un gradiente verde. Parte del texto del cuerpo es un gris claro. Por lo general, encuentro el texto blanco sobre un fondo negro pesado para los ojos, pero esta combinación de colores funciona bien y mantiene el texto legible. La sección de héroes y la siguiente sección muestran una imagen de fondo que se mezcla en el fondo. La mezcla es tan suave que es difícil ver dónde termina la imagen. Esto te da la apariencia elegante el aspecto. El texto en la sección Hero utiliza el bloque de texto con un gradiente verde sobre el texto del esquema para el título. El texto similar a un gradiente se usa para títulos e incluye los separadores, botones e íconos correctos. Me gusta usar gris y gradientes en todo este sitio.
Visite Tpress Studio 6. Mi agente inmobiliario Columbus

Este sitio fue enviado por Greg Ventresca. Use una gran cantidad de gris para superposiciones de imagen y fondos calientes en todo el sitio. La sección Hero muestra un video en el lado izquierdo en un fondo gris que se mezcla en una imagen. El título se superpone en ambos lados y muestra el texto diferente para cada lado. Más imágenes de CTA se superponen o incluyen imágenes que se superponen sobre los elementos de fondo. Una de las imágenes se coloca tanto en segundo plano como en primer plano, creando un CTA interesante. Las propiedades se incorporan en apariencia e incluyen imágenes con sombras de caja. Varias páginas incluyen iconos personalizados que se destacan en fondos grises. Los colores e imágenes funcionan bien con un aspecto y se ajustan perfectamente al público objetivo. Visite mi agente inmobiliario Columbus 7. Dragonfly Ave
Este sitio fue enviado por Angeles Brands. Use un aspecto limpio, con muchos gradientes de fondo de color suave y líneas delgadas o dobles para crear bordes. La sección Héroe muestra un capital en un arco. El texto se superpone al gradiente de fondo, que crea el arco. Una diapositiva cambia las imágenes en el centro del arco. Los servicios se presentan en imágenes de diferentes formas. Varios elementos muestran el gradiente de fondo de diferentes maneras, incluida una forma vertical detrás de un borde, una forma horizontal con bordes redondeados y una garrapata que ejecuta un mensaje. Los CTA alternativos muestran una imagen en un lado y texto en el otro, utilizando variaciones en colores de fondo. El botón de regreso a top es el texto impreso impreso. Me gusta precargar la libélula y el cursor del mouse.


Visite Dragonfly Ave 8. El sitio de NEVEMVMACEST fue enviado por Dylan Boulkhras.Use un fondo negro con texto naranja audaz, que se destaca para darle al diseño un aspecto agudo.Quedan un menú pegajoso en el lado izquierdo y muestra una línea con círculos que conectan las páginas.La sección Hero presenta una imagen de fondo en un lado con un título, una descripción, un enlace y números en primer plano.El menú se muestra en una pantalla completa e incluye la misma foto de fondo.Una sección con un video construido muestra una imagen de fondo que se ve como un fondo de humo.Varias secciones están numeradas e incluyen títulos en negrita.Los proyectos se muestran en borrones, que incluyen imágenes de cambio rápido, que aumentan en el icono de desplazamiento y naranja.Este sitio usa el color excelente.
Visite Nevermvm 9. Panda Remiremont

Este sitio fue enviado por Panda Remiremont.Este es un aspecto de una sola página, que utiliza elementos de diseño chinos con texto, color y gráficos en todas partes.La sección Hero muestra un menú que está 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 chino en un lado y un CTA en el otro.Gráfico similar al texto chino aparece en varias secciones.Para los títulos, se utiliza un excelente texto con un diseño oriental.Los precios se muestran con módulos de texto en un fondo estilizado, que parece un menú de comida china.Me gusta la sección para obtener información de contacto.Incluye un CTA de reserva con una imagen en un lado y información de contacto en el otro.Un formulario de reserva se superpone sobre él e incluye un borde elegante.Me gustan las ilustraciones de fondo en esto. Visite Panda Remiremont 10. Allianz Brno
Este sitio fue enviado por Michal Teska. Tiene mucho espacio en blanco con luces verdes y azules que se ajustan perfectamente. La sección Hero muestra una imagen de ancho completo, con un CTA en un lado y el equipo del otro lado. Los miembros y ubicaciones del equipo están etiquetados con una fuente que parece estar escrita a mano. La información del servicio se proporciona con borrachas simples. A continuación se muestra una sección más grande de Blurbbs, con íconos rodeados, que cambian su color para una caminata. Los borrones también muestran una ventaja en el flotador. Los íconos se superponen sobre los bordes. Me gusta la sección del equipo. 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 para una caminata para mostrar al miembro del equipo. El mapa construido también es interesante. Es fácil y mezclado con el fondo en un lado. La información de contacto se superpone en el mapa. Visite Allianz Brno, estas son las mejores 10 referencias de nuestro sitio comunitario Div para enero. ¡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 Andrew Rybalko / Shutterstock.com