Cómo hacer un portfolio web: qué incluir, campo por campo

Qué necesita un portfolio web: qué proyectos mostrar, cómo describir cada uno, dónde publicarlo gratis y los errores que hacen que cierren la pestaña.

Canonical: https://www.prezumi.com/es/blog/como-hacer-un-portfolio-web

Un portfolio web es un sitio pequeño, normalmente de tres a cinco páginas, que enseña tu mejor trabajo a quienes deciden si te contratan. Montarlo se reduce a cuatro decisiones: qué tres a seis proyectos mostrar, cómo describir cada uno, qué páginas de apoyo poner alrededor y dónde publicar el resultado. Esta guía recorre las cuatro, con indicaciones concretas para programadores, diseñadores, redactores y profesionales por cuenta propia.

No hacen falta conocimientos de diseño ni presupuesto para acabar con algo bueno. Al terminar sabrás qué va en cada página, cómo escribir las descripciones breves de proyecto que hacen casi todo el trabajo de convencer y qué vía de publicación encaja con tu caso. Si esa es tu primera duda, hay una comparativa detallada de costes en la guía del portfolio web gratis.

Quién lo necesita de verdad

Si tu trabajo se puede enseñar, un portfolio web te ayuda. Para diseñadores, ilustradores y fotógrafos se da por hecho: la selección se hace mirando el trabajo, y una candidatura sin enlace suele quedarse parada. En desarrollo se ha convertido casi en estándar, porque un proyecto publicado responde a preguntas que un historial laboral no puede responder. Quien escribe lo usa para reunir piezas que si no quedarían dispersas en diez medios. Y los autónomos y consultores son quienes más se apoyan en él, porque los clientes potenciales rara vez piden otra cosa antes de una primera llamada.

El portfolio acompaña al currículum, no lo sustituye: la mayoría de los procesos piden los dos y cada uno hace un trabajo distinto. Si no tienes claro qué pide una candidatura concreta, la guía sobre portfolio o currículum lo aclara, y para el otro documento tienes la guía completa de cómo hacer un currículum.

Paso 1: elige los proyectos

Elige entre tres y seis piezas y resiste la tentación de añadir más. Quien te revisa dedica su tiempo limitado a lo que pongas primero, así que cada pieza floja que incluyas diluye una buena. La guía sobre portfolios basada en investigación del Nielsen Norman Group llega a la misma conclusión para diseñadores de UX: unos pocos proyectos bien documentados consiguen más entrevistas que un muro de miniaturas, porque la documentación es lo que la gente lee de verdad.

Un proyecto se gana su sitio cuando supera cuatro pruebas:

  • Es reciente. Trabajo de los últimos dos o tres años. Una pieza más antigua vale si de verdad es lo mejor que tienes.
  • Se parece al trabajo que quieres. Enseña proyectos de identidad de marca si quieres que te contraten para eso. Un portfolio que apunta a todas partes no llega a ninguna.
  • Tiene un resultado que puedes contar. Se publicó, se lanzó, lo usan clientes, subió una métrica. El trabajo conceptual vale al principio, pero indícalo como tal.
  • Tienes permiso para enseñarlo. Revisa los acuerdos de confidencialidad antes de publicar trabajo de clientes.

Si una cláusula de confidencialidad te bloquea tu mejor proyecto, descríbelo igualmente sin los datos que identifiquen al cliente: el sector, el problema, tu papel y el resultado. "Rediseñé el proceso de compra de una cadena de moda mediana; los pagos fallidos bajaron un 40 %" demuestra la competencia sin dar el nombre.

Paso 2: explica bien cada proyecto

La explicación es donde se ganan los portfolios. Una imagen suelta o un enlace a un repositorio obligan a adivinar qué se está mirando, y nadie dedica mucho rato a adivinar. Cada proyecto necesita cuatro partes breves: el contexto (para quién era y qué problema resolvía), tu papel (sobre todo en proyectos de equipo: reclama tu parte y nada más), una decisión o dificultad que merezca explicación, y el resultado. Con cuatro a ocho frases basta.

Las expectativas cambian según el campo, así que esta es la forma que busca quien revisa en cada uno:

