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

Nuevamente es el momento del escaparate mensual, donde echamos un vistazo a diez maravillosos sitios web 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 noviembre. 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 Diseño: Nuevo noviembre de 2019 Referencias 1. Taller 1318

Este sitio fue enviado por Judith Augustin. Este es un diseño de una sola página. El menú de navegación de secciones es una lista de texto vertical alineada que flota mientras se ejecuta. La sección Hero muestra una imagen de fondo de pantalla completa en el verdadero paralelo, con un logotipo animado que circula en la esquina inferior derecha, que se superpone a la siguiente sección. Muchas secciones proporcionan información y enlaces. Los colores de fondo se alternan entre blanco y negro con varias secciones que contienen títulos y números estilizados como introducciones a los cursos. El trabajo se muestra en una diapositiva de la galería que muestra la descripción en Hover. Las imágenes en las galerías abren una pestaña donde puede ver la imagen en Instagram.
Visite el sitio 2. Tecnología legal

Este sitio fue enviado por Aleksandra Palecka. Utiliza mucho rojo audaz para los reflejos. La sección Hero presenta una imagen de fondo en blanco y negro con un CTA en un lado y una caja dibujada en la línea en la otra, con dos esquinas abiertas. Es sorprendente cuánto atrae visualmente algo que este simple ofrece para la apariencia. Las siguientes secciones tienen antecedentes con un modelo de punto que se desvanece a medida que se ejecuta. Estas secciones tienen varios CTA, rodeados de fotos en blanco y negro con luces rojas. Las enchufes incluyen imágenes con rojo, separadores, una caja dibujada en la línea y los botones. El mismo diseño de caja se usa para numerar los puntos de la bala. La superposición roja también se usa para crear una llamada CTA. Me gusta el uso rojo en él. Visite el sitio web 3. Iglesia de la comunidad de Ridge
Este sitio fue enviado por James Smith. Predecir un video de fondo en la pantalla completa, con un logotipo grande y la superposición del lema. El Mega-Menul se coloca a la izquierda, mientras que la derecha incluye enlaces de seguimiento social y algunos CTA con íconos sobre el texto. Los enlaces aparecen en la parte inferior del video e incluyen superposiciones del mouse. Una sección de reunión muestra un video construido y un evento con un enlace para ver más de ambos. Los eventos se muestran como libros en una diapositiva. Los eventos en sí en la página de eventos se muestran como tipos de publicaciones personalizadas, con más en la barra lateral. Las creencias se presentan en el acordeón. Me gustan los colores rojos.

Visite el Sitio 4. Medios de encendido
Este sitio fue enviado por James Smith. La sección Hero muestra un control deslizante de ancho completo, con un separador curvo y una navegación de estilo vertical. Varias diapositivas tienen imágenes que se superponen en el separador. Los servicios se muestran en borrones e incluyen iconos personalizados en dos colores. El Mega-Menul incluye los mismos íconos con los mismos títulos que las borrones. Otro control deslizante muestra proyectos recientes. Esta diapositiva tiene un separador curvo en la parte superior y muestra los portaobjetos con esquinas redondeadas. Un control deslizante más pequeño muestra los logotipos del cliente en bloques de color que están lo suficientemente oscuros como para mantenerse alejados del fondo. Páginas de servicio Ejemplos de exhibición con una cuadrícula de la galería. Visite el sitio 5. Doctor Life Health

Este sitio fue enviado por Oskar Kopec. Los productos y un CTA se muestran en un control deslizante de ancho completo en la sección Hero. Las diapositivas incluyen imágenes de fondo a lo largo de los lados que hacen que las imágenes se destaquen. La siguiente sección presenta algunos CTA para diferentes productos. Estos CTA tienen una sombra que va al interior, haciendo que se alejen unos de otros, incluso si están conectados. Las siguientes secciones muestran productos como imágenes más pequeñas en las diapositivas. Una sección de información presenta imágenes con descripciones en superposiciones. La página de artículos presenta imágenes para categorías con sombras de caja e incluye títulos y descripciones.
Visite el sitio web 6. promedio promedio

