Cómo crear una web de portfolio que te consiga trabajo

Para crear una web de portfolio que te consiga trabajo, elige tus cuatro a ocho mejores proyectos para el público que quieres alcanzar, presenta cada uno como una historia breve —el problema, lo que hiciste, el resultado— y facilita el contacto desde cualquier página. Mantenla rápida, sobre todo si tiene muchas imágenes, y ponla en un dominio con tu nombre. La herramienta importa menos que la selección y la redacción.

Empieza por quién mira

Un portfolio es una página de ventas en la que tu trabajo es el producto. Antes de elegir un diseño, decide quién quieres que te contrate y qué necesita ver:

Si atiendes a dos públicos muy distintos —por ejemplo, puestos de diseño de producto e ilustración freelance—, considera secciones separadas o incluso webs separadas, para que ninguno tenga que buscar.

Qué incluir

El trabajo

Elige menos proyectos, pero mejores. Quita cualquier cosa que no quisieras volver a hacer. Pon tu pieza más sólida y relevante primero; muchos visitantes no llegan a bajar de la primera fila.

Para diseñadores y desarrolladores, los mejores proyectos se convierten en casos de estudio. Una estructura útil:

1. El problema: una o dos frases sobre la situación y a quién afectaba.
2. Tu papel: qué hiciste tú y qué hicieron otros. Sé preciso; exagerar es fácil de detectar en una entrevista.
3. El proceso: unas pocas decisiones clave, con bocetos, wireframes o fragmentos de código.
4. El resultado: lo que se publicó y cualquier resultado que puedas afirmar con honestidad. Si no puedes compartir cifras, describe el cambio de forma cualitativa.

Para fotógrafos e ilustradores, las imágenes hacen la mayor parte del trabajo. Agrúpalas en conjuntos claros (bodas, producto, editorial), mantén los pies breves y deja respirar la cuadrícula.

Sobre mí y contacto

La sección «Sobre mí» debe decir quién eres, a qué te dedicas, para quién trabajas y dónde estás basado o si trabajas en remoto. Una foto real ayuda. La vía de contacto debe ser evidente desde cada página: un formulario breve, un correo o un enlace para reservar una llamada. Si aceptas reservas, indica cómo.

Páginas opcionales

• Servicios y tarifas: útil para freelancers si quieres filtrar consultas que no encajan.
• CV o currículum: útil para quien busca empleo; es habitual un PDF descargable junto a una versión en la página.
• Textos o notas: solo merece la pena si los vas a mantener actualizados. Un blog abandonado de hace años perjudica más que no tener blog.
• Testimonios: solo reales y con permiso.

Decisiones y compromisos

¿Web estática o aplicación? La mayoría de portfolios son webs sencillas centradas en el contenido y no necesitan base de datos. Añade una solo si hay un motivo: un formulario de contacto que guarde consultas, una galería que actualizas a menudo desde una página de administración o un proceso de selección de fotos por parte de clientes.

Dónde viven las imágenes. Las imágenes grandes son la causa principal de los portfolios lentos. Redimensiona y comprime antes de subir, sirve formatos modernos y carga las imágenes de forma diferida al desplazarse. Para una galería grande o que cambia con frecuencia, guarda las imágenes en un almacenamiento de archivos adecuado en lugar de meterlas en el código de la web.

Cómo lo actualizarás. Sé honesto con esto. Si añades trabajos cada mes, necesitas una forma fácil de hacerlo: una página de administración sencilla, un CMS o un constructor que te resulte cómodo editar. Si actualizas dos veces al año, editar la web directamente basta.

Visibilidad en buscadores. Si quieres que te encuentren buscando tu nombre junto a tu oficio y tu ciudad, la página necesita texto real, encabezados correctos, títulos y descripciones de página únicos y texto alternativo descriptivo en las imágenes. Consulta SEO para webs creadas con IA.

Un primer prompt para un constructor con IA

Un buen prompt nombra el público, las páginas, el trabajo y el estilo:

Crea una web de portfolio para Lena Park, diseñadora de producto que busca puestos internos sénior en empresas SaaS. Páginas: Inicio con una breve presentación y una cuadrícula de 5 casos de estudio; una plantilla de página de caso de estudio con secciones para el problema, mi papel, el proceso (con galería de imágenes) y el resultado; Sobre mí con foto, biografía breve y descarga de CV; Contacto con un formulario sencillo (nombre, correo, mensaje) que guarde en una base de datos y muestre un mensaje de agradecimiento. Estilo: sobrio y minimalista, mucho espacio en blanco, un color de acento y tipografía grande y legible. Funciona bien en el móvil. Usa proyectos de ejemplo claramente marcados que pueda sustituir uno a uno.

