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

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. Todos los meses presentamos los mejores sitios web de Divic que han sido enviados por nuestra comunidad y hoy quiero compartir sus primeros diez sitios web en 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: Nuevas referencias de septiembre de 2018 1. Píxeles y lápices

Este sitio fue enviado por Tyler Díaz. Una hermosa pantalla en la pantalla completa muestra de qué se trata este sitio con gráficos y colores, junto con patrones interesantes. La siguiente sección muestra los logotipos del cliente con un botón para obtener más información. Una sección de trabajo presentada muestra proyectos como libros con imágenes, texto, botones y efectos de sombra. Me gusta la última sección, que muestra otro conjunto de elementos gráficos con un simple llamado a la acción y botones sociales colocados en una sección angular. La página de trabajo muestra versiones más grandes de los libros de proyectos, cada una lleva al visitante a una página simple y elegante de detalles sobre el proyecto. También me gusta el uso simplificado de colores y gráficos.
Ver sitio web 2. Andrea Masotti

Este sitio fue enviado por Andrea Masotti. Este sitio utiliza curiosamente los módulos Divi. Tres filas muestran tres columnas que incluyen texto en el extremo derecho e izquierdo y una imagen en el centro. El texto y los gráficos usan negro con blanco para el color que se mezclan con el fondo. Cada fila está separada de una línea negra. Colocar sobre la fila solo convierte todos sus elementos en negro. Colocar el cursor sobre cierto elemento en la fila cambia su color a rojo (para texto) o rojo y azul (para gráficos). Los gráficos rojos y azules se utilizan como elementos de encabezado para páginas de cartera. Este sitio web es un excelente ejemplo de cómo algo simple puede hacer una declaración importante.
Este sitio fue enviado por Adriano Alfaro. Muestra un encabezado de pantalla completa con un título y una descripción, seguida de una breve sección de búsqueda social, para que pueda saber instantáneamente sobre qué es el sitio e interactuar con el diseñador. Las borrones con grandes íconos, descripciones y enlaces muestran los servicios. Las siguientes secciones son mis favoritas. Muestran una imagen en un lado y texto en el otro con ancho completo e incluyen enlaces a la cartera. Alternan los lados mientras se ejecutan. Un fondo de video se reproduce detrás de un premio de cotización y CTA. Me gusta la página de cartera, que muestra imágenes de la pared hasta la pared de proyectos que se pueden hacer clic. Las páginas individuales del proyecto son el lugar donde este sitio realmente brilla. Estos son un hermoso ejemplo de arreglo moderno. Asegúrese de mirar la página Fiat.

Ver sitio web 4. Emily Merchant
Este sitio fue enviado por Emily Merchant. Crea un encabezado interesante usando un CTA. CTA se crea con una imagen, un borde, el tipo de trabajo proporcionado, el título y los botones. Tres fotos están debajo. Estos incluyen un título en una superposición. Colocar el cursor cambia su color y muestra un borde, creando una elegante página de proyecto CTA. Se crea una sección sobre una cita y un texto. Otro CTA de cartera dibuja gráficos mientras se ejecuta. La página de cartera crea un aspecto de múltiples columnas, cada imagen tiene sus propios colores superpuestos y continúa con los efectos de movimiento.

Este sitio fue enviado por Vincent Valentino. Utiliza muy bien los colores audaces y los efectos de Paralax. El encabezado de pantalla completa comienza el sitio con un hermoso fondo que presenta el texto y los botones. Una sección que muestra lo que hacen, muestra un mapa topográfico con bordes atascos para separarla de una sección de borrones, que muestra bloques con efectos de sombra. Me encantan las secciones con estudios de casos. Una imagen del diseño completo se muestra en el fondo mientras el texto se superpone y una imagen se ejecuta en paralaje. Los proyectos recientes se muestran en un aspecto de múltiples columnas. Este sitio utiliza un excelente diseño de una página.
Ver sitio web 6. Estación web