CampoEmpieza porQué se mira primeroCantidad razonable
DesarrolloProyectos publicados con demo en vivo y código enlazadoSi la demo funciona, la legibilidad del código, el README3–4 proyectos
DiseñoCasos de estudio que muestren el proceso, del encargo al resultadoCómo tomaste las decisiones, el cuidado en los detalles4–6 casos de estudio
RedacciónPiezas publicadas agrupadas por formato o temaRegistro, claridad, dónde apareció el trabajo6–10 piezas
FotografíaUna única galería temática muy editadaCoherencia de mirada, disciplina al editar15–25 imágenes
Autónomos y consultoríaProyectos de cliente con resultados mediblesResultados, testimonios, tipo de clientes atendidos3–5 proyectos

La guía de ejemplos de portfolio web profundiza en cada fila, con una estructura comentada que puedes copiar para tu campo y el relleno que cada tipo de revisor preferiría no ver.

Paso 3: añade las páginas de apoyo

El trabajo es el centro del sitio y todo lo demás existe para enmarcarlo. Con tres elementos de apoyo basta:

  • Una página de inicio que vaya al grano. Tu nombre, a qué te dedicas y para quién, en una o dos frases, con una selección de trabajo visible sin bajar mucho. La gente decide en segundos si ha llegado al sitio correcto; que la respuesta sea evidente.
  • Una página "sobre mí" con una biografía corta. Uno o dos párrafos: tu trayectoria, en qué eres bueno y qué estás buscando ahora. Escrita como habla una persona, en primera persona. La foto es opcional y ayuda más de lo que la gente cree.
  • Una vía de contacto a un clic. Un enlace de correo funciona mejor que un formulario, porque los formularios fallan en silencio y añaden fricción. Añade tu LinkedIn y, si programas, tu perfil de GitHub.
  • Opcionalmente, tu currículum. Un enlace a un PDF o a una página de currículum le ahorra al reclutador tener que pedirlo. Mantén las fechas y los cargos coherentes con el portfolio, porque los desajustes se notan.

Paso 4: publícalo

Tres vías cubren a casi todo el mundo, y las diferencias honestas entre ellas son el coste, el tiempo y cuánto trabajo de construcción te toca a ti:

VíaCosteTiempo hasta publicarPara quién
Creadores de webs (Wix, Squarespace, Webflow)Plan gratuito con anuncios de la plataforma y subdominio de marca; unos 10–25 $ al mes para quitarlosUn fin de semana de maquetaciónQuien quiere control visual total y disfruta trasteando
GitHub Pages y alojamientos estáticosGratis; consulta la documentación de GitHub PagesUn día, si manejas HTML o un generador de sitios estáticosProgramadores, para quienes montarlo ya es una prueba de nivel
Generadores de portfolio (Prezumi)Plan gratuito; Pro por 3 $ al mes para un enlace permanenteMenos de 5 minutos subiendo un CVQuien quiere decidir el contenido sin hacer el diseño

La vía de Prezumi parte de un único perfil: subes un CV o rellenas tus datos una vez, eliges en la galería de plantillas de portfolio y el sitio se genera solo. Cambiar de diseño más adelante no obliga a volver a introducir nada. La herramienta de currículum a web hace la conversión de CV a sitio en un paso, y quien trabaja por cuenta propia tiene una guía específica sobre propuestas y enlaces para clientes.

Nociones básicas de diseño y rendimiento

Elijas la vía que elijas, un puñado de detalles técnicos deciden si el sitio te ayuda o te perjudica en silencio:

  • Míralo en el móvil. Buena parte de las primeras visitas llegan desde un enlace pulsado en el correo o en LinkedIn desde el teléfono. Si las imágenes se salen o hay que hacer zoom para leer, arréglalo antes de compartir el enlace.
  • Comprime las imágenes. La guía de Core Web Vitals de Google marca 2,5 segundos como umbral de un buen largest contentful paint, y los portfolios llenos de imágenes son justo los sitios que no llegan. Exporta las imágenes al tamaño en que se van a ver y el problema casi desaparece.
  • Tipografía aburrida. Una o dos familias, texto oscuro sobre fondo claro o al revés, y espacio de sobra. El trabajo debe ser lo más interesante de cada página.
  • Escribe el texto alternativo de las imágenes. Hace el sitio usable con lector de pantalla y, de paso, describe tus imágenes a los buscadores.

