Portafolio de diseño: cómo construir uno que realmente te contrate
Una guía de diseñador en activo para construir un portafolio. Los cinco proyectos que importan, la estructura de caso de estudio que convierte y cómo montar un sitio que haga que los responsables de contratación respondan en lugar de hacer scroll.
Los responsables de contratación dedican 90 segundos a un portafolio antes de decidir si entrevistan. La mayoría de los diseñadores construye portafolios optimizados para su propio ego, no para esa ventana de 90 segundos. El resultado es una portada preciosa que nadie pasa de largo, cinco proyectos que se ven todos iguales y una estructura de caso de estudio que entierra cada decisión interesante bajo un muro de capturas.
Este paper es la versión de trabajo. Los cinco proyectos que de verdad llevan un portafolio de junior a senior, la estructura de caso de estudio que demuestra toma de decisiones en lugar de gusto, y cómo construir un sitio que consiga respuesta en 48 horas en vez de otro correo de rechazo.
Qué es realmente un portafolio
Un portafolio es una apuesta por tu próximo trabajo, no un museo de los anteriores. Cada proyecto tiene que estar ahí por una razón. Cada caso de estudio tiene que enseñar al lector algo sobre cómo piensas. Cada decisión del sitio, desde la jerarquía de la portada hasta la longitud de los casos, es una señal de contratación.
El portafolio que consigue entrevistas no es el que tiene más proyectos. Es aquel en el que un responsable de contratación lee tres casos de estudio y se va pensando: "quiero a esta persona en la sala". Ese resultado no es casualidad. Es una estructura.
El análisis de jerarquía visual en diseño explica cómo controlar el orden de lectura en cualquier página. El portafolio es el caso de prueba. Si tu portafolio no tiene jerarquía, los responsables de contratación no lo terminan.
Los cinco proyectos que realmente importan
La mayoría de los portafolios incluye de ocho a doce proyectos. El responsable de contratación lee dos. El debate de diseño entre "incluir todo" y "curar a fondo" está cerrado. Cura. Cinco proyectos, máximo. Elige los cinco que cuentan una historia completa.
Proyecto 1: el buque insignia
Un proyecto en el que fuiste dueño del resultado desde la investigación hasta el lanzamiento. Normalmente tu caso de estudio más fuerte. Vive en la portada, en el primer pliegue. Es el proyecto que quieres que lea el responsable de contratación si solo lee uno, y para el 40 por ciento de los lectores, eso es todo lo que ocurre.
El buque insignia no es el proyecto más bonito. Es el de decisiones más claras, mayor alcance y el hilo conductor más firme del problema al resultado. Un proyecto modesto ejecutado con total responsabilidad vence a uno vistoso en el que solo tocaste tres pantallas.
Proyecto 2: el que marca el rango
Un proyecto que muestra que puedes trabajar en un registro visual distinto al del buque insignia. Si el insignia es un dashboard SaaS limpio, el de rango es una identidad de marca expresiva. Si el insignia es una app de consumo con personalidad, el de rango es una herramienta empresarial precisa. El rango demuestra que te adaptas, que es la mitad de lo que significa ser senior.
El proyecto de rango suele ser el segundo en la portada. Debe verse claramente distinto del insignia a primera vista, para que el responsable de contratación registre la amplitud sin necesidad de leer el caso de estudio.
Proyecto 3: la pieza de profundidad
Un proyecto donde demuestras una especialidad avanzada. Arquitectura de sistemas de diseño, accesibilidad, metodología de investigación, motion design, implementación front-end. La profundidad es lo que separa al senior del nivel medio. Todo diseñador senior tiene al menos un área en la que va más hondo de lo que necesita un generalista.
La pieza de profundidad es más corta que el insignia, pero técnicamente más densa. Es el proyecto donde aparecen fragmentos de código, diagramas de arquitectura de tokens o protocolos de investigación. La guía de sistemas de diseño es un ejemplo del tipo de tema que encaja bien en una pieza de profundidad.
Proyecto 4: el caso de colaboración
Un proyecto que prueba que sabes trabajar con otros diseñadores, ingenieros o partes interesadas ajenas al diseño. Es el proyecto donde escribes con honestidad sobre concesiones, compromisos y lo que lanzaste frente a lo que querías lanzar. Los responsables de contratación le dan mucho peso porque les dice cómo serás como compañero, no como solista.
El caso de colaboración suele ser el más difícil de escribir porque exige honestidad. Los proyectos que salieron sin compromisos normalmente no existen, y un caso de estudio que afirma lo contrario suena a mentira.
Proyecto 5: el proyecto personal o paralelo
Un proyecto que no es trabajo para clientes. Una exploración por iniciativa propia, una herramienta que construiste, un experimento tipográfico, una entrada a una game jam. Aquí el portafolio demuestra que el diseñador tiene gusto fuera del brief. El proyecto personal no tiene que ser grande. Tiene que ser específico.
Los proyectos paralelos importan más para diseñadores en inicio de carrera (donde el trabajo con clientes es limitado) y para seniors (donde muestran curiosidad sostenida). Los diseñadores de nivel medio a veces pueden saltarse este hueco y sustituirlo por una segunda pieza de profundidad.
La estructura de caso de estudio que convierte
La mayoría de los casos de estudio se estructura como una presentación de pantallas finales con texto de marketing entre ellas. Eso no es un caso de estudio. Es una galería. Un caso de estudio real se lee como un registro de decisiones.
La estructura que funciona:
Sección 1: el pitch de dos líneas
Quién era el cliente, cuál era el problema, cuál fue tu papel. Dos líneas, ni una más. Un responsable de contratación que no lea nada más debería saber qué fue este proyecto y qué aportaste.
Ejemplo: "Rediseñé el flujo de pago de un cliente fintech con 2 millones de usuarios en 18 mercados. Lideré UX, trabajé con una diseñadora de marca y tres ingenieros, y lancé un flujo que redujo el abandono de carrito un 23 por ciento respecto a la base anterior."
Sección 2: el problema
De uno a tres párrafos sobre el problema real. No "los usuarios tenían una mala experiencia". Específico. Números, comportamientos, puntos de fricción. Cuanto más concreto el problema, más creíble la solución.
La trampa es plantear el problema en términos que le importan a un diseñador en lugar de a la empresa. "La interfaz se sentía anticuada" es un problema de diseñador. "El 17 por ciento de los usuarios abandonaba en la pantalla de pago" es un problema de negocio. Escribe la segunda versión.
Sección 3: el enfoque
Cómo atacaste el problema. Qué investigación hiciste. Qué hipótesis formaste. Qué restricciones dieron forma al trabajo. Esta es la sección de pensamiento, y es la razón por la que los responsables de contratación leen casos de estudio. Quieren ver cómo pasas del problema a la solución, no solo que llegaste a una solución.
No te saltes las restricciones. Todo proyecto real las tiene: presupuesto, plazos, código heredado, requisitos regulatorios, preferencias de las partes interesadas. Un caso de estudio que se lee como exploración sin límites parece ficción. Las restricciones son el condimento.
Sección 4: el trabajo
Muestra los artefactos. Hallazgos de investigación, wireframes, exploraciones de diseño, pantallas finales. Aquí viven las capturas, pero al servicio de la historia, no en lugar de ella. Cada captura lleva un pie que explica qué decisión representa, no solo cómo se ve.
El error común es abrir con pantallas finales pulidas y enterrar el proceso. Dale la vuelta. Abre con el medio desordenado (las direcciones descartadas, los hallazgos de investigación, las concesiones debatidas) y luego muestra el trabajo final como conclusión de ese pensamiento.
Sección 5: el resultado
Qué pasó tras el lanzamiento. Métricas, feedback cualitativo, trabajo posterior, lecciones aprendidas. Si tienes números duros, úsalos. Si no, usa señales cualitativas (testimonios, recepción interna, qué harías diferente).
Nunca inventes números. Un responsable de contratación que pille una tasa de conversión fabricada termina la entrevista antes de empezar. Un honesto "no lo medimos en su momento, pero el equipo de ventas reportó mejor conversión de demo a prueba tras el rediseño" gana a las métricas inventadas siempre.
Sección 6: la reflexión
Un párrafo corto sobre lo que aprendiste y lo que cambiarías. Suele ser la sección que separa al senior del nivel medio. Los juniors escriben casos de estudio donde todo funcionó. Los seniors escriben casos que incluyen "deberíamos haber probado el nuevo onboarding con cinco usuarios antes de lanzarlo, porque detectamos dos problemas de usabilidad la primera semana que habrían sido obvios en investigación".
Reflexionar no es flagelarse. Es la prueba de autoconciencia. Un caso de estudio sin reflexión se lee como el de un diseñador que cree haberlo hecho todo bien, justo lo contrario de lo que quieren ver los responsables de contratación.
Reglas de la portada
La portada es la prueba de los 10 segundos. Si no la pasa, los casos de estudio nunca se leen. Tres reglas.
Regla 1: abre con el trabajo, no contigo
El hero debe ser un adelanto de tu proyecto más fuerte, no una foto de perfil, ni un eslogan, ni una línea de copy sobre "crear experiencias deliciosas". A los responsables de contratación todavía no les importas tú. Les importa si tu trabajo está en la zona para la que contratan. Muestra primero el trabajo, preséntate después.
La única excepción son los diseñadores conocidos cuyo nombre ya es el gancho. Si no eres ese diseñador, abre con el trabajo.
Regla 2: el posicionamiento en una línea
Debajo o junto al proyecto destacado, una línea de texto que te posicione. No una propuesta de valor, un posicionamiento. "Diseñadora de producto para fintech en fase inicial." "Diseñador de marca para bienestar de consumo." "Diseñador de sistemas UX para SaaS empresarial."
La línea de posicionamiento filtra a la audiencia. Un reclutador que busca un diseñador de marca para una empresa de bienestar ve tu línea y sigue leyendo. Uno que contrata para SaaS empresarial cuando tu línea dice fintech sigue su camino, que es el resultado correcto. El glosario de precios basados en valor cubre la misma lógica para el trabajo con clientes: posiciónate de forma estrecha para atraer el trabajo adecuado, no para descartar posibilidades.
Regla 3: una navegación que no te estorbe
Una navegación superior con exactamente tres a cinco elementos: Trabajo, Sobre mí, Contacto y, opcionalmente, Notas o Escritos. El portafolio es un artefacto lineal. Los responsables de contratación lo leen de arriba abajo en la primera visita. No les hagas buscar.
Evita menús de filtros de casos, cuadrículas masonry que se reordenan al pasar el cursor y navegaciones animadas que se esconden. La portada ya lucha por la atención del responsable de contratación. No añadas fricción.
La página Sobre mí
La página Sobre mí es la segunda más leída de un portafolio, tras el caso de estudio insignia. La mayoría de los diseñadores la trata como un trámite. No lo es. Responde a una pregunta concreta del responsable de contratación: "cómo será trabajar con esta persona".
Tres cosas que incluir:
Una biografía en lenguaje llano. De dos a cuatro párrafos. Quién eres, qué has hecho, qué te importa. Escríbela como te presentarías en una conferencia, no como un perfil de LinkedIn. Los detalles y la textura ganan al pulido.
Las personas con las que has trabajado. No todas las empresas, solo las que importan. Una lista corta de clientes, empresas o colaboradores. Si consigues un testimonio de una línea de alguno, esa línea vale más que cualquier párrafo que escribas sobre ti.
Contacto, bien visible. La página Sobre mí es donde la mayoría de los responsables de contratación te escribe. Pon el correo en texto plano (no detrás de un formulario) y ponlo dos veces: arriba y abajo. Un formulario de contacto es una barrera. Quita la barrera.
El trabajo más allá del portafolio
Los responsables de contratación no se detienen en el portafolio. Revisan Twitter/X, LinkedIn, Dribbble, la sección de notas de tu sitio y cualquier escrito largo. Asume que miran, y asegúrate de que lo que encuentren refuerce la historia que cuenta el portafolio.
Esto no significa fingir una presencia. Significa no contradecirte. Un portafolio que te posiciona como diseñador senior con mentalidad de sistemas, junto a un feed de Twitter lleno de "empezando en diseño, ¿algún consejo?", manda una señal confusa. La solución es actualizar el feed o admitir que el portafolio es aspiracional. Ambas son válidas. La incoherencia no.
Fallos comunes de portafolio
Cuatro patrones que matan más portafolios que el trabajo débil.
La lista interminable de proyectos. Doce proyectos, ninguno diferenciado, y el responsable de contratación pasa de largo los tres primeros. La solución es curar. Cinco proyectos, cada uno contando una parte distinta de la historia. Si un proyecto no responde una pregunta concreta de contratación, fuera.
El hero sin jerarquía. Una portada preciosa que no dice al responsable de contratación qué leer primero. Solución: un proyecto destacado, una línea de posicionamiento, todo lo demás bajo el pliegue. El análisis de principios de diseño web cubre las mismas reglas para cualquier landing, portafolios incluidos.
El caso de estudio que esconde las decisiones. Un muro de pantallas finales, sin proceso, sin reflexión. Los responsables de contratación no aprenden nada de cómo piensa el diseñador, que es todo el sentido de un caso de estudio. Solución: usa la estructura de seis secciones de arriba. Abre con el pensamiento, apoya con el trabajo.
El sitio que se rompe en móvil. Portafolios que funcionan en una pantalla de 27 pulgadas y se desmoronan en un teléfono. La mitad de las primeras lecturas ocurre en móvil. Un portafolio que no funciona ahí es un portafolio que no funciona. Los patrones de diseño responsive que valen para cualquier web valen también aquí.
Actualizar el portafolio como hábito
El portafolio que se actualiza una vez cada dos años está desactualizado dos años el día que se abre. La solución es una cadencia de actualización pequeña y regular en lugar de una reescritura masiva en cada inflexión de carrera.
Cada trimestre: añade o actualiza un caso de estudio, revisa el proyecto destacado de la portada, comprueba que los datos de contacto estén al día.
Cada año: revisa la línea de posicionamiento, decide si los cinco proyectos siguen contando la historia correcta, retira lo que haya envejecido.
En cada búsqueda de empleo: edición agresiva. Reescribe el posicionamiento para el puesto objetivo. Reordena la portada para abrir con el proyecto más relevante. Actualiza la página Sobre mí para reflejar el objetivo actual.
Si quieres ayuda para estructurar casos de estudio, posicionar el sitio o simplemente contratar diseñadores que ya lo tienen resuelto, contrata a Brainy. Sabemos cómo son los portafolios senior porque contratamos a partir de ellos.
FAQ
¿Cuántos proyectos debe tener un portafolio de diseño?
Cinco, máximo. Dos o tres no bastan para un portafolio senior. Ocho o más diluyen la historia. Cinco proyectos, curados para cubrir un insignia, uno de rango, una pieza de profundidad, un caso de colaboración y un proyecto personal, dan a los responsables de contratación suficiente evidencia sin abrumarlos.
¿Qué extensión debe tener un caso de estudio de portafolio?
La justa para contar la historia de las decisiones y lo bastante corta para que un responsable de contratación pueda recorrerla en cinco minutos. Normalmente de 600 a 1500 palabras por caso, con capturas y pies. El caso insignia puede ser más largo. Los proyectos paralelos más cortos pueden quedarse en 300 palabras. Lo que importa es que cada sección (pitch, problema, enfoque, trabajo, resultado, reflexión) esté presente.
¿Debo poner mi currículum en mi sitio de portafolio?
Opcional. La mayoría de los portafolios enlaza a un currículum en PDF descargable o a un perfil de LinkedIn en lugar de alojarlo en línea. Si incluyes uno, ponlo en una página aparte, no en la portada. La portada es para el trabajo.
¿Necesito un portafolio si tengo un LinkedIn sólido?
Sí. LinkedIn es un perfil, no un portafolio. Un LinkedIn sólido te mete en una conversación con un reclutador. El portafolio es lo que te consigue la entrevista. Para cualquier puesto de diseño por encima de junior, un portafolio no es negociable.
¿Mi portafolio debe mostrar el proceso o solo el trabajo final?
Ambos, pero el proceso es el diferenciador. El trabajo final muestra que sabes diseñar. El proceso muestra cómo piensas. Los responsables de contratación que ya saben que sabes diseñar (te encontraron de algún modo) leen el caso de estudio para entender la toma de decisiones. La estructura de seis secciones equilibra ambos.
¿Cuál es el mayor error de los diseñadores en sus portafolios?
Curar demasiado poco. La mayoría de los portafolios incluye demasiados proyectos y poca historia sobre cualquiera de ellos. La solución es una edición brutal: mata cuatro proyectos para reforzar los cinco restantes, escribe casos de estudio guiados por decisiones en lugar de galerías, y abre la portada con una pieza destacada fuerte en vez de una cuadrícula de ocho.
El portafolio es una apuesta
Todo portafolio es una declaración sobre con quién quieres trabajar después. Los cinco proyectos son el argumento. Los casos de estudio son la evidencia. La portada es la frase de apertura. La página Sobre mí es el cierre.
Constrúyelo como si apostaras tu próximo trabajo en él, porque lo haces. Cura sin piedad. Estructura cada caso de estudio como un registro de decisiones. Actualízalo cada trimestre. Haz que funcione en móvil. Pon tu correo en texto plano.
Si quieres contratar diseñadores que ya superaron este listón, o si quieres ayuda para construir casos de estudio que conviertan a nivel senior, contrata a Brainy. El portafolio es la solicitud de empleo. Trátalo como tal.
Lecturas relacionadas
- Plantilla de caso de estudio para diseñadores
- Guía de sistemas de diseño
- Jerarquía visual en diseño
- Principios de diseño web
- UI vs UX
Need a portfolio that reads as senior in 90 seconds? Brainy helps designers structure case studies that get hiring managers to stop scrolling. Or we just hire designers who already did.
Get Started
