10 sitios Divi con páginas de cartera geniales

La página de cartera es una de las páginas más importantes para cualquiera que brinde un servicio. No solo demuestra el tipo de trabajo que realiza, sino que también le muestra al visitante su nivel de experiencia y los clientes con los que ha trabajado. Las páginas de portafolio se pueden diseñar de muchas maneras diferentes. En este artículo, veremos 11 sitios web de Divi con interesantes páginas de portafolios que te ayudarán a inspirarte para tu próximo diseño de Divi.

Las páginas de cartera suelen incluir la cartera estándar, la cartera de filtro o los módulos de cartera de ancho completo. Sin embargo, hay otras formas de mostrar su cartera. Algunos construyen el portafolio con elementos como imágenes, anuncios publicitarios o galerías. Por supuesto, esto tiene que funcionar bien dentro del diseño de la página. Veremos ejemplos de cada uno.

Mostraré una imagen de la sección que me gusta y discutiré lo que me gustó de ella. Los sitios web no están en ningún orden en particular. Espere hasta el final para ver algunos enlaces que lo ayudarán a subir de nivel su propia página de cartera usando Divi.

1. Bendición creativa

Este sitio muestra una lista de servicios que se abren en alternancia en la sección principal seguida de una sección de ancho completo para mostrar una cotización. La sección de portafolio muestra las categorías de los servicios, nombre del cliente y descripción del cliente a la izquierda, e imágenes del proyecto a la derecha. Cada uno de los artículos de la cartera está separado por un divisor delgado. Los ejemplos de sitios web incluyen enlaces para ver el sitio web en vivo.

Ver sitio web

2. clavija redonda

Este sitio muestra los artículos de la cartera en tres columnas e incluye una sección en una sola columna. Las secciones de tres columnas colocan una superposición sobre las imágenes de cada proyecto con el logotipo del cliente en blanco. Los iconos dibujados con líneas blancas en las esquinas inferiores muestran la categoría del proyecto. La sección de una sola columna muestra una imagen del proyecto con texto y un botón sobre un fondo estampado. En la tercera sección, proporciona enlaces para ver más en cada categoría.

Ver sitio web

3. Leo Whou Teng

Esta página coloca los elementos de la cartera en un diseño de varias columnas sin espacio entre las imágenes. Al pasar el cursor sobre cualquiera de ellos, aparece una superposición azul sobre la imagen y un cuadro en la parte inferior que muestra el nombre y las categorías del proyecto. El portafolio incluye dos y tres columnas y alterna el diseño. Las imágenes utilizan diferentes fondos y muestran las imágenes de los proyectos en diferentes tipos de dispositivos. Este sitio hace un excelente uso del color.

Ver sitio web

4. Gráficos de Studinger Media

Este sitio presenta la página de la cartera con el logotipo, el nombre y el título de la página de la empresa sobre una imagen de fondo elegante que apenas se ve a través de la superposición en monocromo. La sección de cartera utiliza botones de estilo para el filtro y muestra los proyectos en una cuadrícula de tres columnas. Al pasar el cursor, la imagen gira y proporciona un enlace. La página también incluye una llamada a la acción, un formulario de contacto y un pie de página revelador con un código QR y botones de seguimiento social que coinciden con la marca del sitio.

Ver sitio web

5. Catalina Cliffe

Esta página de portafolio muestra una imagen de pantalla completa con título y descripción en una superposición en paralaje. El desplazamiento revela una sección de texto con el nombre y la ubicación del proyecto y los nombres de las personas involucradas. A continuación se encuentra una galería que incluye imágenes en pantalla completa y una cuadrícula de tres columnas. Otros proyectos siguen un patrón similar con imágenes que se muestran dentro de una cuadrícula de dos o tres columnas.

Ver sitio web

6. Diseño web súper divino

Este numera cada proyecto y muestra una imagen que incluye el logo de la empresa y los servicios prestados, el título del proyecto con una fuente manuscrita, una breve descripción del proyecto y un botón para ver el proyecto en vivo. El texto del título, el borde y los colores de los botones coinciden con la marca del sitio. Después de esto, hay una llamada a la acción para una aplicación de reserva en línea.

