10 sitios de la división con maravillosas páginas de proyectos

Las páginas del proyecto son excelentes para mostrar a los clientes potenciales el tipo de trabajo que realiza. Estos a menudo incluyen estudios de casos que lo ayudan a mostrar su experiencia y les dan una idea realista de qué esperar. Hay varias formas de crear páginas de proyectos con Div. En este artículo analizaremos 10 sitios de la Divica con maravillosas páginas de servicio para inspirarlo para el próximo sitio Div. Las páginas del proyecto generalmente incluyen elementos como imágenes, galerías, diapositivas, videos, testimonios e impulsos. Mostraré una imagen de la sección que me gusta y discutiré lo que me gustó de ella. Los sitios web no tienen un pedido especial. Siéntese hasta el final para obtener algunos enlaces para ayudarlo a recoger su propia página de proyecto única.
1. BCBD

Esto muestra una captura de pantalla del proyecto en la pantalla de una computadora portátil en un lado y una captura de pantalla más grande en el otro. En las imágenes, es una sección de dos columnas con un título, una descripción y un enlace al sitio web en una columna y una lista de los servicios proporcionados en la otra columna. Debajo de esto hay una sección con capturas de pantalla del sitio web que se muestran en diferentes dispositivos, un testimonio del cliente, un separador y un botón para ver el próximo proyecto. Ver sitio web 2. Jupper

Esta página del proyecto muestra una imagen del proyecto seguida del nombre del cliente, el nombre del proyecto y un separador. La siguiente sección presenta una descripción en la columna izquierda y una imagen del producto terminado a la derecha usando un tono de caja. Varias imágenes de las sombras de caja muestran el producto terminado en una sola columna seguido de un impulso a la acción. CTA utiliza separadores para la parte superior e inferior y usa texto con correo electrónico en el que puede hacer clic. Consulte el sitio web (el sitio está defectuoso). 3. Asociación de diseño de comunicación
Muestra un encabezado de ancho completo, con fondo, logotipo, menú, eslogan, divisor y una descripción de la empresa. El desplazamiento revela una fila 2/3, 1/3 con una imagen grande del proyecto en la columna más grande y una descripción en la columna más pequeña. La descripción incluye un desglose del proyecto, incluido un título, el nombre del cliente, descripción breve, soluciones y enlaces para descargar el proyecto en formato PDF, en un formulario de contacto y regresar a la página de cartera. Un conjunto de imágenes en el proyecto junto con el texto elegante se utilizan como CTA.

Ver sitio web 4. Fox cúbico
Esta página del proyecto muestra una imagen del proyecto en una pantalla de computadora sentada en una oficina. El texto se coloca cerca de la imagen y muestra el nombre del proyecto, el cliente, el año, el CMS, los servicios proporcionados y un enlace para ver el sitio web. Bajo esto hay tres ejemplos de capturas de pantalla del proyecto. Si hace clic en cualquiera de las imágenes, se abren en un cuadro de caja de luz. Me gusta la captura de pantalla porque es un ejemplo real. Consulte el sitio web 5. Kim Vestergaard

Este sitio presenta una pequeña sección en negro con enlaces a diferentes áreas del sitio. El desplazamiento revela imágenes del proyecto en una sola columna. Las imágenes muestran el tipo de caracteres utilizados, la paleta de colores, el diseño del proyecto (que es un logotipo) y luego muchos ejemplos sobre cómo se usa. Los ejemplos muestran el logotipo en diferentes colores, como fondo de escritorio, en un encabezado, en un sitio web que utiliza diferentes dispositivos, en ejemplos de anuncios de carteles y en redes sociales. Consulte el sitio web 6. Aprendizaje

Utiliza un diseño limpio con una imagen de ancho completo y el título del proyecto en paralelo. Debajo hay un título y luego dos columnas. La primera columna es texto y proporciona la descripción del proyecto e incluye un testimonio con BOLD. La segunda columna utiliza un fondo gris para destacar y proporcionar información escolar. En esta sección hay un enlace para descargar la información del proyecto en formato PDF. Otra sección de ancho completo ofrece enlaces a proyectos relacionados, seguido de un ancho completo.
Ver sitio web 7. Patti Houston

Presenta el título y la descripción del proyecto seguido de imágenes del proyecto en una aparición con varias columnas, alternando desde una columna con dos a una columna e imágenes cortas y altas. Una sección incluye texto junto a una imagen para proporcionar más información sobre el proyecto. La navegación de la publicación ofrece enlaces a proyectos anteriores y próximos. Un separador separa el proyecto de un CTA construido con texto y un botón. Me gusta su apariencia. Ver sitio web 8. constructores de agua azul

Esta página del proyecto muestra un encabezado de ancho completo, con una imagen de fondo con una superposición y un título. La información del proyecto se proporciona en una sección de ancho completo como un texto dividido por separadores verticales. Dos columnas muestran la galería del proyecto y los detalles del texto. Siga esta sección con los logotipos de la compañía para ver otros proyectos, un mapa para ver el proyecto en persona y navegar por la publicación al siguiente proyecto y anterior. Consulte el sitio web 9. Kenny Payero

Muestra el proyecto en dos columnas. El primero muestra el título, la ubicación, una descripción, la publicación de la publicación para moverse al proyecto anterior y próximo y un botón hecho de cuadrados que lo lleva a la página de la cartera. La segunda columna muestra imágenes del proyecto en una cuadrícula. Si hace clic en cualquier imagen, se abre en un cuadro de caja de luz. Consulte el sitio web 10. Group Zimmerman

Este es uno de los más elaborados de la lista. Use un encabezado de pantalla completa con la imagen de fondo, el gradiente y el nombre del cliente como título de proyecto. El desplazamiento revela dos columnas con información del cliente y borrones de servicios proporcionados junto a una imagen. Hay un video sobre el cliente, imágenes del proyecto, incluido el sitio web y las campañas publicitarias (incluida una cronología interesante), una presentación general del proyecto en un gradiente de fondo y un CTA.
Vea los pensamientos finales del sitio web Este es nuestro look de 10 sitios web de Divic con páginas de servicio interesantes para inspirarlo para su próxima divicación. Hay muchos elementos e instrucciones de diseño aquí en el blog ET que son perfectos para construir páginas de proyectos. La página del proyecto es un tipo personalizado de publicación que se puede construir con Divi Builder y a menudo utiliza elementos como galerías y páginas, como publicaciones de blog, para mostrar el trabajo. Hemos incluido enlaces a tutoriales que cubren tanto las galerías de blogs como las publicaciones, así como las páginas generales.

Cómo usar una cartera de filtrado y post navegación para organizar estudios de casos con Div

Cómo crear una tableta de vista previa del texto con la división
¿Qué podemos enseñarnos? 11 de los mejores sitios de cartera para presentar nuestro trabajo
Cómo crear los asombrosos testimonios de la galería con div Div
Creando una escala de gris en la galería de colores con el div
Paquete de diseño gratuito para el paquete de diseño para la galería de fotos de Divin: 5 páginas de galería increíbles en una sola descarga conveniente
Usando el Div
Paquete gratuito de presentación de publicaciones de blog div Div
El secreto de diseñar los aspectos de la red rotas en la división
Cómo diseñar un aspecto diagonal único con div Div
Queremos escuchar de ti. ¿Cuáles de estos sitios web con maravillosas páginas de proyectos son sus favoritos? Dinos en los comentarios.