Errores que echan a perder el trabajo

  • Enseñar todo lo que has hecho en tu vida. El portfolio se juzga por la pieza más floja que se ve. Recorta a las tres o seis mejores y archiva el resto.
  • Proyectos sin una palabra. Una captura sin explicar no cuenta nada de cómo piensas, y lo que contratan es cómo piensas.
  • Demos caídas y textos de relleno. Un enlace roto en un portfolio de desarrollo, o un párrafo de lorem ipsum en cualquier sitio, se lee como descuido con tu propio proyecto más importante.
  • Ninguna forma visible de contactar. Hay gente que publica su portfolio sin una dirección de correo. Prueba el recorrido entero: ¿podría alguien a quien le gusta tu trabajo escribirte en un clic?
  • Un sitio visiblemente parado. Una sección de "trabajo reciente" que se detiene hace dos años plantea una pregunta que no te interesa. Si no lo vas a actualizar, quita las fechas.
  • Efectos que estorban. El sonido automático, las animaciones de entrada pesadas y las pantallas de bienvenida retrasan lo único que la gente vino a ver.

Escribe el contenido una sola vez

Prezumi guarda tus proyectos, tu trayectoria y tus competencias en un único perfil y lo publica a la vez como portfolio web y como currículum compatible con ATS. Importa el CV que ya tengas para no volver a teclearlo, elige un diseño en la galería de plantillas y publica con un enlace para compartir desde el plan gratuito. Cuando una pieza necesite mejor redacción, el editor con IA reescribe tus entradas reales delante de ti, y como el currículum y el portfolio salen del mismo perfil, actualizar uno mantiene el otro al día.

Preguntas frecuentes

¿Cuántos proyectos debe tener un portfolio web?

Entre tres y seis en casi todos los campos, y la parte baja de esa horquilla suele funcionar mejor. Quien te revisa dedica unos minutos como mucho a la primera visita, así que abrirá una o dos piezas, casi siempre las que hayas puesto primero. Cada proyecto extra sobre todo añade riesgo: una pieza floja en la séptima posición puede deshacer la impresión que causó una buena en la primera, porque los portfolios se juzgan por el trabajo más débil que se ve. Las cantidades sensatas varían un poco por campo. En desarrollo funcionan tres o cuatro proyectos publicados, cada uno con su explicación en condiciones. Los diseñadores suelen enseñar de cuatro a seis casos de estudio. Quien escribe puede llegar a diez piezas, porque cada una se valora en segundos. La fotografía funciona distinto: una galería apretada de quince a veinticinco imágenes. En todos los casos vale la misma regla: si dudas de si una pieza es lo bastante buena para entrar, no lo es, y quitarla mejora el portfolio.

¿Hay que saber programar para hacer un portfolio web?

No. Programarlo es una vía entre varias, y es la adecuada sobre todo para desarrolladores, donde un sitio hecho a mano y alojado en algo como GitHub Pages sirve además como prueba de nivel. El resto tiene dos opciones sin código. Los creadores de webs como Wix, Squarespace o Webflow te dan un editor visual y plantillas; cuenta con dedicar un fin de semana a colocar la maqueta y con que los planes gratuitos incluyan anuncios de la plataforma y un subdominio de marca hasta que pagues. Los generadores de portfolio como Prezumi eliminan también el trabajo de maquetación: introduces tus proyectos y tu trayectoria una vez, o subes un CV, y el sitio se genera a partir de una plantilla que puedes cambiar cuando quieras. Esa vía deja un sitio presentable publicado en minutos y te reserva el tiempo para la parte que de verdad convence, que es elegir bien los proyectos y explicarlos.

¿Cuánto cuesta un portfolio web?

Puede costar cero, con contrapartidas conocidas. GitHub Pages aloja sitios estáticos gratis y sin anuncios, si sabes construir uno. Los planes gratuitos de los creadores de webs son gratuitos de forma indefinida, pero muestran anuncios de la plataforma y te dan un subdominio de marca del tipo tunombre.wixsite.com; quitar ambas cosas suele costar entre 10 y 25 $ al mes. El plan gratuito de Prezumi incluye un portfolio y un currículum generados con un enlace temporal para compartir, y el enlace permanente cuesta 3 $ al mes con Pro. El único gasto que no evita ninguna vía es el dominio propio: tunombre.com cuesta unos 10–15 $ al año en cualquier registrador y merece la pena cuando ya estás compartiendo el sitio de verdad. Un camino razonable es empezar gratis, comprobar que el portfolio se está usando en tus candidaturas y comprar el dominio entonces.

