# Consejos para tu portfolio de diseño: presenta tu trabajo

[Canonical HTML page](https://gradiently.design/es/guide/designer-portfolio-tips)

Quien revisa un portfolio dedica poco tiempo a cada uno, y la mayor parte al primer proyecto. Estos consejos explican qué incluir, cómo estructurar un caso de estudio y cómo presentar el trabajo para que se vea tan bien como es.

## The short version

- Un portfolio de diseño te consigue trabajo cuando muestra menos proyectos, cada uno explicado a través de las decisiones que tomaste y por qué.
- Pon primero tu proyecto más sólido y relevante, porque quien revisa suele juzgar todo el portfolio por él.
- Un shot de Dribbble mide 1600×1200 píxeles y la portada de un proyecto de Behance, 1616×1264 píxeles.
- Un caso de estudio funciona mejor con un orden claro: el encargo, tu papel, el problema, el proceso, las decisiones y el resultado.
- Presentar cada proyecto sobre un fondo constante hace que un portfolio parezca seleccionado y no acumulado.

Los consejos de portfolio de diseño que más importan son simples: muestra menos proyectos, pon primero el más relevante, explica cada uno a través de las decisiones que tomaste y preséntalo todo sobre un mismo fondo para que lo que se note sea el trabajo y no el marco. Quien contrata o un cliente quiere saber dos cosas: si puedes hacer el trabajo que necesita y si sabes explicar por qué lo hiciste así. Todo lo que sigue sirve a esas dos preguntas.

## Qué incluir en un portfolio de diseño

De cuatro a seis proyectos es un buen rango. Más y quien revisa empieza a hojear; menos y no se ve tu variedad. Elige pensando en el trabajo que quieres, no en los que has tenido. Una diseñadora de marca que se postula a un equipo de producto debería abrir con trabajos que toquen interfaces, aunque sean un proyecto personal.

### Déjalo fuera

- Todos los proyectos de los últimos cinco años
- Trabajos que no querrías repetir
- Tres versiones del mismo tipo de cosa
- Ejercicios de estudiante cuando ya tienes trabajo real
- Lo que no puedas explicar durante diez minutos

### Inclúyelo

- De cuatro a seis proyectos, el más sólido primero
- Trabajos acordes con el puesto que quieres
- Variedad: identidad, digital, impreso o motion
- Un proyecto propio que muestre criterio
- Proyectos con una historia detrás de las decisiones

El orden importa. Pon primero el proyecto relevante más sólido y último el segundo mejor, para que el portfolio abra y cierre bien. Si estás al principio de tu carrera, sirve el consejo de [el portfolio de estudiante](https://gradiently.design/es/guide/student-portfolio) sobre cubrir huecos con encargos propios.

## Cómo estructurar un caso de estudio de diseño

Un caso de estudio es una historia corta sobre un problema y tus decisiones. Quien revisa lee primero el titular y las imágenes y después las palabras si le interesa, así que haz que cada sección se pueda ojear por sí sola. [El diseño de casos de estudio](https://gradiently.design/es/guide/case-study-design) trata la composición con más detalle.

1. **El resultado como titular** Una línea arriba: «Una nueva identidad que permitió a una panadería regional abrir su segunda tienda.» Aquí decide el lector si sigue.
2. **El encargo y tu papel** Para quién era, qué pidieron, qué hiciste tú personalmente y con quién trabajaste. Sé preciso con los créditos.
3. **El problema real** A menudo distinto del encargo. Muestra que lo notaste.
4. **El proceso, editado** Dos o tres momentos que cambiaron el rumbo, no todos los bocetos. Muestra una vía descartada y por qué perdió.
5. **Las decisiones** Tipografía, color, composición, movimiento: cada una con una razón en una frase.
6. **El resultado en uso** El trabajo en el mundo: en una fachada, un móvil, un cartel en una pared. Añade resultados solo si son ciertos y puedes compartirlos.

## Tamaño de un shot de Dribbble y de una portada de Behance

Aunque tu portfolio principal sea tu propia web, Dribbble y Behance son donde muchos reclutadores y clientes buscan. El **shot de Dribbble** mide 1600×1200 píxeles (4:3) y la **portada de proyecto de Behance**, 1616×1264 píxeles. Behance recorta las portadas en cuadrículas distintas, así que deja lo importante de la imagen cerca del centro. [El tamaño de un shot de Dribbble](https://gradiently.design/es/guide/dribbble-shot-size) y [el tamaño de una portada de Behance](https://gradiently.design/es/guide/behance-cover-size) dan todos los detalles.

- Shot de Dribbble 4:3: 1600 × 1200
- Portada de Behance: 1616 × 1264
- Cabecera web 16:9: 1920 × 1080
- Instagram 4:5: 1080 × 1350

Los cuatro formatos en que más se muestra un portfolio de diseño, a escala. Dribbble y Behance son parecidos, así que una misma presentación se adapta fácilmente a ambos.

Un shot de Dribbble que presenta el título de un caso de estudio de identidad de una panadería sobre un degradado cálido

Un shot de Dribbble a 1600×1200: el título de un proyecto sobre un fondo constante.

Una portada de proyecto de Behance para el mismo caso de estudio de la panadería, con el título centrado

La portada de Behance a 1616×1264, la misma presentación con las palabras en el centro por el recorte.

## Presentar el trabajo para que se vea terminado

Las exportaciones en bruto sobre blanco parecen inacabadas junto al trabajo mostrado en contexto. No necesitas maquetas elaboradas; necesitas coherencia. Elige un fondo para todo el portfolio, un degradado suave o un color apagado, y presenta cada imagen sobre él con el mismo margen. El trabajo cambia, el marco no, y el portfolio parece seleccionado.

- Piedra de galería: `linear-gradient(180deg, #f3f0ea 0%, #e2dccf 100%)`
- Carbón de estudio: `radial-gradient(circle at 50% 30%, #2a2d36 0%, #15171c 70%)`
- Papel frío: `linear-gradient(160deg, #e9eef5 0%, #c9d3e3 100%)`
- Arcilla cálida: `linear-gradient(160deg, #f6e7dc 0%, #e8c6ae 100%)`

Cuatro fondos de presentación discretos. Enmarcan trabajos vistosos sin competir con ellos; elige uno y úsalo en todas partes.

- **Abre cada proyecto con el trabajo en uso**, no con un moodboard.
- **Mantén anchos de imagen coherentes** dentro de un caso de estudio.
- **Pon pie a las imágenes** con lo que mira el lector y por qué importa.
- **Muestra recortes de detalle** de tipografía y textura; a quien revisa le encanta hacer zoom.
- **Comprueba cada página en un móvil**: muchas primeras miradas ocurren ahí.

## Web de portfolio, PDF, Dribbble o Behance

Muchos diseñadores mantienen todos, cada uno para un momento distinto. La web es el hogar de los casos de estudio completos. Un PDF de ocho a doce páginas acompaña las candidaturas cuando un reclutador lo pide, y debe abrirse en un segundo en cualquier dispositivo. Dribbble y Behance sirven para que te encuentren.

| Formato | Ideal para | Ten en cuenta |
| --- | --- | --- |
| Web de portfolio | Casos de estudio completos, tu propia dirección | Carga rápida, funciona en móvil |
| Portfolio en PDF | Candidaturas y propuestas | Adapta la selección a cada puesto |
| Dribbble | Que te descubran, imágenes sueltas | Shots de 1600×1200, un fondo constante |
| Behance | Páginas de proyecto largas, clientes que exploran | Portada de 1616×1264, centra el motivo |

Usa los mismos proyectos y la misma presentación en los cuatro, adaptados al espacio que da cada uno.

## Tu portfolio también es tu marca

La web de portfolio, el PDF que envías, tus perfiles de Dribbble y Behance y tu banner de LinkedIn forman parte de una misma impresión. Usa la misma tipografía, el mismo fondo y el mismo tono de voz en todos. [La marca personal](https://gradiently.design/es/guide/personal-branding) explica cómo mantenerlo coherente sin que parezca forzado, y [la jerarquía visual](https://gradiently.design/es/guide/visual-hierarchy) ayuda a que cada página guíe la mirada.

Gradiently es útil para la capa de presentación: pon las portadas de tus casos de estudio, los shots de Dribbble y el banner de LinkedIn sobre el mismo Mark, un fondo degradado vivo que es solo tuyo una vez reservado, y con Pro adapta un diseño a cada plataforma de una vez. Tu perfil de Gradiently en gradiently.design/username también puede mostrar diseños y plantillas publicadas junto a los Marks que posees.

## FAQ

### ¿Cuántos proyectos debe tener un portfolio de diseño?

De cuatro a seis es un buen rango. Elige los proyectos más cercanos al trabajo que quieres hacer después y pon primero el más sólido.

### ¿Qué tamaño tiene un shot de Dribbble?

1600×1200 píxeles, un marco horizontal 4:3.

### ¿Qué tamaño tiene la portada de un proyecto de Behance?

1616×1264 píxeles. Deja lo importante cerca del centro porque Behance recorta las portadas en distintas vistas de cuadrícula.

### ¿Qué debe incluir un caso de estudio de diseño?

Un resultado como titular, el encargo y tu papel, el problema real, un proceso editado, las decisiones clave con sus razones y el trabajo en uso.

### ¿Debo incluir proyectos personales en mi portfolio de diseño?

Sí, uno o dos, sobre todo si muestran el tipo de trabajo para el que quieres que te contraten. Indica claramente que son proyectos propios.