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

Es el momento nuevamente para el Mensual Showcase Div, donde echamos un vistazo a 10 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 2019 Referencias 1. Universidad de movimiento

Este sitio fue enviado por Andrew Bartlett. El sitio utiliza un fondo oscuro con texto blanco con reflejos amarillos y naranjas (técnicamente es de color marrón sucio). Todas las imágenes de fondo son oscuras. La sección Hero muestra una imagen de fondo que describe el sitio. El texto en la superposición incluye un eslogan y un CTA con mangas a la izquierda y un botón con mangas derecha. El botón de reproducción cambia al pasar con el mouse y abre un video en una ventana emergente al hacer clic. Otras secciones tienen información en dos columnas con texto e imágenes. La apariencia se alterna mientras corres. Entre las secciones, hay pequeñas miniaturas con globos para testimonios. Un CTA de ancho completo proporciona una imagen con un formulario de suscripción. Varios globos con discursos testimoniales crean una base revelada.
Visite el sitio web 2. Proyectos JD

Este sitio fue enviado por James Dawson. Muestra una diapositiva de pantalla completa con imágenes de fondo y superposiciones oscuras. Las superposiciones usan un excelente texto para describir el sitio y proporcionar un CTA. El pergamino revela otra sección con un texto grande en un fondo blanco que describe a la empresa. Los servicios se muestran en el texto con un separador de puntos interesante entre el título y la descripción. La sección de cartera presenta imágenes con superposiciones. Esta sección utiliza separadores de secciones corrugadas y un fondo gris que resalta el resto del aspecto. Más secciones usan este diseño, pero con un fondo azul. Me gusta la sección de logotipo de cliente muy grande. Se muestran en gris oscuro en cuatro columnas. Visite el sitio web 3. Swwwish
Este sitio fue enviado por Daniel Neumann. El sitio muestra un fondo de pantalla completa con una superposición azul oscuro y un texto blanco en un lado. Los servicios se muestran en borrones con una sombra de caja e iconos animados. El modelo de fondo se ve a través de la propaganda. La colocación intensifica el efecto de sombra de la caja, para resaltar y hacer la propaganda opaca completa. Varias secciones de dos columnas alternan sus aspectos de texto en un lado e imágenes en el otro lado. El texto en estas secciones presenta iconos animados y texto resaltado. La página de precios utiliza un excelente diseño azul y blanco con precios blancos. Me gusta el brillo rojo de los botones de la mesa de precios. Los colores rojos traen suficiente color y se destacan perfectamente.

Visite el sitio web 4. HH Instruments
Este sitio fue enviado por Mathias Rue. El sitio utiliza un fondo degradado de naranja a rojo, con íconos para crear un diseño técnico. La superposición muestra información sobre la empresa, los botones y una función de búsqueda, por un lado, y un formulario de contacto por el otro. El menú Drop -down incluye un botón de ancho completo en la página de contacto. Los logotipos de los socios se muestran en una diapositiva con un enlace a la página del proveedor. Se utilizan borrones para enlaces a servicios e información. Estos incluyen imágenes de dos colores como íconos y tienen una ventaja interesante para que se destaquen borrones. Una sección de referencias utiliza un diseño similar, pero es mucho más grande e incluye logotipos del cliente. El diseño también se utiliza para la sección de blogs. La aparición también incluye artículos incorporados de LinkedIn, en el mismo fondo que la sección Hero.

Este sitio fue enviado por Sarabh Patil. La sección Hero muestra el eslogan, la información y el CTA en un lado y un gráfico animado en el otro lado sobre un fondo azul oscuro. Los gráficos animados son divertidos de ver. Quiero uno de estos dispensadores de café. Se usa un azul aún más oscuro para el resto de los fondos y para los botones. Cuatro columnas de borrones tienen íconos animados con un título. Utilizo un fondo azul oscuro y un borde gris, que es lo suficientemente ligero como para sentarme uno contra el otro. Colocar sobre cualquiera de los borrones convierte su fondo en naranja. Se utilizan modelos similares para otros borrones que proporcionan información. Una sección interesante sobre la sección presenta una animación sobre obras de arte en Paralax. Las páginas también tienen una animación de carga en frío. Visite el sitio
6. Señorita Grădinița

