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

Es el momento nuevamente para el Divic Showcase mensualmente, donde echamos un vistazo a 10 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 junio. 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: New Junio ​​2019 Referencias 1. Marie Bouzkova

Este sitio fue enviado por Michal Teska. Este es un diseño de una sola página, que utiliza un menú de navegación solo para el título de socialización y los enlaces y coloca el menú en la parte inferior de la página. El menú permanece en posición mientras se desplaza. La sección Hero muestra una imagen grande del propietario del sitio en un lado, en el fondo de la pantalla completa. El nombre y las estadísticas se colocan en el otro lado. Los títulos para cada una de las secciones muestran un texto grande detrás del título. Los aspectos más destacados del transportista muestran imágenes que se superponen en un lado, con las que se destacan en borrones en el otro, seguidos de un video construido. Las imágenes se muestran en la galería de mampostería y se abren en una diapositiva de pantalla completa. La sección del equipo presenta los dolores de cabeza del equipo con un modelo de fondo. La sección de seguimiento incluye flujos de Facebook y Twitter construidos. El sitio usa el color y el texto interesantes.
Visite el sitio 2. MWS digital

Este sitio ha sido enviado por Kalynn Midgy. Tiene una página de destino limpia, con énfasis en la exhortación a la acción. El encabezado muestra la información principal en el centro de la página con el logotipo, el eslogan y la CTA. Un gráfico con CTA para su enfoque se superpone en la siguiente sección. Una sección con 2 columnas muestra una imagen móvil en una columna de texto en la otra columna. Las siguientes secciones siguen este diseño y alternan la página. La sección del blog muestra imágenes cuadradas con superposiciones y texto oscuro, creando un diseño limpio y elegante. Me gusta la sección de enlaces a los servicios. Muestra el servicio de tipo grande relacionado con cada servicio. Este sitio utiliza elegantemente color y aspectos. Visite el sitio 3. Una papaya
Este sitio fue enviado por Andrea El-Bardawil. El sitio es un diseño de una sola página que utiliza muchos fondos de paralax con imágenes sobre un fondo. El primer plan muestra imágenes que interactúan con fondos mientras se ejecutan. El primer plan incluye un texto grande que describe la siguiente sección. La información se proporciona en borrones con gráficos apropiados. Una sección numerada muestra información con un CTA. Los ejemplos de los últimos trabajos se presentan en una diapositiva con una descripción y un enlace en un fondo rojo audaz. Este sitio utiliza muy bien el tema de las frutas, las imágenes de Paralax y Red and Bold Orange.

Visite el sitio 4. Lima fresca
Este sitio fue enviado por Josh Allan. El sitio utiliza la lima verde como color de marca gráfica, como iconos, logotipo y menú CTA (después del desplazamiento), así como botones y texto y azul para fondos y botones. La sección Hero presenta un interesante modelo de fondo de diferentes tonos de azul oscuro, con un gráfico de edificios con personas. El primer plan muestra el título, Slogan y CTA. Los servicios se describen en borrones con íconos verdes. Otra sección muestra información en un lado con un gráfico de un edificio y personas en el otro lado que coinciden con la sección de héroes. Cada una de las páginas utiliza excelentes gráficos y fondos modelados. Visite el sitio 5. Farm on the River

Este sitio fue enviado por Kelsey Spectre. Use un logotipo extra de mar que se superponga en el menú y la siguiente sección. El menú aparece lo suficientemente bajo en la pantalla para que la parte de la imagen principal aparezca arriba. La imagen de ancho completo muestra la ubicación y usa el cielo en la imagen para colocar el texto del título. Un boletín informativo de CTA aparece debajo de él usando una fuente de script como un título que parece un escrito a mano. Las imágenes se utilizan como enlaces a páginas de información. Varias secciones muestran mapas o imágenes en un lado con texto a otro para describir ubicaciones o proporcionar información. Las diversas páginas presentan imágenes de ubicaciones de ancho completo y usan imágenes a mano o imágenes satelitales para mapas. Los colores para fondos y texto se ajustan perfectamente al tema de la granja.
Visite el sitio 6. Eden River Equity

