Cómo crear un sitio de portafolio que te consiga trabajo

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

Empieza por quién mira

Un portafolio 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 sitios separados, para que ninguno tenga que buscar.

Qué incluir

El trabajo

Elige menos proyectos, pero mejores. Quita cualquier cosa que no quisieras volver a hacer si te contrataran para ello. Pon tu pieza más fuerte y más relevante primero; muchos visitantes nunca bajan 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 los demás. Sé preciso; exagerar es fácil de detectar en una entrevista.
3. El proceso: algunas decisiones clave, con bocetos, wireframes o fragmentos de código.
4. El resultado: qué se entregó 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 de foto cortos 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 lo haces y dónde estás o si trabajas en remoto. Una foto real ayuda. La vía de contacto debe ser evidente desde cada página: un formulario corto, una dirección de correo o un enlace para reservar una llamada. Si aceptas reservas, di cómo.

Páginas opcionales

• Servicios y tarifas: útiles para freelancers si quieres filtrar consultas poco adecuadas.
• CV o currículum: útil para quien busca empleo; un PDF descargable más una versión en la propia página es lo habitual.
• Textos o notas: solo merece la pena si lo vas a mantener actualizado. Un blog abandonado hace más daño que no tener blog.
• Testimonios: solo reales, y con permiso.

Decisiones y compromisos

¿Sitio estático o app? La mayoría de portafolios son sitios sencillos centrados en el contenido y no necesitan base de datos. Añade una solo cuando haya motivo: un formulario de contacto que guarde consultas, una galería que actualices a menudo desde una página de administración o una prueba de selección de clientes en la que la gente elija fotos.

Dónde viven las imágenes. Las imágenes grandes son la causa principal de que un portafolio vaya lento. Redimensiona y comprime antes de subirlas, sirve formatos modernos y carga las imágenes de forma diferida mientras el visitante hace scroll. Para una galería grande o que cambia con frecuencia, guarda las imágenes en un almacenamiento de archivos adecuado en lugar de incluirlas en el código del sitio.

Cómo lo vas a actualizar. Sé honesto con esto. Si añades trabajo cada mes, quieres 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 el sitio directamente está bien.

Visibilidad en buscadores. Si quieres que te encuentren buscando tu nombre junto con tu oficio y tu ciudad, la página necesita texto real, encabezados correctos, títulos y descripciones únicas por página, y texto alternativo descriptivo en las imágenes. Consulta SEO para sitios web creados 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 un sitio de portafolio para Lena Park, diseñadora de producto que busca puestos internos senior en empresas SaaS. Páginas: Inicio con una presentación corta 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: sereno y minimalista, mucho espacio en blanco, un color de acento y textos grandes y legibles. Que funcione bien en el teléfono. Usa proyectos de ejemplo claramente marcados que pueda sustituir uno a uno.

Después sustituye los marcadores de posición proyecto a proyecto, 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: recorta, redimensiona y comprime. Ponles nombres con sentido.
4. Genera o elige un diseño de partida. Explorar las plantillas de portafolio 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 después repite el patrón.
6. Añade Sobre mí y Contacto. Prueba el formulario de contacto de principio a fin.
7. Revisa en el teléfono. Los portafolios suelen romperse en pantallas pequeñas: cuadrículas apretadas, imágenes enormes, pies de foto diminutos.
8. Añade lo básico de SEO y una imagen para compartir, para que los enlaces se vean bien cuando los envíes.
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 fuertes. Selecciona.
• Imágenes sin contexto. En trabajo de diseño o desarrollo, una captura de pantalla sin el problema y tu papel le dice muy poco a un responsable de contratación.
• Páginas lentas y pesadas. Las imágenes sin comprimir a resolución completa hacen que el sitio parezca roto con datos móviles.
• Navegación ingeniosa. Los menús poco habituales y los efectos de scroll 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 que no tienes permiso para mostrar. Revisa contratos y acuerdos de confidencialidad; anonimiza o describe el proyecto si hace falta.
• No actualizarlo nunca. Los trabajos fechados y un «último proyecto» de hace años transmiten la señal equivocada.

Costes

Los costes de funcionamiento de un portafolio personal suelen ser pequeños: un nombre de dominio que se renueva cada año y el alojamiento. Los sitios con muchas imágenes cuestan algo más si guardas y sirves muchos archivos grandes. Los constructores de sitios suelen cobrar una suscripción mensual que incluye el alojamiento; construir el tuyo puede salir más barato, pero implica mantenerlo. Consulta los precios actuales en la web de cada proveedor, porque cambian.

Cuándo es mejor un producto ya hecho

Las plataformas de portafolio y los constructores de sitios con temas de portafolio son una buena opción si quieres un resultado pulido rápido, 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 dedicada que ya gestiona la revisión de selección y la venta de copias. Crea el tuyo 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 del sitio por completo.

Crearlo con Mythex

Mythex puede construir un portafolio a partir de una descripción como el prompt de arriba. Lo ves en una vista previa en vivo con un marco del tamaño de un 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. Con 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 portafolio y explica el almacenamiento de archivos. También puedes partir del constructor de sitios de portafolio con IA o de un estilo concreto, como el portafolio de desarrollador o el portafolio de fotografía.

Preguntas