Cómo estructurar un portfolio de diseño gráfico que explique tu trabajo

Cómo presentar un portfolio de diseño gráfico con un caso comentado, cartel, programa y bloques de mii.page. Incluye una ficha editable y ejemplos de cierre.

Equipo mii.page
27 dic 2025
6 min de lectura

Un portfolio de diseño gráfico necesita algo más que piezas atractivas: debe permitir entender el encargo, tu aportación y las decisiones que puedes explicar. Selecciona trabajos relacionados con lo que buscas hacer y presenta cada uno con contexto. Si todavía no tienes clientes, un ejercicio personal identificado como tal puede servir para mostrar ese proceso.

Aquí encontrarás una ficha de proyecto, un caso ilustrativo con cartel y programa, y el orden de bloques para llevarlo a tu página. Puedes adaptar la estructura a un trabajo académico, personal o de cliente que tengas permiso para publicar.

Prepara cada proyecto como una ficha de decisión

Empieza por un proyecto que puedas explicar con precisión. Estas preguntas ayudan a separar una colección de imágenes de un caso de trabajo:

Pregunta Qué enseñar
¿Cuál era el encargo? Objetivo, audiencia y limitaciones que puedas publicar
¿Qué hiciste tú? Tu responsabilidad y la de otras personas, si las hubo
¿Qué decisión merece verse? La opción elegida y su relación con el encargo
¿Cómo se aplicó? Una pieza completa y un detalle que permitan comprobarla
¿Qué resultado puedes acreditar? Entregable o resultado documentado, sin atribuirle efectos que no mediste

Puedes descargar la ficha editable de proyecto y rellenarla antes de abrir el editor. No necesitas incluir todas las preguntas en el texto final: conserva las que ayuden a entender ese trabajo.

Ejemplo completo: Encuentro Nube

Encuentro Nube es un ejercicio de diseño con piezas generadas mediante IA para esta guía. El evento, el espacio y su programación son ficticios. No es un encargo de cliente ni una convocatoria. El ejemplo muestra cómo describir una decisión y acompañarla con una pieza que permita verla.

El encargo y la aportación

El encargo de práctica consiste en presentar un taller de ilustración con un cartel y un programa. El cartel debe comunicar nombre, actividad, fecha y lugar; el programa debe permitir localizar cada sesión.

Una descripción de la aportación sería: «Me encargué de la jerarquía de información y de adaptar la composición del cartel al programa». En este ejemplo, las piezas se produjeron con IA a partir de esa dirección. Si adaptas el caso, describe tu proceso real: no te atribuyas ilustración, fotografía, tipografía o producción que haya realizado otra persona o herramienta.

El cartel: distinguir identidad e información

El nombre ocupa el primer nivel de lectura. La forma de nube y el círculo aportan identidad visual; la actividad, la fecha y el lugar aparecen agrupados debajo. La explicación del proyecto debe señalar esa organización, en lugar de limitarse a decir que el diseño es «moderno».

Cartel ilustrativo de Encuentro Nube: nombre grande arriba, nube lila con círculo coral y datos del taller agrupados debajo.
Cartel generado mediante IA para un ejercicio ficticio. La información del ejemplo es: taller de ilustración, 18 de abril, de 10:00 a 14:00, en Espacio Nube.

Una leyenda útil para tu portfolio sería: «Separé el nombre de la información práctica y agrupé actividad, fecha y lugar en una zona de lectura». Después muestra el cartel completo: un recorte del logotipo no permite comprobar esa decisión.

El programa: trasladar la decisión a otra pieza

El programa conserva el nombre, la tipografía y el motivo gráfico. Cambia la organización del contenido: cada fila sitúa la hora a la izquierda y la actividad a la derecha. El detalle que interesa enseñar es esa repetición.

Programa ficticio de Encuentro Nube con tres filas de horario: 10:00 Mirar de nuevo, 11:30 De la idea al cartel y 13:00 Compartir lo hecho; cierre a las 14:00.
Programa generado mediante IA para el mismo ejercicio. Repite hora, título y descripción breve en cada sesión; la nube pasa a una zona secundaria.

La programación ficticia del ejemplo, también en texto, es:

  • 10:00 · Mirar de nuevo: observación y bocetos.
  • 11:30 · De la idea al cartel: composición y jerarquía.
  • 13:00 · Compartir lo hecho: revisión de piezas.
  • 14:00 · Cierre.