Este sitio fue enviado por Salma Sheriff.Incluye una barra de menú superior con enlaces de cuenta, un área de logotipo grande y luego la navegación principal con un fondo azul que se vuelve más estrecho que el resto del sitio.La imagen de fondo principal muestra un eslogan y un CTA de la tienda en una superposición.Los títulos son verdes o marrones para caber en el diseño del sitio.Un CTA de Facebook describe al grupo en una caja colorida que se destaca.Use una imagen rodeada y un botón que conecta el grupo.Una sección sobre Podcast usa imágenes con títulos para contactar los últimos episodios.Otra sección que se destaca es un conjunto de borrones con imágenes rodeadas que se unen a diferentes páginas, que sigue un estilo similar a la página inicial.Los colores para texto y reflejos funcionan bien con el diseño del sitio.
Este sitio fue enviado por Ricky. El sitio es un diseño de una sola página que utiliza colores oscuros y colores discapacitados para dar un aspecto elegante. Los reflejos azul claro se utilizan para títulos, fondos y borde. La sección Hero muestra el eslogan con un conjunto de CTA seguidos de un logotipo grande. Una sección de información muestra una imagen del propietario del sitio en un lado en una imagen de estilo, con la información presentada en el otro lado en un área más grande con el título, una fuente de script y la información en sí misma en un cuadro con un elegante borde que se superpone sobre la imagen. El mismo título y el diseño de la fuente con scripts se utilizan para introducir más secciones en todo el sitio, incluidas las secciones de cartera que muestran imágenes de proyectos en forma de libros. Los colores, las fuentes y los separadores angulares proporcionan a este sitio un diseño limpio e interesante.

Este sitio fue enviado por DJ Wheeler.El sitio utiliza un esquema de color negro, blanco y marrón para ayudar a crear un diseño limpio.El texto del menú es más grande que normalmente con mucho espacio entre enlaces.La sección Hero muestra una imagen asociada en separadores corrugados con anchos completos y extraes, con transparencia para mezclar en la siguiente sección, que tiene un texto negro grande sobre un fondo blanco.Otra imagen de ancho completo se combina con la sección anterior y siguiente, que incluye grandes botones para las categorías de tiendas seguidas de un conjunto de productos.Varias secciones proporcionan información con imágenes y botones, o con borrones e iconos.Cada sección conserva información corta y simple.Los testimonios y las secciones de boletines siguen el mismo diseño simple.Este sitio utiliza un excelente espacio en blanco y tipografía.

Este sitio fue enviado por Eugene Dimov. El sitio utiliza un diseño de cronología para separar las secciones. Una imagen de pantalla completa muestra el título y la CTA. Las grandes secciones incluyen grandes títulos detrás de los títulos. Los encabezados se deslizan lentamente en su posición mientras corren. Cada sección está numerada con un bloque de color y un número con una línea vertical. Los números saltan en su lugar mientras se ejecutan. Las secciones más pequeñas tienen títulos verticales que aparecen en los lados de la pantalla. Las secciones en sí incluyen la alternancia de CTA con texto e imágenes. Me gusta la aparición de la página de la galería. Muestra la imagen en un lado con un borde grueso y la información del fotógrafo en el otro lado y los botones para comprar o imprimir la imagen. La página de contacto muestra el formulario de contacto en una hoja colgando del techo. La forma está cerca de una diapositiva de imagen. El tablero en el que se colocan está sobre una pared de ladrillo. El sitio usa muy bien la impresión y la fotografía.

Este sitio fue enviado por Rui Silva. La sección Hero muestra un gran modelo de fondo naranja con una CTA e imágenes angulares en Paralaje. La sección tiene un divisor angular que se mezcla en la siguiente sección. A medida que ejecuta, los productos se muestran en un lado, con descripciones en el otro y alternan en la página. Algunas de las imágenes se superponen sobre los elementos de fondo. Otra sección de información interesante utiliza un bloque con un fondo negro que toma la mayor parte de la pantalla y se sienta a un lado. Mientras ejecuta, el fondo que se muestra se mezcla en la imagen a continuación. CTA se destaca para colores llamativos sobre fondos negros. Este sitio utiliza el color y la fotografía de manera excelente. Visite el sitio de conclusión son las mejores 10 referencias en el sitio web de nuestra comunidad para junio. ¡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 Rudall30 / Shutterstock.com