Después sustituye los marcadores de posición por tus proyectos, uno cada vez, en lugar de pegar todo tu contenido en un solo mensaje. Es más fácil de revisar y la IA acierta mejor en cada página.

Para más patrones de prompts, consulta cómo escribir prompts para constructores de apps con IA.

Pasos de construcción

1. Elige el público y los proyectos antes de tocar ninguna herramienta.
2. Escribe el texto de cada caso de estudio en un documento primero: problema, papel, proceso, resultado.
3. Prepara las imágenes: recórtalas, redimensiónalas y comprímelas. Pon nombres de archivo con sentido.
4. Genera o elige una estructura inicial. Ver plantillas de portfolio es una forma rápida de ver qué estilo encaja con tu trabajo.
5. Construye primero la página de inicio y un caso de estudio, déjalos bien y repite el patrón.
6. Añade «Sobre mí» y contacto. Prueba el formulario de contacto de principio a fin.
7. Revisa en el móvil. Los portfolios suelen romperse en pantallas pequeñas: cuadrículas apretadas, imágenes enormes, pies diminutos.
8. Añade lo básico de SEO y una imagen para compartir, para que los enlaces tengan buen aspecto al enviarlos.
9. Publica y conecta tu dominio. Consulta cómo conectar un dominio propio.
10. Pide a dos personas de tu público objetivo que lo miren treinta segundos y te digan a qué te dedicas. Si no lo saben, arregla la página de inicio.

Errores habituales

• Mostrar todo. Los proyectos flojos diluyen los buenos. Selecciona.
• Imágenes sin contexto. En trabajo de diseño o desarrollo, una captura sin el problema ni tu papel dice muy poco a quien contrata.
• Páginas lentas y pesadas. Las imágenes sin comprimir a resolución completa hacen que la web parezca rota con datos móviles.
• Navegación ingeniosa. Los menús insólitos y los efectos de desplazamiento pueden ser divertidos, pero no si los visitantes no encuentran tu trabajo ni tu correo.
• Datos de contacto escondidos. Pon un enlace de contacto en la cabecera y el pie de cada página.
• Usar trabajo de clientes sin permiso para mostrarlo. Revisa contratos y acuerdos de confidencialidad; anonimiza o describe el proyecto si hace falta.
• No actualizarlo nunca. Trabajos fechados y un «último proyecto» de hace años transmiten la señal equivocada.

Costes

Los costes habituales de un portfolio personal suelen ser pequeños: un dominio renovado cada año y el alojamiento. Las webs con muchas imágenes cuestan algo más si guardas y sirves muchos archivos grandes. Los constructores de webs suelen cobrar una suscripción mensual que incluye el alojamiento; construir la tuya puede salir más barato, pero implica mantenerla tú. Consulta los precios actuales en la web de cada proveedor, porque cambian.

Cuando un producto ya hecho es la mejor opción

Las plataformas de portfolio y los constructores de webs con temas de portfolio son una buena opción si quieres un resultado pulido rápidamente, prefieres un editor visual y no necesitas nada a medida. Los fotógrafos que venden copias o entregan galerías a clientes pueden estar mejor servidos por una plataforma de fotografía especializada que ya gestiona la selección de fotos y la venta de copias. Construye la tuya cuando quieras un diseño distintivo, necesites una función que las plataformas no ofrecen, quieras mostrar código o trabajo interactivo directamente, o simplemente quieras ser dueño de la web.

Cómo construirlo con Mythex

Mythex puede construir un portfolio a partir de una descripción como el prompt anterior. Lo ves en una vista previa en directo con un marco de tamaño de teléfono, ajustas el diseño y el texto en el chat y lo publicas en tunombre.mythex.app. Si quieres un formulario de contacto que guarde consultas, Mythex añade una base de datos al proyecto; para las galerías de imágenes, puede usar el almacenamiento de archivos del proyecto para que las fotos no se metan en el código. En el plan Pro puedes comprar un dominio en Mythex o conectar uno que ya tengas, y exportar el código o sincronizarlo con GitHub si más adelante quieres alojarlo en otro sitio.

La documentación cubre esto en el caso de uso de portfolio y explica el almacenamiento de archivos. También puedes empezar desde el constructor de webs de portfolio con IA o un estilo concreto, como las plantillas de portfolio de desarrollador o portfolio de fotografía.

Preguntas