Este sitio fue enviado por Chris Cadalzo. El sitio muestra un logotipo extra de mar en el centro, debajo del menú. La siguiente sección utiliza separadores de secciones corrugadas para la parte superior e inferior, cada uno con un diseño diferente y en varios tonos del color de fondo. Esta sección también muestra temas como imágenes cuadradas que encogen y modifican su borde durante el viaje. Una sección para recursos y la sección de blog (pero con imágenes más altas) usan el mismo diseño. Una sección sobre el propietario del sitio se ve en una imagen rodeada y el mismo estilo de fuente con scripts que el logotipo. El formulario de registro muestra el obsequio con la fuente de script para el título. El blog y la barra lateral también están diseñados para que coincidan con el diseño de la marca.
Visite el sitio 7. Delmain

Este sitio fue enviado por Jake Brauxt. Se reproduce un fondo de video detrás de Slogan Overlap. El desplazamiento revela iconos multicolores para servicios para ciertos tipos de clientes. Se muestra una sección similar de servicios en la parte inferior de la página. Se muestra un testimonio en un ancho completo en un fondo verde con divisores de sección angular. Esta sección se destaca perfectamente. Aparece una sección más grande de testimonios en la parte inferior de la apariencia en varias columnas con colores alternos e imágenes elegantes. Varias secciones presentan las historias de los clientes con un video y estadísticas construidas en un texto grande y un enlace para obtener más información. Las imágenes de video muestran sitios web en múltiples dispositivos. El enfoque del sótano comienza con una montaña en paralelo detrás de un corte de montaña, una forma de contacto con divisores de sección angular y una sección que presenta logotipos de los sitios de revisión con un medidor estadístico.

Este sitio fue enviado por Ben Dale. Este es un diseño de 2 páginas. Las etiquetas de los productos se muestran en segundo plano en paralelo con un eslogan y una superposición de CTA. La siguiente sección presenta información detallada en un lado con una fuente más pequeña y una declaración más corta en el texto más grande en el otro. Las siguientes secciones muestran imágenes de productos con títulos y texto. Las imágenes se compensan verticalmente entre sí, lo que le da al diseño un estilo visual interesante. Los servicios se muestran con imágenes que incluyen números y superposiciones de texto numeradas. Se muestran más productos en la gran galería, con 4 columnas. Este sitio usa muy bien el texto y las grandes imágenes del título.
Visite el sitio 9. Héroe para usted Este sitio fue enviado por Bram Chauvin. Este sitio utiliza gráficos interesantes. La sección Hero utiliza un separador de la sección superior que en realidad estiliza el encabezado. El texto del título es grande y muestra un eslogan y varios botones. El fondo se ve en el verdadero paralelo e incluye nubes que se superponen a la división de la sección de nubes de la siguiente sección. Los borrones muestran servicios utilizando gráficos en el círculo. Los botones borrones se superponen sobre la propaganda. Me gusta CTA que muestra una gran imagen gráfica de un teléfono inteligente de superhéroe. La lámina también es interesante. Muestra un fondo gráfico en un verdadero paralaje con un divisor de sección angular y un contacto superpuesto. El blog sigue el mismo diseño y usa los elementos de cabeza y sótano.

Visite el sitio 10. VS y ensamble
Este sitio fue enviado por MJ Swart. Este sitio utiliza elementos gráficos interesantes y bloques grandes para crear la apariencia. La sección Hero utiliza un fondo oscuro con diferentes bloques de colores, puntos y texto vertical para crear patrones visuales. Estos patrones siguen el resto del aspecto. Las siguientes secciones usan una apariencia con varias columnas con bloques de color para fondos, títulos de estilo, títulos muy grandes y deslizantes para mostrar sus servicios, información sobre la empresa, la experiencia, la cultura, las oficinas y más. Al hacer clic en el enlace de contacto en el menú, se abre un formulario de contacto en el menú. Me gusta el uso de colores, texto y cursores en este sitio.