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

Es nuevamente el momento de la división mensual de exhibición, 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 septiembre. 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 septiembre de 2019 Referencias 1. Novia errante

Este sitio fue enviado por Kelsey Spectre. Enmarca la apariencia con obras florales. El encabezado coloca el menú de hamburguesas a la izquierda y un CTA a la derecha. Un control deslizante muestra fotos de la configuración e incluye navegación ubicada verticalmente. Un módulo de texto se superpone a esto y proporciona información sobre la empresa, con un enlace estilizado debajo para ver los servicios. Bajo esto hay una sección con un eslogan en una fuente elegante. Una sección con información incluye una imagen que se superpone a la sección anterior. Los testimonios se muestran en una sección de ancho completo, con el nombre en un lado. Me gusta CTA en la parte inferior, que sigue el mismo diseño que el resto del sitio e incluye un módulo de texto que contiene palabras como una tarjeta. Un sótano personalizado incluye la alimentación integrada en Instagram.
Visite el sitio 2. CPA RHN

Este sitio fue enviado por Guillaume Bourdages. Lo primero que noté fue el menú. Los elementos del encabezado están bloqueados e incluyen un CTA, pero lo que sale es Mega Menu. Al colocar el cursor sobre un elemento de menú, se muestra una sección de ancho completa, con una imagen en un lado, una descripción con un botón y varias columnas de enlaces de texto. La sección Hero presenta una imagen de pantalla completa con un gran eslogan, con una descripción y CTA. El desplazamiento muestra un gráfico grande con un CTA. Me gusta la sección de la sección que muestra las fotos en forma de tarjetas con el nombre en la superposición. Más secciones en la pantalla completa tienen imágenes en un lado e información en el otro. Los testimonios se muestran en una diapositiva de pantalla completa. También tiene una sección de contacto de estilo y un sótano personalizado con una imagen. Visite el sitio web 3. Airisa
Este sitio fue enviado por Kristy Hill. Tiene un aspecto simple y único. La sección del héroe se divide en cuatro columnas. El primero muestra el logotipo. Las siguientes tres muestran imágenes para categorías. Los nombres de las categorías aparecen por encima de ellas. Si hace clic en el nombre o la imagen, llegará a una galería para esa categoría. La siguiente sección proporciona información sobre el fotógrafo e incluye una imagen círculo con una máscara de texto. Este es un feed de Instagram construido y luego el logotipo de seguimiento social. Las páginas de la galería muestran las imágenes en un mosaico e incluyen filtros que parecen un menú secundario debajo del menú principal.

Visite el sitio web 4. Aranzer
Este sitio ha sido enviado por la construcción de Aranzer. La sección Hero muestra imágenes y gráficos en varias capas que siguen el cursor del mouse mientras se mueven en la pantalla. Una sección obtener más información sobre nosotros incluye información y un botón que conecta la página y muestra el proceso de trabajo con ellos utilizando borrones numerados. Otra sección de borrones muestra las ventajas de usar la empresa. La sección para servicios presenta una CTA e imágenes de trabajo. También incluye un CTA para solicitar una oferta justo por encima de un sótano personalizado. También aparece una solicitud CTA en el menú. La página del blog presenta una diapositiva posterior a la publicación de los últimos elementos. La página de Servicios muestra muchas imágenes superpuestas en un aspecto alternativo. Visite el sitio 5. Latitude Park

Este sitio fue enviado por Rusty Rich. La sección Hero incluye una imagen de fondo y una superposición de gradiente que incluye un eslogan de texto extra de mar en un lado y una lista de enlaces en el otro con fondos de gradiente. Insignias y una formulario superposición con la sección Hero y proporcionan información sobre la empresa. Una sección de borrones funciona como CTA. Una sección del proyecto presenta ejemplos de obras utilizando imágenes y títulos. Los testimonios se muestran en una sección de tres columnas, en un fondo azul sólido, que coincide con el texto en todo el sitio. Se coloca un CTA de planificación sobre un fondo de pantalla en paralaje. La sección del blog muestra las últimas tres publicaciones en libros simples que incluyen títulos azules. Las páginas usan excelentes tablas de color y precios.
Visite el sitio 6. Sarah Antwerpes

