Volver al blog
18 de octubre de 202610 min de lecturaCarrera

Páginas web personales: 6 ejemplos para inspirar la tuya

Descubre seis diseños de páginas web personales para distintas profesiones, con vistas previas, ideas de contenido y consejos que puedes aplicar a tu propia web.

Retrato de Javier Martínez Samblas

Javier Martínez Samblas

Fundador de Self · Plataforma de CV a web con IA

Ilustración a lápiz de una página web personal con tarjetas de proyectos, herramientas de diseño y una pantalla de móvil.

Una buena página web personal deja claras tres cosas: a qué te dedicas, qué trabajo haces y cómo contactar contigo. El diseño ayuda a ordenar esas respuestas. En investigación, una trayectoria bien organizada permite profundizar en los detalles técnicos. Para quien escribe, importan una presentación legible y enlaces a trabajos seleccionados. En gestión de proyectos, el reto consiste en hacer visibles las responsabilidades y la ejecución.

Estos seis ejemplos de páginas web personales muestran distintas formas de resolverlo con las plantillas de Self. Cada uno incluye una vista previa, una explicación de las decisiones de diseño y propuestas de contenido para tu propia página. Empieza por el que más se acerque a tu profesión y aprovecha también las ideas que te sirvan de los demás.

Elige una estructura que encaje con tu trabajo

Antes de decidir los colores o la distribución, piensa qué necesita valorar quien visite tu página. Esta comparación da una función concreta a cada diseño. Una misma plantilla puede encajar en varias profesiones; lo importante es decidir qué información merece más atención.

Seis diseños de páginas web personales y la información que ayuda a destacar cada uno.

Ingeniería de software

Diseño

8Bit

Qué conviene encontrar fácilmente

Especialidad técnica, proyectos seleccionados y enlaces al código o al producto

Gestión de proyectos

Diseño

Bento

Qué conviene encontrar fácilmente

Alcance, responsabilidades, decisiones de ejecución y resultados

Investigación y ciencia

Diseño

Dossier

Qué conviene encontrar fácilmente

Línea de investigación, métodos, trayectoria y trabajos relacionados

Escritura y trabajo freelance

Diseño

Editorial

Qué conviene encontrar fácilmente

Temas, estilo, publicaciones seleccionadas y contacto

Recursos humanos y operaciones

Diseño

Minimalistic

Qué conviene encontrar fácilmente

Enfoque profesional, mejoras de procesos y experiencia relevante

Diseño UI/UX y de producto

Diseño

Brutalist

Qué conviene encontrar fácilmente

Criterio de diseño, contexto de los proyectos y aportación personal

1. Una web de ingeniería de software con identidad propia

El diseño 8Bit combina tipografía de estilo pixelado, fondo oscuro y acentos de color para crear una presentación reconocible. La primera pantalla también cumple una función práctica: concreta la especialidad técnica, explica qué tipo de sistemas se desarrollan y deja a mano los enlaces profesionales. Así, el portfolio transmite personalidad y facilita encontrar el trabajo.

Diseño 8Bit con una presentación de ingeniería de software, fondo oscuro y enlaces destacados a GitHub y al contacto.
8Bit combina una estética reconocible con una presentación concreta y acceso directo a los perfiles profesionales.

Lleva esa precisión a tus proyectos. Un título como "API para un espacio de trabajo compartido" aporta más contexto que "Proyecto de backend". Añade el problema, la parte que asumiste, una decisión técnica importante y un enlace que permita explorar el resultado. Un repositorio, una demostración, un diagrama o una breve explicación de la implementación pueden aportar pruebas útiles.

  • Presenta los sistemas, usuarios o problemas con los que trabajas.
  • Da contexto a dos o tres proyectos relevantes para que se entienda tu aportación.
  • Relaciona las herramientas con el trabajo: explica dónde usaste cada tecnología y por qué fue importante.

Explora la plantilla 8Bit y su estructura y elige los proyectos que mejor respalden el puesto al que aspiras.

2. Una web de gestión de proyectos que muestra cómo llevas los proyectos a la práctica

Bento organiza la información en tarjetas bien diferenciadas. El perfil, la presentación breve y el contacto tienen su propio espacio; después aparece la experiencia con más detalle. Esta distribución funciona especialmente bien cuando tu trabajo consiste en coordinar personas, sistemas y decisiones: permite entender el conjunto antes de profundizar en la ejecución.

Web de gestión de proyectos con Bento y tarjetas separadas para el perfil, el contacto, la presentación y la experiencia.
Bento da un lugar claro a cada tipo de información y facilita recorrer una trayectoria profesional compleja.

Un portfolio de gestión de proyectos resulta más útil cuando explica qué debía cambiar, quién participó y de qué te responsabilizaste. En la implantación de un sistema, por ejemplo, pueden ser relevantes la recogida de requisitos, la coordinación de proveedores, las pruebas con usuarios, la formación y el traspaso al equipo de operaciones. Explica las decisiones que permitieron ejecutar el proyecto junto con el resultado.

  • Sitúa el proyecto y concreta la responsabilidad que asumiste.
  • Explica cómo gestionaste dependencias, pruebas, equipos implicados o la puesta en marcha.
  • Respalda los resultados con pruebas adecuadas: un lanzamiento público, un resumen autorizado o una mejora medible del proceso.