Ver sitio web

7. Obtenga diseño web

Esta página de cartera carga imágenes de proyectos similares a Pinterest. Se muestran en una cuadrícula de 4 o 5 columnas (según el tamaño de la pantalla y el nivel de zoom). Al pasar el cursor sobre cualquier proyecto, aparece una lupa. Al hacer clic aquí, se abre la imagen en una caja de luz. Muchas de las imágenes son diseños completos de sitios web, mientras que otras son el área principal.

Ver sitio web

8. Caporal Marketing Digital

Esta página de cartera muestra una imagen de ancho completo con título, eslogan y botón con un borde interesante que coincide con los colores de la marca del sitio. El desplazamiento revela la cartera filtrada en una cuadrícula de tres columnas. El portafolio muestra los logotipos del cliente en monocromo que se muestra en color al pasar el mouse por encima. También incluyen el nombre del cliente y el servicio prestado. La línea de la izquierda muestra los nombres de las redes sociales en texto orientado hacia los lados. Permanecen en la pantalla al desplazarse.

Ver sitio web

9. El zorro poderoso

Esta página se presenta con un fondo de ancho completo con una superposición oscura y una fuente elegante para mostrar el título de la página. La cartera filtrada muestra los logotipos del cliente en monocromo. Al pasar el mouse sobre cualquiera de los proyectos, aparece una superposición de la dirección de donde vino el mouse. La superposición muestra el nombre de la empresa y los servicios proporcionados junto con un enlace para ver el proyecto en vivo. A esto le sigue un CTA, una sección de dos columnas con una imagen de fondo en paralaje y un control deslizante de testimonios, botones de seguimiento social y un feed de Instagram.

Ver sitio web

10. Waka

Este fue desarrollado primero para dispositivos móviles. La página se presenta con una gran sección con texto extra grande que incluye un título y una descripción. On scroll y ticker aparece en la parte inferior de la página y permanece en la pantalla en esta ubicación. El cursor cambia a una flecha grande y cambia a una mano grande cuando pasa el cursor sobre una imagen. Los proyectos se muestran en dos columnas. La página también incluye una lista de servicios, un formulario de contacto y suscripción al boletín. El pie de página se revela en el desplazamiento y muestra un video que se muestra a través de la sección de texto recortada.

Ver sitio web

pensamientos finales

Ese es nuestro vistazo a 11 sitios web de Divi con interesantes páginas de portafolios para ayudarlo a inspirarse para su próximo sitio web de Divi. Hay muchos artículos aquí en el blog de ET que se enfocan específicamente en portafolios o elementos como notas publicitarias, imágenes o galerías.

Aquí hay algunos:

  • Cómo usar un portafolio filtrable y navegación posterior para organizar estudios de casos con Divi
  • 3 hermosos diseños de página de proyecto gratis (y cómo construir más con Divi Builder)
  • Cómo usar Divi Leads para medir la efectividad de su sitio de cartera
  • Cómo crear una página de inicio de cartera mínima con Divi
  • Uso de filtros, secciones destacadas y llamadas a la acción para ampliar una página de inicio de cartera mínima
  • Descarga gratuita de Divi: paquete de diseño de cartera de página de inicio
  • Descarga gratuita de Divi: paquete creativo de diseño de cartera de una sola página
  • Usando Divi’s Fold Animation para hacer florecer Blurbs
  • Cómo agregar efectos de desplazamiento avanzados al módulo Blurb de Divi usando Hover.css
  • 5 formas divertidas de diseñar el módulo Blurb de Divi
  • Creación de una galería de escala de grises a color con el módulo Divi Gallery
  • Cómo crear un efecto superpuesto único con imágenes de fondo
  • Cómo usar las nuevas opciones de filtro de Divi para embellecer sus imágenes

Queremos escuchar de ti. ¿Cuáles de estos sitios web con interesantes páginas de portafolios son tus favoritos? Háganos saber en los comentarios.

Imagen destacada a través de Graphic farm / shutterstock.com