¿Qué pongo en el portfolio si todavía no tengo clientes?

Trabajo propio, presentado con la misma seriedad que un encargo. Piensa en el tipo de trabajo que quieres y construye dos o tres piezas que se le parezcan: quien programa puede publicar un producto pequeño pero funcional con un README limpio y una demo en vivo; quien diseña puede rediseñar el flujo de un producto real y documentar las decisiones; quien escribe puede publicar piezas bien editadas en un blog propio o en medios que aceptan colaboraciones. Los trabajos de clase cuentan cuando la explicación se centra en el problema y en tus decisiones, no en el enunciado. Etiqueta el trabajo especulativo con honestidad ("rediseño no solicitado" o "proyecto personal"), porque a nadie le molesta que no fuera un encargo; lo que molesta es que le confundan. Lo que convence es ver la calidad del acabado y el razonamiento, y las dos cosas están totalmente en tu mano antes de que nadie te contrate.

¿El portfolio web debe incluir mi currículum?

Sí, y es de las cosas más fáciles de ganar. Quien llega a tu portfolio suele necesitar el currículum justo después, y tenerlo a un clic (en PDF descargable o como página) le ahorra un correo y mantiene el ritmo. Importan dos detalles. Primero, la coherencia: los cargos y las fechas del currículum tienen que coincidir con lo que dice el portfolio, porque los desajustes despiertan dudas que se contagian a todo lo demás. Segundo, la actualidad: un currículum antiguo colgado de un portfolio al día es peor que no poner ninguno. Este es el problema de desfase que herramientas como Prezumi existen para resolver, generando los dos documentos desde un mismo perfil para que un cambio en cualquiera actualice ambos. Si los mantienes por separado, ponte un recordatorio periódico en el calendario para cuadrarlos, porque se van a desfasar.

Explora las páginas principales

Ver los planes y precios de Prezumi Prueba las herramientas de carrera gratuitas de Prezumi Explora ejemplos de plantillas de portfolio con IA Explora plantillas de CV compatibles con ATS Blog FAQ Sobre nosotros Contacta con el soporte y las alianzas de Prezumi Lee la política de reembolso de Prezumi Lee los términos del servicio de Prezumi Lee la política de privacidad de Prezumi Lee la política de cookies de Prezumi Sigue a Prezumi en LinkedIn Sigue a Prezumi en X Sigue a Prezumi en Facebook Sigue a Prezumi en Instagram English Deutsch Français العربية Italiano Português Türkçe

AI Resume Builder and Portfolio Maker

Explore templates and pricing

Prezumi logo
Ver los planes y precios de Prezumi Prueba las herramientas de carrera gratuitas de Prezumi Explora ejemplos de plantillas de portfolio con IA Explora plantillas de CV compatibles con ATS Blog FAQ Sobre nosotros Contacta con el soporte y las alianzas de Prezumi Lee la política de reembolso de Prezumi Lee los términos del servicio de Prezumi Lee la política de privacidad de Prezumi Lee la política de cookies de Prezumi Sigue a Prezumi en LinkedIn Sigue a Prezumi en X Sigue a Prezumi en Facebook Sigue a Prezumi en Instagram English Deutsch Français العربية Italiano Português Türkçe
Prezumi
Sign in Get started
Free resume & portfolio maker · Free PDF download

Build your profile once.
Launch tailored resumes and portfolios from it.

Build a resume and portfolio free in under 5 minutes: upload your CV, choose a design, then refine every detail — unlimited edits, plus free AI credits for the AI editor. Download your resume PDF free — no hidden paywall.

Let AI build it-start free
Roadmap: Enhance by AI, Analytics, Voice agent and more
Your privacy matters We use essential cookies/storage to run Prezumi. With your permission, we also use optional analytics to improve performance and user experience. Manage preferences.
Essential only Accept all