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.

Javier Martínez Samblas
Fundador de Self · Plataforma de CV a web con IA

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.
Ingeniería de software
Diseño
Qué conviene encontrar fácilmente
Gestión de proyectos
Diseño
Qué conviene encontrar fácilmente
Investigación y ciencia
Diseño
Qué conviene encontrar fácilmente
Escritura y trabajo freelance
Diseño
Qué conviene encontrar fácilmente
Recursos humanos y operaciones
Diseño
Qué conviene encontrar fácilmente
Diseño UI/UX y de producto
Diseño
Qué conviene encontrar fácilmente
| Tu especialidad | Diseño | Qué conviene encontrar fácilmente |
|---|---|---|
| Ingeniería de software | 8Bit | Especialidad técnica, proyectos seleccionados y enlaces al código o al producto |
| Gestión de proyectos | Bento | Alcance, responsabilidades, decisiones de ejecución y resultados |
| Investigación y ciencia | Dossier | Línea de investigación, métodos, trayectoria y trabajos relacionados |
| Escritura y trabajo freelance | Editorial | Temas, estilo, publicaciones seleccionadas y contacto |
| Recursos humanos y operaciones | Minimalistic | Enfoque profesional, mejoras de procesos y experiencia relevante |
| Diseño UI/UX y de producto | Brutalist | 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.

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.

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.

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.

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.

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.

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.
Responsable de proyectos
Texto más útil para la web
Qué entiende quien lo lee
Colaboré en la implantación de un sistema
Texto más útil para la web
Qué entiende quien lo lee
Buenas habilidades de comunicación
Texto más útil para la web
Qué entiende quien lo lee
| Punto de partida | Texto más útil para la web | Qué entiende quien lo lee |
|---|---|---|
| Responsable de proyectos | Responsable de proyectos de sistemas de almacén e implantaciones operativas. | El contexto profesional y la especialidad |
| Colaboré en la implantación de un sistema | Coordiné requisitos, pruebas con usuarios y el traspaso a operaciones de un sistema de almacén. | Las actividades y la responsabilidad asumida |
| Buenas habilidades de comunicación | 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. | 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.