Diseño de escaparate de diseño: nuevas referencias de abril 2020

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 abril. 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: Nuevo abril de 2020 Referencias 1. Abel Villaverde

Este sitio fue enviado por Abel Valderde Selles. Se utiliza un púrpura azul en todo el sitio para fondos, texto, gráficos y otras atracciones. La sección Hero muestra un eslogan con una exhortación a la acción seguida de un gráfico grande. La siguiente sección utiliza un fondo blanco con la imagen de un sitio web rodeado de gráficos en los colores marcados en un lado y un CTA en el otro. Los proyectos se muestran como libros de estilo que revelan un borde inferior púrpura en Hover. Una sección con información sobre el propietario del sitio muestra texto blanco y azul en el fondo púrpura e incluye dos botones; uno en cada color. Los servicios se muestran en borrones que se compensan e incluyen un borde elegante en el flotador. Un CTA con un tiempo de fondo muestra un icono de estrella que se destaca. Me gusta cómo las secciones usan muchos separadores ondulados y uso de color en este sitio.
Visite el sitio 2. iyashi

Este sitio fue enviado por Alex Hawro. Tiene un menú elegante con un logotipo superpuesto y dos líneas de enlaces con iconos y un CTA. La sección Hero muestra un eslogan seguido de un conjunto de imágenes que se conectan juntas. Los servicios se muestran con elementos gráficos que incluyen títulos y enlaces superpuestos a las páginas de servicio. Una gran publicación de publicación es uno de los elementos más interesantes. Las imágenes se colocan en el fondo con una parte de las imágenes anteriores y siguientes. Un texto y un cuadro de navegación están sobre el lado izquierdo de la imagen y se encuentran gráficos superpuestos en el lado derecho. Las diapositivas están numeradas en la parte inferior. La siguiente sección muestra grandes imágenes e información con pestañas en la parte inferior. La información se muestra con íconos personalizados que usan colores de marca. La lista de precios es otro elemento interesante. Cada precio se muestra en artículos separados. Aumenta y muestra bordes estilizados en los lados en el flotador. Me gustan los colores de la marca roja y verde, que se utilizan en reflejos y texto en todo el sitio.
Este sitio fue enviado por Ron Studios.Coloque el título sobre un fondo de pantalla completa con un conjunto de estadísticas en cajas grandes en la parte inferior.La siguiente sección continúa el diseño con una gran caja de información con un CTA para obtener más información.La siguiente sección muestra una imagen en un lado y un texto grande y colorido en el otro sobre un fondo azul oscuro.Los servicios se muestran en imágenes rodeadas por un fondo colorido en Paralaje.La información sobre la reserva de un evento muestra imágenes angulares en un fondo amarillo audaz.Los testimonios se muestran sobre un fondo azul oscuro con un texto blanco y una imagen grande.Una sección CTA muestra imágenes de diferentes anchos de texto en cuadros de colores.Me gusta el uso de colores llamativos en este sitio web.Los colores y las fuentes se ajustan perfectamente a la marca de la compañía.Ahora quiero helado.

Este sitio fue enviado por Fernanda proporciona.Este sitio utiliza una gran cantidad de oro dorado y ciruelas (o vino, ¿tal vez?) En todo el sitio como colores de marca.La sección Hero muestra una acción con una gran acción de texto a la izquierda y gráficos con los colores marcados a la derecha.La información se proporciona en la siguiente sección con elementos gráficos que utilizan un modelo de fondo gris en un lado y texto estilizado en el otro.La sección de servicio presenta un CTA en un lado con descripciones de los servicios en el otro dentro del acordeón.Una sección para casos muestra tres casos como texto sobre el fondo gris.La sección de blog muestra tarjetas de blog que se superponen sobre un color de fondo de marca.En particular, el formulario de contacto es interesante.El formulario se muestra sobre un bloque de color que incluye un botón de llamada que se puede hacer clic.Me gusta el uso del color de la marca en este sitio. Visite el sitio 5. La agencia de la marca vista
Este sitio fue enviado por George Paratsokis. Hace un uso interesante del texto en verdadero paralelo con el texto. El encabezado muestra un menú de hamburguesas a la izquierda y un logotipo a la derecha. El menú muestra una caja gris claro en el flotador. Al hacer clic en el icono, el menú se abre desde esa ubicación y se extiende en la pantalla, mostrando botones de texto grandes y sociales. La sección Hero muestra un eslogan como un texto muy grande en el fondo. Tanto el texto como el fondo son de color gris oscuro. El primer plan muestra un gran título blanco que presenta a la compañía. A medida que ejecuta, el texto se ejecuta en paralelo, revelando un conjunto de enlaces a un texto grande que se ejecuta por separado del título. Otras secciones mezclan el texto de fondo para mostrar texto oscuro en un lado y abrir texto en el otro con botones CTA. Un sótano para la cortina revela el título del sitio y los grandes botones de búsqueda social. Incluso la barra de desfile está diseñada para que coincida con el sitio. Visite el sitio 6. Carola Staudinger