Este sitio fue enviado por Pierre Lannoy. Este es un sitio web de la aplicación. Mantenga el diseño simple y use muy bien el color. Me gustan especialmente los fondos azules con un gradiente sutil que se usa en todo el diseño. Una separación de la sección corrugada difiere el encabezado, mientras que los beneficios se muestran con imágenes y módulos de texto. El sitio también utiliza acomodaciones, que en realidad muestran estadísticas útiles sobre descargas e instalaciones públicas. Justo debajo de esto hay una sección que muestra las evaluaciones de la aplicación e incluye gráficos de calificación estrella. Los testimonios son limpios e incluyen efectos de sombra. También me gusta la página del blog, que muestra imágenes en dos columnas con una caja de caja, un título y un botón. En la carrera hay una superposición azul con un extracto del poste. La última publicación se muestra en una sola columna. Las publicaciones individuales también utilizan los efectos de la sombra de la caja e incluyen módulos de navegación y comentarios.
Este sitio fue enviado por Daragh Wallace. Este sitio se centra en un aspecto de blog. Muestra un encabezado extra de mar para mostrar el logotipo en el frente y el centro. Debajo de esto hay dos menús de navegación: los temas principales se colocan en el menú principal, y los temas se colocan en un menú secundario con una fuente ligeramente más pequeña. Una publicación presentada muestra una imagen en el lado izquierdo y el título, las categorías, el extracto y el botón leen más a la derecha en un cuadro más pequeño. Juntos tomo el ancho completo de la zona de contenido. Hay una sección de blog con 9 publicaciones en tres columnas. Las publicaciones muestran la imagen presentada, el título, las categorías, el fragmento corto y un botón. El escritor en mí ama la sección de ancho completo que muestra la definición del título del sitio web. Las publicaciones de blog también mantienen un diseño limpio, con la imagen presentada, el texto, un CTA, una diapositiva de imagen, un video (para algunas de las publicaciones) y una sección de blog con tres publicaciones. Este sitio es un excelente ejemplo de diseño de blog limpio. Ves el sitio web 8. Jerrix

Este sitio fue enviado por Jeroen Rotty. Use algunos de mis colores favoritos (son de Tennessee y en parte a Orange). El encabezado usa paralelo con un CTA. Un separador de secciones estilizadas ayuda a crear el espacio en blanco para la siguiente sección, que proporciona información sobre “información” con un enlace y una foto en un círculo. Los servicios se muestran con grandes iconos de dos colores, que utilizan reflejos de naranja y efectos flotantes. Las capturas de pantalla del trabajo reciente también usan efectos de HOB e incluyen un efecto de caja de sombra. La página de cartera continúa el diseño reciente de las obras. Si hace clic en uno, llegará al sitio en sí para que pueda ver el trabajo directamente. La página de WordPress muestra las ventajas en dos columnas e incluye gráficos dibujados manualmente en toda la página. Me gustan los colores de este sitio. Ves el sitio web 9. Mamás expuestas al riesgo

Este sitio ha sido enviado por Swag Design Factory.Use un diseño en el cuadro con un aspecto de múltiples columnas.El encabezado muestra el logotipo, el menú y los botones de seguimiento social verticalmente en un lado, con un video y un eslogan en el otro lado.Una sección de imagen e información utiliza la misma línea, pero alterna la imagen y el texto.Varias secciones de dos columnas tienen una imagen con un botón que se superpone y envía un mensaje de texto con CTA.Un testimonio de ancho completo utiliza el logotipo y los colores del sitio para mezclar perfectamente.Las publicaciones de blog individuales muestran un modelo de fondo con el título y los botones de seguimiento social, seguidos de la publicación y la barra lateral, que están diseñadas para que coincidan con el sitio.Me gustan los colores de color verde oscuro y rosa que se usan en todo el sitio. Ves el sitio web 10. Wems Wireless

Este sitio fue enviado por Philip Winking. Use colores de marca (naranja y verde) con imágenes electrónicas (con la misma marca) para describir este sitio web comercial. Esto se ve en el encabezado en la pantalla completa y en todo el sitio. Cuatro imágenes de dos columnas están vinculadas a los diferentes productos. Me gusta CTA que ofrece una animación con título y botón. Se superpone a la sección anterior (de los logotipos del cliente) y se acompaña de un conjunto de blurbbs para describir los beneficios. CTI para demostraciones usan cintas notables en las esquinas de las imágenes. Los productos se presentan con modelos con varias columnas que conducen a lazos de productos. Las páginas individuales de los productos también incluyen un estilo de división dulce para las descripciones de los productos y los modelos de fondo de las páginas. Este sitio utiliza muy bien el diseño de la apariencia y el color. Usted ve el sitio web en conclusión, estas son las 10 mejores 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 Koksharov Dmitry / Shutterstock.com