Diseño de escaparate de diseño: nuevos subs en julio de 2018

Es el momento nuevamente para nuestro espectáculo de división mensual, 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 en julio. 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! Divis Design Showcase: Nuevas referencias de julio de 2018 1. Teix Web Studio

Este sitio fue enviado por Axel Shannon. Incluye una sección de héroes con un hermoso modelo de fondo. Sobre el modelo hay un gráfico animado y una exhortación a la acción. La sección utiliza separadores de estilo que aparecen en toda la página inicial. La siguiente sección proporciona información y borrones. Las borrones crean un mosaico y usa un tono de caja. Otra sección utiliza un estilo similar para una galería sobre un fondo modelado. Los recuentos redondeados se superponen sobre las secciones. Un formulario de contacto se superpone en un mapa. Me gusta cómo este sitio usa superposición y gráficos.
Ver sitio web 2. Vity

Este sitio fue enviado por John Cooper. Use un diseño interesante para superponerse a la sección Hero que crea un separador de estilo y ofrece varios colores creados por el modelo. Las imágenes del producto se superponen en dos secciones e incluyen borrones estilizados para descripciones. Una diapositiva de producto está mostrando imágenes en el centro de la pantalla, mientras que los borrones proporcionan información en ambos lados. Las páginas del producto utilizan un diseño similar e incluyen un estilo de sombra para la caja. Ver sitio web 3. Newport Cosmeceuticals

Este sitio fue enviado por Jeremy Gruver. Incluye una diapositiva de ancho completa para mostrar información e imágenes del producto y un botón para visitar la tienda. Un módulo de tienda muestra los productos en cuatro columnas con estilo para que coincida con la marca de la compañía. Un CTA muestra el producto con una lista de características y un botón de tienda. Las páginas de la tienda ofrecen un filtro de búsqueda que le permite restringir las opciones de búsqueda. También ofrece una interesante sección de seguimiento social que muestra la cantidad de acciones al lado de los botones de asiento extra.
Este sitio fue enviado por Simon Frost. Tiene un diseño de tienda interesante. La página inicial incluye una imagen de pantalla completa, un menú estilizado con cada elemento de menú contorneado, un CTA transparente y un divisor de sección estilizado. La siguiente sección es mi favorita. Incluye una foto de producto junto a un sistema numerado para mostrar los pasos. Cada número se puede hacer clic y hacer clic en ellos la información se muestra con una animación de transición. La sección de contacto presenta una imagen de fondo en verdadero parallex con separadores estilizados.

Ver sitio web 5. OMT Veyhl
Este sitio fue enviado por Jonathan Mast. Una línea debajo del menú muestra una pequeña flecha que se mueve al elemento de menú sobre el cual coloca el cursor. El área de Hero presenta un video para demostrar el proceso de fabricación detrás de un revestimiento oscuro. El texto amarillo audaz proporciona un eslogan. El mismo amarillo se usa como títulos y como fondo de sótano. Las siguientes secciones ofrecen una sola columna de texto y un par de CTA sobre un fondo estilizado. Ver el sitio web 6. Volumen 18 Este sitio fue enviado por Chelsey Lake. Use un diseño mínimo, con un enfoque en una tipografía grande y fotografía en blanco y negro. Huir del gran eslogan muestra una imagen que se superpone entre las dos secciones y proporciona información sobre la empresa. Los servicios se describen en borrones que utilizan un título de salida para la sección. Los módulos para personas de gran tamaño muestran imágenes grandes con casillas y sombras de texto en un lado en un patrón alternativo, superponiendo cada imagen. Una sección numerada muestra las ventajas de colaboración con la compañía con un título que se superpone a la sección anterior.

Ver sitio web 7. Amelie Frohlich

Este sitio fue enviado por Philipp Stakebborg. La página inicial utiliza gradientes interesantes para crear modelos de fondo en varios colores. Los colores aparecen detrás de una foto en un lado, con un CTA en el otro. Justo debajo de esto hay una sección de ancho completa, con logotipos de soporte de medios, y luego el fondo continúa en la siguiente sección, que incluye una imagen en un lado e información en el otro. Los borrones muestran gráficos altos en círculos que se adaptan a los colores del sitio y los botones con sombras de caja. El sótano utiliza un gradiente que incluye los colores en el sitio. Usted ve el sitio web 8. Highpark

Este sitio fue enviado por Eugene Cheng. Muestra un fondo lo suficientemente oscuro como para decir qué es para la sección de héroes. Por encima de esto está el eslogan y la información con un CTA utilizando un efecto de sombra poco claro. La siguiente sección muestra el título, el divisor y los logotipos de la empresa. La siguiente sección utiliza un separador de secciones estilizadas y ofrece testimonios en tres columnas y la misma CTA que el área de héroes. Los colores cambian de amarillo a naranja a mostrar borrones, una grabación de correo electrónico y luego un CTA final combina los dos colores como un gradiente sobre una imagen de fondo. El blog usa los mismos colores que las superposiciones de imagen.

Ver sitio web 9. Bubbler Planner
Este sitio fue enviado por Gennady Batrakov. Las burbujas están animadas en la pantalla, ya que el área de héroe muestra el título, el eslogan, los enlaces al almacén de aplicaciones y las imágenes del producto que se superponen a la siguiente sección. Los borrones parecen gráficos para que coincidan con las burbujas. Me gusta la siguiente sección que muestra un video construido y se superpone a la sección sobre ella y las dos columnas de su sección. La sombra de la caja la hace destacar. Varias secciones muestran el producto en un lado con borrones en el otro, alternando a medida que te mueves de una sección a otra. El control deslizante del blog también es interesante. Muestra una imagen con características grandes, con texto restante y categoría que superpone la imagen.

Este sitio fue enviado por Molly Seaton-Fast. Un control deslizante muestra varios CTA e incluye una pequeña sección de ancho completo para mostrar botones de seguimiento social. La siguiente sección ofrece un formulario de registro en el boletín informativo en un lado, con un blog de blog del otro, seguido de una alimentación social construida. Varias borrones con una columna de texto crean un CTA, mientras que las borrachas animadas extienden la información. Se utiliza un verde interesante para títulos, botones, iconos de propaganda y fondos en todo el sitio. También incluye la alimentación construida en Instagram. Me gusta el uso de colores y tipografía en este sitio.
Vea el sitio web en conclusión que estas son las mejores 10 referencias del 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 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.