Este sitio fue enviado por Sibi HA. Este sitio utiliza excelentes colores marrones y rosados. La sección Hero muestra una imagen de fondo de pantalla completa en paralelo con el logotipo, el título y una superposición de CTA. Una sección sobre la compañía sigue esto e incluye información con botones de seguimiento social en un lado e imagen en el otro. Esta sección incluye un mensaje escrito en una fuente elegante de script. Un CTA de reserva de ancho completo muestra una imagen de fondo que usa un gradiente de los colores de fondo y una imagen con reflejos rosados. Más tarde aparece un CTA similar que utiliza una imagen de pantalla completa con más información. La información del servicio se muestra en una sección con imágenes y texto en un aspecto de mosaico. Una sección de equipo presenta fotos de los estilistas e incluye información biográfica. La sección de contacto enumera las horas de funcionamiento en un lado y coloca un formulario de contacto de estilo en el otro, seguido de un mapa de ancho completo.
Este sitio fue enviado por John Hawley. Utiliza mucho amarillo audaz para el color de la marca. La sección Hero reproduce un video de fondo detrás del menú y una gran CTA. Una flecha que muestra que te desplazará a la izquierda de la pantalla. El pergamino revela una sección con un título inteligente en un lado e información en el otro, que incluye una marca con colores de marca. Blurbs muestra gráficos en colores de marca e incluye enlaces para leer más información. Una sección para la información de contacto muestra una fila de bloques grandes con una CTA de contribución gráfica en uno y botones de seguimiento social en el otro. Ambos usan colores de marca. Esto conduce a una forma de suscripción estilizada, que incluye una gran imagen de fondo y difiere del fondo amarillo. La parte superior de esta sección muestra un separador de sección estilizado. El sótano personalizado incluye amarillo para reflejos sobre un fondo gris oscuro.

Este sitio fue enviado por Sander Goorman. Este sitio usa azul para el color de la marca e incluye una barra de desplazamiento de estilo. La sección Hero muestra un video de fondo con una descripción y enlaces a los servicios en primer plano. El menú coloca los enlaces a la izquierda y un CTA a la derecha. Los borrones con iconos y descripciones para los servicios se superponen al video con la siguiente sección y animan en la carrera. Una sección sobre la compañía presenta un resumen en un lado con palabras clave resaltadas en el color de la marca, con la descripción en el otro lado. Se muestran más ejemplos en las pantallas de diferentes dispositivos e incluyen enlaces para ver el sitio web completo. Se coloca un formulario de solicitud sobre una imagen de ancho completo e incluye un cuadro de caída para especificar cuándo alguien tiene que sonar. La sección de contacto incluye un CTA de ancho completo y muchos enlaces de contacto. Me gusta el diseño limpio. Visite el sitio 9. Masters de cuerda
Este sitio fue enviado por Michal Teska. Use mucho azul y naranja para colores de marca. La sección Hero muestra tres capas diferentes. El fondo es azul continuo y se mezcla en el menú, que incluye flechas de naranja para indicar la página actual y la llamada CTA. Se coloca una imagen de fondo sobre el fondo azul y no cubre completamente el lado izquierdo. Este fondo utiliza una superposición azul oscuro con un diseño de naranja a la derecha y se superpone a la siguiente sección. Su superposición es una diapositiva que muestra los servicios con imágenes y títulos. La información se proporciona dentro de las borrones con íconos de naranja e incluye títulos y descripciones. Un contacto interesante con el contacto sigue un diseño similar al de la sección Hero. Proporciona un fondo azul con una imagen que se superpone en la parte superior. La imagen no cubre el lado derecho y tiene una cobertura de naranja profunda. El llamado a la acción utiliza un gran texto blanco que se destaca perfectamente. Me encanta el uso de azul y naranja.


Este sitio fue enviado por Maximilian Leiding. Tiene un diseño limpio para mantener el énfasis en los productos. La sección Hero muestra un CTA en un lado y una imagen del producto utilizado en el otro lado. Un separador curvo crea un diseño de fondo redondeado para la sección de héroes. El pergamino muestra los cuatro productos mejores vendidos. Sus entornos se combinan con el fondo del sitio web. La siguiente sección presenta dos imágenes de los productos con enlaces a sus páginas seguidos de otra lista de productos para una determinada categoría en dos columnas: un título a la izquierda y los productos a la derecha. Una lista similar aparece más cerca del sótano e incluye más productos. La información se proporciona en una sección con dos columnas, con una imagen en un lado y un texto en el otro, con un enlace para leer la historia completa. Un formulario de inscripción al boletín conduce al sótano y agrega los colores utilizados en la sección Hero. Me gusta el diseño simple y limpio. Visite el sitio de conclusión Estas son las mejores 10 referencias del sitio web de nuestra comunidad para abril. ¡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 Naum / Shutterstock.com