Consulta el diseño Bento y la guía para presentar trabajo no visual en un portfolio de gestión de proyectos si necesitas más ideas de contenido.

3. Una web de investigación que presenta tus estudios y resultados

Dossier sitúa un perfil compacto junto a una cronología detallada. El nombre, el área, la presentación y el contacto quedan visualmente separados de las secciones de experiencia más extensas. Esta estructura permite explicar métodos y responsabilidades con profundidad y mantener siempre claro a quién corresponde el trabajo.

Web científica con Dossier, un perfil lateral compacto y una cronología detallada de investigación y experiencia en ciencias ambientales.
Dossier distingue la información esencial del perfil de los detalles que respaldan una trayectoria científica.

Presenta tu investigación con un lenguaje que pueda seguir una persona interesada y ofrece más profundidad mediante proyectos y enlaces concretos. Un estudio de campo puede explicar la pregunta, el muestreo, el análisis y la utilidad de los hallazgos. En el ámbito académico, conecta tus intereses con publicaciones, pósteres, conjuntos de datos o una tesis cuando puedas compartir esos materiales.

  • Resume las preguntas o los problemas prácticos que conectan tus trabajos.
  • Explica los métodos y las herramientas técnicas dentro de un estudio o proyecto.
  • Usa enlaces descriptivos para que se entienda qué publicación o proyecto se va a abrir.

Explora Dossier. Si acabas de empezar el doctorado, la guía sobre qué incluir en una web de doctorado antes de tener publicaciones propone otras formas de presentar tu investigación.

4. Una web de escritura que da protagonismo a las palabras

Editorial combina espacio generoso, una paleta sobria y tipografía cómoda de leer. La presentación tiene margen para transmitir una temática y una voz propia, con el contacto cerca. Para quienes escriben, editan o trabajan en comunicación por cuenta propia, ese primer párrafo ya es una pequeña muestra de su capacidad para explicar una idea.

Web de escritura con Editorial, tipografía espaciosa, una presentación biográfica y una columna independiente de contacto.
Editorial da espacio a una presentación breve para transmitir temática, estilo y especialidad profesional.

Selecciona unos pocos textos y ten claro qué aporta cada uno. Una entrevista, un reportaje, un artículo divulgativo y un ensayo por encargo pueden demostrar capacidades distintas. Acompaña cada enlace del medio, el tema y tu función. Así, quien te lea podrá elegir la muestra más relevante para el trabajo que necesita encargar.

  • Concreta tus temas, formatos o públicos en el párrafo de presentación.
  • Da a cada muestra de escritura un título claro y una frase de contexto útil.
  • Facilita hablar de un encargo mediante una vía de contacto visible.

Explora Editorial o consulta la guía para crear una web de portfolio freelance si necesitas presentar servicios además de tu trayectoria.

5. Una web de recursos humanos centrada en la experiencia

Minimalistic abre la página con un espacio amplio para el retrato, la descripción profesional y los enlaces de contacto. La trayectoria aparece después. Es una estructura apropiada para trabajos cuyo valor se aprecia en procesos fiables y una gestión continuada, como recursos humanos, operaciones, administración y gestión de personas.

Web de recursos humanos con Minimalistic, una presentación amplia, enlaces de contacto y una cronología de experiencia clara.
Minimalistic sitúa primero el enfoque profesional y después desarrolla la trayectoria de forma ordenada.

Haz tangible tu trabajo describiendo el servicio o el proceso que mejoraste. La incorporación de empleados, la calidad de los datos de personal, el apoyo a responsables y la atención interna tienen destinatarios y objetivos concretos. Explica el punto de partida, el cambio al que contribuiste y las pruebas que puedes compartir. Una descripción precisa también permite mostrar criterio profesional.

  • Explica en la presentación a qué personas u operaciones da apoyo tu trabajo.
  • Relaciona tus responsabilidades con mejoras concretas de un servicio o proceso.
  • Elige ejemplos que expliquen tu aportación y respeten la privacidad de las personas y de la empresa.

Consulta la plantilla Minimalistic para organizar un portfolio profesional que mantenga el foco en tu trabajo.

6. Un portfolio de diseño con una presentación que tiene carácter

Brutalist combina tipografía contundente, espacio generoso y un acento de color reconocible. La presentación explica el enfoque de diseño antes de dar paso a los proyectos. Para quienes trabajan en UI/UX o producto, es una forma de mostrar desde la primera pantalla cómo abordan los problemas y qué criterio visual aplican.

Web de diseño UI/UX con Brutalist, tipografía de gran tamaño, una presentación enfocada y acciones de contacto destacadas.
Brutalist da una identidad visual fuerte a la presentación y mantiene legible el mensaje profesional.