Esto permite describir una adaptación concreta: «En el programa mantuve la identidad y utilicé filas con el mismo orden para consultar las sesiones». No demuestra que el diseño haya aumentado asistencia, ventas o recuerdo. El resultado visible es el sistema aplicado a dos piezas.

Lleva el caso a los bloques de mii.page

Puedes empezar en tu página principal combinando texto, imágenes y un enlace. La guía para crear un portafolio explica la preparación general; la página para diseñadores gráficos muestra las opciones del producto para tu especialidad.

Un orden de contenido para este caso es:

  1. Presentación: nombre del proyecto y «ejercicio personal» o el contexto real del encargo.
  2. Objetivo y responsabilidad: qué debías resolver y qué parte hiciste.
  3. Cartel completo: una imagen que muestre la composición.
  4. Decisión: explicación breve de la jerarquía, junto a la pieza correspondiente.
  5. Programa: segunda imagen y la adaptación que quieres mostrar.
  6. Créditos y siguiente paso: fuentes, colaboradores y contacto o CV.
Captura de una página real de mii.page con contenido de prueba: presentación de Encuentro Nube, cartel, programa y explicación de las decisiones en bloques separados.
Contenido ficticio presentado en una página de mii.page, en un entorno local de pruebas. La captura muestra el producto en funcionamiento; no corresponde a un usuario o proyecto de cliente.

En el editor, añade los bloques desde Bloques, incorpora tus piezas y escribe el contexto junto a ellas. Comprueba el recorte: una imagen de un cartel debe dejar leer su composición, no ampliar solo un fragmento. Cuando revises el móvil, mantén también la información esencial como texto en la página.

Captura móvil del mismo ejemplo de mii.page: el contexto, el cartel y el programa se leen en una sola columna.
El mismo contenido de prueba en móvil. Las proporciones de las piezas se mantienen y la explicación no depende de leer letras pequeñas dentro de una imagen.

Si tu caso necesita más espacio, PLUS permite páginas adicionales del perfil. También puedes enlazar un documento público. Usa la opción que permita leer el caso completo; comprueba los cupos vigentes en los planes antes de añadir más contenido.

Puedes descargar el ejemplo de caso comentado para sustituir el encargo, la responsabilidad y las decisiones por las de tu proyecto. No publiques una ficha de práctica como experiencia de cliente.

Adapta el cierre a lo que buscas

Si buscas empleo, indica el rol que te interesa y termina con un enlace como «Ver mi CV». Comprueba que el documento esté actualizado y accesible fuera de tu cuenta.

Si aceptas encargos, explica los servicios que realmente ofreces. «Consultar un proyecto editorial» puede abrir un formulario de contacto; aclara qué información necesitas para responder. Un formulario inicia una conversación y no confirma presupuesto, disponibilidad ni contratación.

Si el trabajo es de un equipo, distingue tu aportación de la de los demás. Si parte del proyecto es confidencial, publica una selección autorizada o elige otro ejemplo. Una maqueta identificada puede mostrar una aplicación, pero no sustituye la pieza que demuestra la decisión.

Revisa el portfolio antes de compartirlo

Abre la página fuera de tu sesión y en un móvil. Comprueba que se entiende el objetivo, que puedes identificar tu aportación y que cada imagen demuestra algo que has explicado. Revisa los enlaces al CV, al documento y al contacto.

Incluye los créditos de fotos, fuentes, ilustraciones y colaboradores cuando correspondan. Explica el uso de IA si forma parte del proceso que presentas. Retira repeticiones: varias maquetas casi idénticas pueden ocupar espacio sin mostrar otra decisión.

Cuando cambies o retires un caso, revisa los enlaces desde redes y documentos que sigan circulando. Tu portfolio está preparado para compartir cuando una persona puede entender el trabajo, tu contribución y cómo dar el siguiente paso.

Recursos relacionados

Del artículo al portfolio

Convierte la estructura en una página visible en mobile y desktop

Un portfolio no debería quedarse en una lista de enlaces. Usa bloques, contexto, CTA y una vista pública que se entienda tanto desde Instagram como desde Google.

Mobile primeroPrioriza la lectura rápida desde redes sociales.
Vista desktop cuidadaMuestra proyectos, servicios y contacto con más espacio.
Señales para mejorarRevisa qué bloque recibe atención antes de rediseñar todo.
Vista desktop de una página pública creada con mii.page

Mobile

Vista mobile de una página link in bio creada con mii.page

Convierte esta lectura en una página publicada

Crea tu espacio de enlaces, añade contexto a tus bloques y revisa qué recibe clics cuando empiece a entrar tráfico.