Diseño de escaparate de diseño: nuevas referencias de julio de 2020

Nuevamente es el momento de nuestra división de exhibición mensual, donde echamos un vistazo a ocho sitios web maravillosos 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 en julio. 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! Diseño de escaparate de diseño: nuevas referencias de julio de 2020 1. Poptin

Este sitio fue enviado por Tomer Aharon. El sitio utiliza mucho púrpura para gradientes de texto y fondo y tonos similares de rojo, amarillo y azul para reflejos. El menú incluso incluye borrones con íconos en esos colores. La sección Hero muestra un efecto de tipificación para la palabra clave, que cambia el eslogan y el mensaje CTA. Una característica interesante es un conjunto de secciones que muestran botones en una pila vertical cerca de una pantalla de computadora alternativa. Si hace clic en cualquiera de los botones, cambie lo que se muestra en la pantalla del modelo. Una sección similar muestra archivos con iconos sobre la pantalla del modelo. El sitio es multilingüe, lo que le permite elegir entre 7 idiomas.
Visite el sitio 2. El imperio LVP

Este sitio fue enviado por Nadzim al-Rash. Use mucho bronce para fondos de texto negro. El menú de navegación es simple, con un enlace para ver la galería y uno para reservar una sesión. Los efectos del flujo cambian su fondo en un color más oscuro. Un efecto desenfoque suaviza las imágenes dentro o fuera mientras se ejecuta, incluida la imagen del héroe y ciertas galerías. El pie de página muestra un fondo verde oscuro, pero completa el bronce. Incluye un menú de navegación de bronce en la parte superior y los efectos flotantes. Las galerías muestran imágenes grandes en una sola columna para presentar el trabajo. La página de reservas muestra múltiples mapas para cada uno. Visite el sitio web 3. Andy Hooke
Este sitio fue enviado por Andy Hooke. Use mucho azul oscuro para fondos y texto en todo el sitio. El menú muestra iconos para navegar por el submenú. La sección Hero presenta capturas de pantalla de las obras que se superponen a la siguiente sección. También incluye varios modelos de fondo en el verdadero paralaje para destacar. Se subrayan más palabras clave en los títulos. Me gustan especialmente el conjunto de secciones para trabajos recientes que combinan testimonio con capturas de pantalla y un enlace para ver el proyecto. Cada una de estas secciones va a un color de fondo diferente mientras se ejecuta, moviéndose de azul oscuro a azul medio y luego a naranja. El blog y otras páginas también incluyen los mismos patrones de fondo que la página inicial. Algunas de las páginas las agregan a los íconos.

Visite el sitio 4. al sur del desaliñado podcast
Este sitio fue enviado por Brent Collier. El sitio utiliza mucha naranja y azul oscuro para fondos y modelos. El fondo es un dibujo con estilo de una montaña con colores llamativos. Un reproductor de audio con el último podcast se coloca debajo del eslogan en la sección de héroes. Su imagen incluye obras de arte y colores en el sitio. Otra sección muestra patrones de fondo en colores llamativos en un verdadero paralaje. Los iconos de estilo están vinculados a los diferentes lugares donde puedes escuchar el podcast. También me gusta la sección de contacto. Incluye un fondo naranja con la forma de contacto en un lado en un color diferente, pero los campos se superponen entre los dos colores.

Este sitio fue enviado por Rui Edmond. El sitio utiliza un azul audaz en fondos, botones y títulos. Principalmente, hay un diseño de 2 columnas, con secciones que se alternan de azul a blanco. Cada una de las secciones incluye CTA con descripciones y enlaces a productos. Los gráficos enfatizan los enlaces a los productos. Los rompecabezas se integran en el tipo de post-proyección. Los testimonios muestran imágenes rodeadas de fondos estilizados. El sitio incluye varios CTA con modelos alternativos. El diseño limpio asegura la separación de cada uno de los demás.
Visite el sitio 6. Meg Lonergan