Este sitio fue enviado por Christian Mauerer. Tiene un diseño de revista interesante. La sección Hero muestra una imagen de pantalla completa con el título del sitio y los lemas que rodean la imagen, las ubicaciones se enumeran verticalmente y un triángulo crea un testimonio insertado. El desplazamiento revela el menú y una sección con logotipos de medios en el que se presentan los clientes, un botón, un testimonio y una imagen del propietario del sitio. La siguiente sección presenta una imagen con un gran título impreso verticalmente y una cita del propietario. Varias secciones incluyen títulos grandes y muchas imágenes en múltiples columnas o superpuestas mutuas y CTA. Me gusta la sección de testimonios con texto enmarcado, mayúsculas y mayúsculas que crea un fondo de paralaje real y un botón para leer más.
Este sitio fue enviado por Etienne de Ruche. La sección Hero muestra un CTA en un lado y imagen en el otro, con una forma elegante, con tres formas de color en la parte posterior. Una sección de productos muestra productos con un tono de caja y efectos que agregan un borde al mouse. Dos imágenes más grandes incluyen un borde de color en un lado y texto en superposición que coincide con el borde. Los logotipos de la compañía se muestran en una sección delgada con una caja de caja. Varias secciones incluyen CTA con módulos de texto y borrones. Me gusta la sección en la parte inferior con una imagen que incluye una sombra de un cuadro que superpone un módulo de texto con una mancha de color en una esquina que se superpone sobre la sección encima. También me gustan los elementos en el menú desplegable que agrega una barra de color en un lado en el cursor.

Visite el sitio web 8. Mepack-CZ

Este sitio fue enviado por Tomaš Orliczek.La pantalla se divide en dos colores al final de la página, con negro a la izquierda y blanco a la derecha.La sección Hero muestra un robot de 6 ejes en el centro con el nombre del producto sobre la imagen.El texto que aparece en el lado negro es blanco, y el texto que aparece en el lado blanco está en negro.La siguiente sección muestra otro robot en el centro con borrones en ambos lados y módulos de texto en el centro sobre la imagen para descripciones.Otro robot cuelga de él (estilo Glados) y conduce al sótano con íconos sociales, que también aparecen en la parte superior del menú al hacer clic en el ícono de la hamburguesa.La página del producto muestra cada uno de los robots de fondo blanco y negro que se alternan.Las páginas del producto muestran al robot con su controlador, por un lado, con las especificaciones por el otro. Visite el sitio 9. Fitness Master Fitness

Este sitio fue enviado por Steve Lavine. La sección Hero muestra una imagen de fondo de pantalla completa con texto de superposición. El texto usa letras interesantes. El logotipo cambia en el desplazamiento. La siguiente sección muestra tres imágenes para ayudar a la información sobre el propósito del sitio. Una sección sobre la información de visualización con un botón en un lado y video incrustado al otro, con una línea que los separa. Los testimonios de ancho completo siguen esto e incluyen una imagen rodeada por un borde de estilo que coincida con el sitio. Me gusta la sección que muestra los cuatro pilares del éxito. Muestra borrones con iconos en la parte superior e imágenes en la parte inferior, sobre una imagen de fondo que conduce a la siguiente sección. Se crea una cronología con imágenes en un lado y balas en el otro en un aspecto alternativo. El logotipo aparece en el medio y el color se completa a medida que avanza. Más imágenes se unen a diferentes páginas. Visite el sitio 10. asustarse
Este sitio fue enviado por Tobias Drevenstedt. Use muchos elementos de color y animaciones en todo el sitio. La sección del héroe muestra un CTA en un lado e imagen en el otro. Varios módulos de texto están sobre la imagen y proporcionan especificaciones y otras información del producto. Una diapositiva del logotipo se superpone entre la siguiente sección y la siguiente, que incluye un gráfico interesante. La información se proporciona dentro de los conmutadores. Me gusta el próximo CTA, con el fondo oscuro y el color en una esquina. El color también se usa en el botón CTA. También me gustan las borrones para las soluciones. Incluye gráficos en gris, que anima y cambia de color. Los servicios se muestran en conmutadores que incluyen color en un lado. Las categorías para los servicios utilizan iconos multicolores. También me gusta la sección de las industrias con su elegante filtro. Visite el sitio en conclusión son las mejores 10 referencias en el sitio web de nuestra comunidad para septiembre. ¡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 doppelganger4 / shutterstock.com


Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Leave a Reply

Your email address will not be published. Required fields are marked *