Acompaña las imágenes más representativas de tus proyectos con el contexto necesario para entenderlas. Un rediseño del proceso de compra aporta más cuando explicas la dificultad inicial, la parte de la experiencia que asumiste, las limitaciones y las decisiones que llevaron a las pantallas finales. Muestra suficiente proceso para conectar el diseño con un problema reconocible.

  • Presenta los productos, usuarios o experiencias para los que diseñas.
  • Explica el problema, tu aportación y el resultado en los proyectos seleccionados.
  • Usa imágenes legibles y pies que ayuden a entender el trabajo también desde el móvil.

Explora Brutalist y compáralo con las demás plantillas y ejemplos de páginas web personales para encontrar la presentación que encaje con tu trabajo.

Convierte una línea del currículum en contenido útil para la web

Una web te da espacio para conectar un puesto, un proyecto y el trabajo que hubo detrás. Empieza por la información que ya tienes. Imagina que tus notas describen la coordinación de requisitos, pruebas con usuarios y traspaso a operaciones de un sistema de almacén junto con responsables de centros, TI y proveedores. También recogen decisiones de prueba documentadas y guías para el personal. Estos cambios muestran cómo aprovechar esos detalles para escribir con más claridad.

Un ejemplo de cómo aprovechar los detalles de un proyecto para mejorar el contenido de una web profesional.

Responsable de proyectos

Texto más útil para la web

Responsable de proyectos de sistemas de almacén e implantaciones operativas.

Qué entiende quien lo lee

El contexto profesional y la especialidad

Colaboré en la implantación de un sistema

Texto más útil para la web

Coordiné requisitos, pruebas con usuarios y el traspaso a operaciones de un sistema de almacén.

Qué entiende quien lo lee

Las actividades y la responsabilidad asumida

Buenas habilidades de comunicación

Texto más útil para la web

Reuní a responsables de centros, al equipo de TI y a proveedores en un plan de implantación, con decisiones de prueba documentadas y guías para el personal.

Qué entiende quien lo lee

Cómo se aplicó la comunicación al trabajo

Aplica el mismo criterio a tu material: sitúa el trabajo, explica tu aportación y muestra qué permitió conseguir. Añade una cifra cuando tengas pruebas fiables que la respalden. Una responsabilidad bien explicada o un resultado concreto también transmiten información valiosa.

Qué incluir en tu propia página web personal

La mejor estructura depende del material que puedes mostrar y de la conversación que quieres iniciar. Repasa esta lista para preparar la página antes de publicarla.

  • Una presentación concreta: tu área, el trabajo que haces y las oportunidades o colaboraciones que te interesan.
  • Trabajo seleccionado: proyectos, experiencia, publicaciones, textos o trabajos académicos relevantes, con tu aportación explicada.
  • Competencias con contexto: muestra dónde aplicas una capacidad en lugar de dejarla en una lista aislada.
  • Un siguiente paso claro: un email profesional, un perfil relevante o una acción de contacto fácil de encontrar.
  • Una revisión desde el móvil: comprueba la legibilidad, las imágenes, la navegación y el destino de los enlaces.

Al empezar tu carrera, los proyectos y los trabajos académicos pueden aportar esas pruebas. La guía sobre qué incluir en una web personal si acabas de graduarte explica cómo elegirlos y presentarlos.

Crea tu web personal con el material que ya tienes

Self convierte tu currículum, portfolio o notas profesionales en una página web personal alojada. Añade tu material, elige una plantilla y revisa la página generada. Ajusta la presentación, comprueba la experiencia y añade enlaces o contenido visual que permitan explorar mejor tu trabajo.

Puedes previsualizar todas las plantillas antes de publicar. El plan Free permite publicar con una plantilla gratuita; Pro y Team permiten publicar también los diseños Pro. Elige la presentación que ayude a entender el trabajo por el que quieres destacar.

Empieza con la herramienta para convertir tu currículum en una web o compara diseños en la colección de plantillas. Encontrarás el proceso completo en la guía paso a paso para crear una web a partir de tu currículum.

Preguntas sobre páginas web personales

¿Qué tiene una buena página web personal?

Una presentación clara, ejemplos relevantes de tu trabajo y una forma sencilla de contactar contigo. Elige una estructura que facilite encontrarlos y da a cada proyecto o experiencia el contexto necesario para entender tu aportación.

¿Qué diferencia hay entre una web personal y un portfolio?

Una web personal te presenta y puede reunir experiencia, intereses, investigación y contacto. Un portfolio se centra en una selección de trabajos. Ambas funciones pueden convivir en la misma página: la presentación profesional sitúa los proyectos que aparecen después.

¿Puedo crear una web personal antes de mi primer empleo a tiempo completo?

Sí. Los trabajos académicos, proyectos personales, voluntariado, empleos a tiempo parcial e investigación pueden aportar contenido útil. Explica el objetivo, qué hiciste y qué aprendiste o produjiste. Elige las muestras más relevantes para la oportunidad que buscas.

¿Necesito saber programar?

Self genera y aloja la página a partir de tu material profesional para que puedas centrarte en el contenido y la presentación. Programar tu propia web es otra opción cuando su construcción forma parte de las capacidades que quieres demostrar.