Este sitio fue enviado por Kurt Maddern. La apariencia es simple, con solo un menú, logotipo, notificación de derechos de autor y una diapositiva. El énfasis se pone en la diapositiva, pero usa el espacio en blanco para llamar la atención. El control deslizante toma dos tercios en el lado derecho de la pantalla. Un tercio a la izquierda está claro, con el título del sitio en la parte superior y el logotipo en la parte inferior. El menú de navegación está por encima de la diapositiva y muestra las conexiones en dos columnas sobre el lado izquierdo de la diapositiva. Un enlace de solicitud está por encima del lado derecho de la diapositiva. A medida que ejecuta, las columnas apiladas del menú se convierten en un menú normal con todos los enlaces en una fila horizontal, el control deslizante muestra imágenes con diferentes anchos para presentar el trabajo. Las notas de la página muestran publicaciones de blog con grandes imágenes y enlaces de navegación que se agregan a la izquierda. Visite el sitio 7. Registro
Este sitio fue enviado por Christina Oosthuizen. Use la marca azul y amarilla, con una nota de rojo aquí y allá. El menú incluye enlaces animados en azul y amarillo. La sección Hero muestra una imagen del producto que se combina con el fondo. Los lemas se crean con texto ultra alto en blanco con la palabra clave en amarillo. Otros títulos colocan el texto en amarillo y azul. Los botones grandes se muestran con sombras negras sólidas que se destacan. El sitio también incluye muchos medidores, borrones, testimonios, un formulario de contacto y botones sociales. Me gusta especialmente una sección que tiene un gráfico de productos en dos colores. El fondo de un lado coincide con el color del producto en el otro lado. La página de contacto utiliza un diseño similar.


Visite el sitio web 8. PlantVibe
Este sitio fue enviado por DJ Wheeler. El sitio utiliza verde para el color de la marca de los fondos de la sección, gráficos y texto. La sección Hero incluye una diapositiva con CTA en modelos alternativos que muestran la imagen en un lado y la información en el otro. CTA simple con pantalla gráfica y texto sobre un fondo verde con un patrón elegante. Una sección de colecciones muestra las diferentes opciones en una diapositiva de producto. Esta diapositiva incluye intensos resaltados verdes para el título, los enlaces y la navegación. El formulario de contacto utiliza el mismo verde para el botón de envío. Incluso las fotos con productos tienen colores de fondo que se utilizan en ciertas secciones para formar parte del diseño del sitio web. Visite el sitio 9. Armado

Este sitio fue enviado por Thomas van der Wolde. El sitio utiliza mucho azul en el fondo, gráficos, texto y CTA en el menú de navegación. La sección Hero muestra un CTA con efecto de tipificación que cambia las palabras clave. Una sección de borrones muestra un color diferente para el borde superior para cada propaganda e incluye elementos gráficos con un fondo de blob. Una sección de pasos numerados muestra números en fuentes grandes y azules, con texto en un lado y un gráfico en el otro en un aspecto alternativo. Las otras páginas tienen un diseño similar y simple que destaca los servicios y beneficios.
Visite el sitio 10. MJS Media

Este sitio fue enviado por Matt Southam. Use un amarillo audaz para el color de la marca, con algunos otros colores para soportarlo. La sección del héroe coloca una superposición amarilla sobre un video de fondo que apenas se muestra. El fondo amarillo también se usa para un testimonio en todo el ancho y para el botón de contacto. Varias borrones muestran gráficos con fondos rodeados en diferentes colores. Me gusta la sección con un estudio de caso que muestra una imagen en el fondo detrás de una superposición gris. El menú de pantalla completa coloca enlaces en texto grande en tres columnas que facilitan la visualización de la navegación, los servicios y la información de contacto. El fondo no está claro, pero visible. También me gusta el diseño limpio del blog. Visite el sitio en la conclusión son las mejores diez referencias en el sitio web de nuestra comunidad Div para julio. ¡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 al editor a Nathan sobre los elegantes temas de Temas Com. Asegúrese de hacer el tema del correo electrónico “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 DrogenEvev / Shutterstock.com