Este sitio fue enviado por Robin Kesting. Use un montón de amarillo audaz para iconos, enlaces, botones y más. Varios fondos tienen separadores curvos, mientras que muchas de las líneas y módulos tienen sombras de caja para notar. La sección Hero muestra un CTA en un lado y un gráfico en el otro. Una introducción se proporciona con un video construido y un bloque de texto estilizado. Un conjunto de bluter numerados muestra las ventajas de su uso. Los números se colocan detrás de los títulos. También incluye una galería de estilo que abre la imagen en Instagram, cambia a las preguntas frecuentes de construcción, una forma de boletín de estilo y un sótano con un botón superpuesto. Abajo para Bishopton Dogs
Este sitio fue enviado por Jamie Shanks. El encabezado agrega una barra a la parte superior de la primera imagen con un correo electrónico y un número de teléfono que puede hacer clic. El resto de la página es una serie de imágenes casi en toda la pantalla. Las imágenes muestran perros en juego e incluyen CTA y otra información en superposiciones. Las áreas donde se coloca el texto son oscuras. El formulario de contacto de estilo también se coloca sobre una imagen de fondo. Esta imagen es aún más oscura, pero permite que el centro se muestre. El blog muestra publicaciones en las tarjetas e incluye una sombra del cassette para los botones de lectura más. Las páginas de categoría de blog incluyen una función de búsqueda. Incluso incluye los gráficos de un Labe hacia arriba para el botón superior.


Visite el sitio web 8. Iwood
Este sitio fue enviado por Julien Ferla. El menú incluye bloques de color para resaltar los CTA. Tiene una sección de héroes interesante, con la que realmente juegan diversión. El texto del título y la imagen de fondo se mueven como reacción al mouse. Quedan tres puntos rodeados (en dos colores) en su lugar. Cada uno de los puntos se coloca sobre uno de los elementos de la imagen y revelan los nombres de los artículos en el avión. Una sección delgada ofrece enlaces a políticos y tiendas. Hay algunas grandes secciones de texto. El texto incluye varias palabras en rosa, y las secciones de texto se dividen con separadores alternativos. Las grandes secciones sobre productos tienen texto, imágenes y deslizamiento. Estos incluyen CTA delgada que coinciden con el que está debajo del encabezado. Utiliza elegantemente el texto y el color. Visite el sitio 9. Cody Goin

Este sitio fue enviado por Nicole Marie Zinnanti. Este sitio utiliza mucho espacio en blanco y un diseño mínimo para presentar un aspecto limpio. La sección Hero incluye un CTA en un lado sobre un fondo modelado. La siguiente sección presenta un gráfico en un lado y un CTA en el otro. Me gusta especialmente la sección de habilidades. Muestra habilidades en dos columnas alternativas. Cada uno tiene un icono de dos cuores para cada segmento con el título y la descripción debajo de ellos. Las habilidades se enumeran por el otro lado en otro tipo de fuente. Una sección sobre completa el sitio con un separador estilizado y gráfico. El sótano personalizado coloca enlaces a ambos lados.
Visite el sitio 10. Elsebeth Egholm

Este sitio fue enviado por Rikke Ekelund. La sección Hero muestra una imagen de fondo modelada en paralelo con la imagen de un libro y un CTA sobre un conjunto de reseñas superpuestas. Otros libros se muestran en un aspecto alternativo con enlaces para leer más. Una sección del autor muestra la información en un lado, con un enlace para leer más y una imagen en la otra. Toda la información de contacto se coloca en una pantalla completa del autor. Me gustan las páginas de los libros. Muestran el libro por un lado y una descripción en el otro, tanto en un fondo oscuro que ayudan a establecer el tono del libro. El sitio incluye un botón de regreso a arriba y una barra deslizante en el lado derecho. Me gustan las luces rojas. Visite el sitio de conclusión son las mejores 10 referencias en el sitio web de nuestra comunidad para noviembre. ¡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 a nuestro editor a Nathan sobre los temas elegantes Dot Com. Asegúrese de hacer el tema del correo electrónico del “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