Diseño de escaparate de diseño: nuevas referencias de diciembre de 2019

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 diciembre. 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: Nuevo diciembre de 2019 Referencias 1. Estructuras artesanales de vidrio

Este sitio fue enviado por Stuart Hingston. Se reproduce un video de pantalla completa en el fondo con una superposición oscura que resalta el texto. La superposición incluye el logotipo y el menú con CTA, título, eslogan, descripción y botón. El desplazamiento revela un encabezado fijo y un diseño similar a un fondo real paralelo. Los servicios e información se muestran en una cinta delgada con gráficos. Un CTA muestra una imagen circular en verdadero paralelo en un lado. Una diapositiva de testimonios coloca texto sobre imágenes de fondo que sirven como ejemplos de trabajo. Los servicios muestran textos altos con texto y botones. Me gusta la sección del proyecto. Muestra proyectos en una apariencia con múltiples columnas, con separadores laterales estilizados y efectos de zoom para imágenes. También me gusta el formulario de contacto que usa campos del mismo tamaño.
Visite el sitio 2. Claire Creative

Este sitio fue enviado por Claire Gallagher. La sección Hero muestra un manual de CTA con un fondo cálido y ayuda a describir qué es el sitio. La siguiente sección muestra otra CTA con una foto del propietario del sitio, seguido de un testimonio con un gráfico. Las publicaciones de blog se muestran en una sección con imágenes y títulos debajo de ellas con personajes italianos. Esto crea un diseño limpio con mucho espacio en blanco. Me gusta cómo se destacan. Una sección de testimonios sigue un diseño similar, pero incluye más texto. La página termina con un CTA de ancho completo. La página del blog sigue el mismo diseño limpio que la sección de blog en la página principal. La página Work With Me está creada para la generación de clientes potenciales e incluye un formulario de reserva único y tablas de precios. Los proyectos siguen el mismo diseño que las publicaciones de blog. Visite el sitio web 3. Media Freshlit
Este sitio fue enviado por Nicole Marie Zinnanti. Este es un diseño de una página de anclaje en el menú de diferentes secciones. Este sitio utiliza muchos textos grandes en blanco y negro, grandes y amarillos detrás de los títulos sobre las imágenes, comenzando con el encabezado de pantalla completa. Más secciones incluyen imágenes que siguen este diseño. La siguiente sección muestra información en ancho completo. Los servicios se muestran en bloques numerados por texto con grandes títulos, descripciones y separadores. Los testimonios también incluyen títulos grandes y siguen un diseño mínimo. Una sección sobre diseño mínimo continuo con un título grande, texto y divisor, seguida de una sección similar que termina con un formulario de contacto mínimo.

Visite el sitio web 4. Hilltop Credit Partners
Este sitio fue enviado por Rolando S. Bouza. La sección Hero reproduce un video detrás del título y el eslogan y lidera en la siguiente sección con un divisor de sección estilizado. La siguiente sección presenta varios CTA en un aspecto alternativo. El primer CTA muestra una imagen con un título grande, una breve descripción y un botón, mientras que el segundo CTA incluye dos botones. Una diapositiva de blog de ancho completo muestra las imágenes presentadas en casi una pantalla completa. La siguiente es una sección sobre el propietario con una imagen y una oferta. Me gusta la sección que muestra información con un borde estilizado sobre una imagen de fondo oscuro. El formulario de contacto utiliza una forma similar en el espejo e incluye un fondo sólido. Las otras páginas tienen un diseño similar, pero agregan mucha información de soporte en los gráficos. La página del blog agrega una barra lateral estilizada para mostrar anuncios. También me gusta el diseño de publicaciones de blog con su aspecto limpio y el gran texto.

Este sitio fue enviado por Steve Doig. Utiliza un montón de atrevidos de color rosa fuerte como el color principal que resalta el color y la superposición y se destaca maravillosamente. La sección Hero muestra un avión volador en la pantalla con un CTA al otro lado de la pantalla. El avión en sí y CTA están sombreados por un rosa rosa. Una sección con planes muestra planes y precios en bloques. Estos incluyen animaciones con rosa rosa rondado. Un CTA de ancho completo muestra un guepardo rosa en el centro con el texto en un lado, mientras que el otro muestra un conjunto de ajedrez y texto con elementos rosados. Varias secciones tienen beneficios dentro de las borrones. Uno de mis favoritos es la sección que discute los tipos de negocios que sirvo. Las imágenes se muestran en una cuadrícula con 5 columnas con superposiciones alternativas. Las imágenes se encogen en el movimiento y eliminan la superposición. El menú del sótano también es interesante. Muestra los títulos con una primera letra estilizada para cada uno. Visite el sitio 6. Keren Herrera
Este sitio fue enviado por Edgar Herrera. El sitio utiliza muchos colores suaves para atraer al público. La sección del héroe muestra una imagen de pantalla completa, con un lado en un lado y el propietario en el otro. Esto sigue un formulario de registro de correo electrónico elegante que muestra una imagen en un lado y una descripción sobre el formulario. Las imágenes de margen extendido proporcionan enlaces a las diversas páginas de información. Una sección sobre muestra una imagen que se superpone a la siguiente sección, que ofrece un testimonio centrado. Las siguientes varias secciones incluyen imágenes que se superponen en varias secciones en un aspecto alternativo. Estas secciones proporcionan información y CTA. El formulario de contacto se coloca sobre una imagen de fondo de una mesa de mármol y se destaca de fondos sólidos. Un libro CTA se muestra en 2 columnas con una foto superpuesta. El sótano muestra un seguimiento de CTA en Instagram con múltiples fotos en el fondo.

