Diseño de escaparate de diseño: nuevos subs de mayo de 2018

Nuevamente es el momento para el Monthly Showcase Div, donde echamos un vistazo a 10 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 mayo. A lo largo de la publicación, indicaré algunas de mis características de diseño favoritas que atraen cada uno de los sitios web. ¡Espero que te guste! Diseño de escaparate Diseño: nuevos subs de mayo de 2018 1. Ergo

Este sitio fue enviado por Clement Gonnet. La paleta de color naranja atrae mi atención inmediatamente (soy de TN, así que estoy en parte a naranja). Los colores funcionan bien con el diseño de este sitio. La sección Hero muestra un interesante gráficos del horizonte (que también incluye mucha naranja), a medida que el texto de la información gira en su lugar. Hicieron una elección interesante para las fuentes de títulos. Blurs Orange and White muestra los servicios, seguidos de un ancho completo y una diapositiva para el logotipo del cliente. Una versión aún más grande del horizonte conduce al sótano, que incluye varios tonos de naranja que se vuelven más oscuros a medida que te acercas a la parte inferior de la página.
Ver sitio web 2. Campamento de marca

Este sitio fue enviado por Josh Allan. También usa una excelente naranja, pero esta vez tiene la forma de una superposición de gradiente con un modelo hermoso y un separador de secciones, dentro del logotipo y como fondo detrás del formulario de contacto. Style Blur proporciona información sobre los servicios y utiliza efectos flotantes y un borde superior interesante. Los efectos de la sombra también se usan para imágenes y módulos que son maravillosamente notables. Las elegantes fuentes y las secciones angulares son la cereza en el pastel. Me gusta seguir CTA desde el menú para expandir y cambiar los colores en el desplazamiento.
Este sitio fue enviado por Rob Rochaford. Utiliza dos colores principales que aparecen en el menú, como un gradiente en la sección de héroes, como colores de fondo, fondos de fondo borrosos, datos con separadores y como texto en información de contacto y formulario de contacto. Incluso el video Built -in usa el mismo azul en sus imágenes. La tipografía está bien en el diseño del sitio. Los enlaces a las páginas se ven muy bien con imágenes elegantes. También me gustan los reproductores de audio, mapas y divisores de sección angular.

Ver sitio web 4. Diseño web de Wolfbyte
Este sitio fue enviado por Joel Whitaker. Use algunos enlaces interesantes en la sección Hero que aparece cuando pasa sobre el globo o los lobos. Las nubes se mueven en la dirección opuesta del mouse mientras se mueve. Este sitio tiene una de las secciones más interesantes que he visto. Es una flecha púrpura gruesa hacia abajo con un gran logotipo en el centro. Una versión aún más grande de esta flecha se usa como secciones en toda la página. Me gusta el uso de violeta y verde en secciones, iconos y botón de dos caras. Vesify el sitio web 5. Design Mollerup

Este sitio fue enviado por Rasmus Strbech. Este sitio utiliza un diseño de página que muestra información utilizando un efecto de tipificación y un CTA de contacto en la sección Hero, junto con una imagen de primer plano que se ve muy bien en el fondo que se ejecuta en verdadero paralelo. Se utiliza una sección similar para la sección de contacto en la parte inferior de la página. La sección de cartera muestra el trabajo con zoom y efectos de sombra. Blurbs usa interesantes efectos de flujo con animación. También me gusta el azul detrás de las fuentes y los efectos de borde utilizados para las secciones.
Ver sitio web 6. Cabina de Maison Beach

Este sitio fue enviado por Tessa Mactaggart. Este es un diseño de una sola página con una función de reserva construida creada con un formulario de contacto. La imagen de fondo en la sección Hero se ejecuta mientras el texto y la siguiente sección se ejecuta para cubrirla. Hace un gran uso de los efectos de la sombra para imágenes cuadradas y redondas. Me gusta especialmente el uso de diferentes dimensiones para imágenes redondas que establecen el texto en diferentes columnas en el aspecto. Los gráficos de las olas con un pájaro en la silueta son una nota agradable como separador de sección. El pie de página está hecho de ondas que también se dividen de la sección anterior.
Este sitio fue enviado por Nathan IGO. Este sitio tiene una página inicial simple pero única. El fondo es una diapositiva de imagen de pantalla completa, mientras que el primer plano es una superposición blanca transparente, con un corte para el logotipo que permite que se muestre el fondo. Al hacer clic en la pantalla, se elimina la superposición, colocando el logotipo en la esquina superior izquierda y un menú de hamburguesas en la esquina derecha. El menú se abre en la pantalla completa y muestra otra imagen detrás de una superposición. Este sitio también tiene una de las páginas de proyectos más singulares. Los proyectos se muestran con imágenes grandes que ejecutan un proyecto seguido.

Ver sitio web 8. Receta de Burlac

Este sitio fue enviado por Jaykishan Prithiani. Esta es una revista de recetas hecha con extra. El encabezado coloca botones sociales a la izquierda, el logotipo en el centro y un botón para elegir el país a la derecha. Los enlaces se colocan debajo de él. La página principal muestra publicaciones en un aspecto de múltiples columnas y una barra lateral para aprovechar los widgets adicionales. El control deslizante muestra las últimas publicaciones seguidas de dos columnas para categorías, una sola columna para la tienda, tres columnas para varias categorías y una sola columna con filetes. Las páginas para cada categoría muestran publicaciones sin fragmentos, creando un diseño limpio.

Este sitio fue enviado por Aurelien Dumont. El sitio usa muy bien los reflejos verdes, con fondo negro, gris oscuro y blanco. El eslogan utiliza una combinación de texto ordinario y audaz para llamar la atención. Me gusta la sombra de la caja para el video construido en la sección Hero. Los reflejos verdes continúan en todo el diseño, incluido el texto para borrones, iconos, separadores, para resaltar el texto en CTA, botones e incluso el color de fondo para el menú secundario. La página de sectores es interesante por su apariencia alternativa en dos columnas. Muestra una imagen en una columna con una empresa, texto y logotipos en el otro. Los fondos alternan diferentes tonos de blanco sucio para ayudarlos a distinguir.
Ver sitio web 10. Primal Fitness

Este sitio fue enviado por Justin Bailey. Este sitio usa muy bien el color. La sección Hero muestra una imagen grande y una CTA que se destaca hermosa. Me gusta la sombra detrás del texto en el título. CTA también se destaca en el menú. La primera y la sección de la sección utiliza separadores de secciones para crear un CTA interesante. Las imágenes a lo largo del aspecto se colocan sobre bloques de color. Cuando se usan más imágenes en el mismo bloque, son compensadas entre sí. Este sitio tiene uno de mis dibujos favoritos para borrones. Se superponen sobre una caja negra e incluyen un estilo de borde superior. Los borrones y el cuadro de fondo tienen efectos de sombra. Cada una de las páginas sigue un aspecto similar e incluye la naranja resaltada y el estilo de la sección. ¡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 Vitaminco / Shutterstock.com