Este sitio fue enviado por Prashant Karandikar.Tiene un aspecto limpio, con muchos colores para el más claro.La sección Hero presenta una introducción, por un lado, con un gráfico por el otro, que se mezcla en una fila de borrones.La información se muestra en una aparición con 2 columnas con borrones para crear puntos de bala.Alguna información de CTA muestra una imagen en un lado en un aspecto alternativo.Los servicios se muestran en tarjetas con gráficos y texto.Se proporciona más información dentro de coloridos borrachos coloridos que crean un conjunto de bloques.Las Cashrs muestran cada número con un color diferente para resaltar.Una prueba con 2 columnas coincide con el diseño de los colores del sitio.Muchas de las páginas siguen un diseño similar y luego agregan contenido con un tono de caja para destacar. Visite el sitio 8. Ukhuni
Este sitio fue enviado por Vernon Joyce.Tiene un aspecto limpio, con énfasis en los productos.El menú Mega presenta 3 columnas con múltiples enlaces a un lado que revela información e imágenes.La sección Hero presenta un conjunto de elementos gráficos para muebles de oficina.Colocar la carrera sobre cualquiera de ellos cubre a los demás con una superposición y muestra una pequeña ventana emergente con un título para describir los muebles.Las ventanas emergentes varían en colores.El producto presentado presenta una imagen grande en un lado y una descripción en el otro.A continuación se muestra una consulta CTA a lo largo del ancho y luego una sección de información que coincide con el diseño del producto presentado.Las páginas de productos muestran productos con títulos similares con ventanas emergentes e incluyen una lista de características.La página de servicio es interesante.Muestra muchos elementos gráficos de productos y muestra beneficios dentro de los borrones. Visite el sitio 9. Architecten Lab

Este sitio fue enviado por Mischa Groenen. Muestra una sola página con una pantalla completa, con textos en forma de texto con flechas como navegación. La pantalla se divide en diagonal por el título y los enlaces en un lado con un fondo blanco y la descripción en el otro con un fondo amarillo. El título se dibuja en la pantalla cuando mueve el cursor del mouse. Pasar con el mouse a través de los enlaces es un efecto de zoom. Si hace clic en uno de los enlaces, se abre una página con un encabezado para diseñar la pantalla principal. La página de cartera agrega un filtro que se adapta al diseño del sitio y muestra imágenes en una cuadrícula que incluye animaciones y títulos. La página del equipo presenta un diseño con 3 columnas con imágenes del equipo en un lado, una diapositiva en el centro y una forma en el otro lado. La página de información muestra un gráfico elegante sobre el trabajo que realizan. Es un diseño simple, interesante y único.

Este sitio fue enviado por Nicolle Prince. Este sitio utiliza una excelente naranja y verde, agregando algunos otros elementos para resaltar adicional. Tiene un CTA en el menú secundario. La sección Hero muestra una imagen de fondo de pantalla completa en verdadero paralelo con una superposición simple. Los enlaces a las páginas se crean con bloques de color y texto en una sección delgada con ancho completo. Más CTA de ancho completo muestran una imagen en un lado y el texto en el otro en modelos alternativos. Los borrones también crean CTA con iconos rodeados y botones estilizados. Una sección de donaciones muestra un medidor de bar con un objetivo y la cantidad actual. Muchas de las secciones incluyen un ícono superpuesto. Me gusta la sección sobre historias de texto en un lado y dos imágenes en el otro. Cada una de las imágenes incluye efectos flotantes que muestran información y un enlace para leer más. También incluye un calendario de eventos, un blog estilizado y más. El sitio tiene muchos ajustes de personalización, que incluyen un fácil control del tamaño de la fuente y la selección de la lengua.