Hay páginas web que parecen tarjetas de visita ampliadas: una fotografía, cuatro frases sobre quién eres y un formulario de contacto que prácticamente tienes que buscar con lupa. Y luego están esas otras webs que, en cuestión de segundos, consiguen transmitir la personalidad de alguien sin necesidad de que te explique demasiado.
No siempre son las más espectaculares. Algunas apenas utilizan dos colores y una tipografía sencilla. Otras están llenas de movimiento, fotografías enormes o pequeños detalles que invitan a explorar. Lo interesante es que todas parten de una idea: una página personal debería ayudarte a mostrar quién eres, qué haces y por qué merece la pena conocerte.
Si estás buscando ejemplos de páginas web personales para crear la tuya, probablemente ya tengas algunas referencias guardadas. Quizá te gusta el minimalismo de una web de arquitectura, las galerías de un fotógrafo o la manera en que un escritor presenta sus libros. El problema aparece cuando intentas mezclarlo todo y acabas con una página que tiene un poquito de cada estilo, pero ninguna personalidad reconocible.
Para evitarlo, hemos seleccionado 15 webs reales de escritores, diseñadores, fotógrafos, profesionales y creativos. No vamos a limitarnos a enseñarte páginas bonitas: analizaremos qué funciona en cada una, qué decisiones de diseño resultan interesantes y qué podrías aprovechar para tu propio proyecto.
Porque la inspiración sirve para aprender a tomar decisiones, no para copiar la web del vecino cambiándole el logotipo.
Antes de entrar en nuestra selección, conviene aclarar que no existe un único modelo de página personal que funcione para todo el mundo.
Un escritor necesita presentar sus publicaciones y facilitar que los lectores descubran sus libros. Un fotógrafo debe dar protagonismo a las imágenes. Y un consultor necesita explicar sus servicios, transmitir credibilidad y facilitar que los visitantes contacten con él.
Por eso hemos organizado estos 15 ejemplos de páginas web personales por perfiles profesionales. Las páginas y los enlaces se han contrastado con sus sitios oficiales, aunque su diseño puede cambiar con el tiempo.
Los 15 ejemplos de esta guía
| Escritores | Brandon Sanderson, Elizabeth Gilbert, Neil Gaiman |
| Diseñadores y creativos | Adham Dannaway, Anton & Irene, Tobias Ahlin, Alice Lee |
| Fotógrafos | Jessica Chou, Chris Burkard, Peter McKinnon |
| Marca personal | Marie Forleo, Ann Handley, Ali Abdaal |
| Originales | Bruno Simon, Dennis Snellenberg |
Las páginas web de escritores tienen una particularidad: el verdadero protagonista no debería ser únicamente el autor, sino también su obra.
Una buena web de autor permite conocer sus libros, identificar por dónde empezar a leer, encontrar novedades y establecer una relación con quienes siguen su trabajo. Y todo ello sin convertirse en un catálogo desordenado de portadas.
En lugar de limitarse a reunir sus novelas, la web de Brandon Sanderson organiza distintos universos y sagas literarias, incorpora noticias y ofrece algo especialmente interesante: indicadores del progreso de sus proyectos de escritura. Para una comunidad que sigue de cerca cada nueva publicación, esa información aporta un motivo para regresar.
Qué podemos aprender: si tienes una audiencia fiel, tu web no debería ser únicamente un escaparate estático. Puedes incorporar novedades, avances de proyectos o contenidos exclusivos que animen a los lectores a visitarla periódicamente.
2. Elizabeth Gilbert — Cuando un lanzamiento marca el diseño
En el sitio de Elizabeth Gilbert, la obra destacada ocupa un lugar protagonista y se acompaña de información editorial, reseñas y diferentes posibilidades de compra. La autora cuenta con una trayectoria amplia, pero la portada aprovecha esa notoriedad para dirigir la atención hacia una publicación concreta.
Qué podemos aprender: no es necesario que todos tus proyectos reciban exactamente el mismo protagonismo. Si estás lanzando un libro, una exposición o un nuevo servicio, puedes reorganizar temporalmente la portada para acompañar ese objetivo.
3. Neil Gaiman — El valor de un archivo bien organizado
La web de Neil Gaiman es un ejemplo diferente. Su principal atractivo no está en perseguir las últimas tendencias visuales, sino en reunir un catálogo extenso de libros, historietas y otros trabajos mediante secciones diferenciadas. Su apartado bibliográfico funciona como una referencia para descubrir obras y explorar una carrera literaria muy diversa.
Qué podemos aprender: si tienes muchos años de trayectoria, la arquitectura de contenidos importa tanto como la estética. Una organización clara por obras, categorías o etapas profesionales puede resultar más útil que una portada espectacular que dificulte encontrar información.
Estos tres ejemplos demuestran que el diseño web para escritores puede responder a objetivos muy distintos: mantener una comunidad, promocionar un lanzamiento o documentar una trayectoria.
Aquí las reglas cambian un poco. Cuando alguien contrata a un diseñador, ilustrador o desarrollador creativo, la propia página web forma parte de su carta de presentación.
No basta con afirmar que tienes sensibilidad estética o sabes crear experiencias digitales. Tu portfolio debería demostrarlo.
Eso sí, demostrar creatividad no significa utilizar animaciones en cada esquina. Un buen portfolio creativo necesita equilibrio entre personalidad, claridad y facilidad para descubrir los proyectos.
Adham Dannaway combina diseño de producto y desarrollo frontend. Su conocida presentación visual divide estas dos facetas y permite entender rápidamente su perfil profesional. La web enlaza además proyectos, recursos y contenidos relacionados con su trabajo.
Qué podemos aprender: cuando ofreces servicios diferentes, no necesitas esconderlos bajo una descripción genérica. Puedes utilizar la composición visual para explicar cómo se complementan. Una buena portada responde rápidamente a la pregunta «¿qué haces exactamente?».
5. Anton & Irene — Los proyectos explican mejor que los adjetivos
Aunque se trata de un estudio formado por dos profesionales, su web es una referencia interesante para quienes quieren desarrollar una marca creativa. Presenta trabajos para diferentes clientes y conecta esos proyectos con disciplinas como estrategia, diseño de interfaces, dirección de arte y desarrollo. Su portfolio evita depender exclusivamente de una lista de habilidades.
Qué podemos aprender: enseñar proyectos concretos suele transmitir más que describirte como «innovador, apasionado y creativo». Si añades el problema inicial, las decisiones tomadas y el resultado del trabajo, ayudas a comprender cómo piensas y qué puedes aportar.
6. Tobias Ahlin — Enseñar también puede ser una forma de demostrar experiencia
Tobias Ahlin presenta su actividad alrededor de tres ideas: diseñar, experimentar y enseñar. Su página reúne artículos, tutoriales y proyectos como SpinKit o Moving Letters, pequeñas herramientas que permiten apreciar directamente sus conocimientos técnicos.
Qué podemos aprender: tu portfolio no tiene por qué limitarse a trabajos realizados para clientes. Publicar recursos propios, experimentos o tutoriales también permite demostrar competencias, generar confianza y atraer visitantes interesados en tu especialidad.
La web de Alice Lee presenta ilustraciones, murales, cerámicas y proyectos comerciales. Las imágenes tienen un protagonismo evidente y su trabajo mantiene una personalidad gráfica reconocible, aunque utilice técnicas y soportes diferentes. El sitio también separa categorías y facilita las consultas profesionales.
Qué podemos aprender: una identidad visual sólida no consiste en utilizar siempre la misma plantilla. Consiste en mantener una coherencia reconocible a través del color, las formas, las ilustraciones y el tono de comunicación.
Estos ejemplos de portfolios web muestran cuatro maneras de construir autoridad creativa: explicar una especialización, documentar proyectos, compartir conocimientos y desarrollar un lenguaje visual propio.
Y ninguno de esos objetivos exige necesariamente utilizar una web complicada.
En una web de fotografía, las imágenes tienen que hablar. Pero eso no significa que todo lo demás deba desaparecer.
Una buena galería necesita ritmo, jerarquía y organización. No es lo mismo mostrar veinticinco fotografías en una cuadrícula que construir una selección donde cada imagen tenga espacio para respirar.
Los siguientes ejemplos muestran enfoques diferentes.
8. Jessica Chou — Dejar que el trabajo ocupe el primer plano
La página de Jessica Chou presenta una selección extensa de retratos editoriales y proyectos fotográficos. Las imágenes aparecen acompañadas por títulos y referencias a sus publicaciones, permitiendo que el visitante descubra tanto el estilo de la fotógrafa como el contexto profesional de sus encargos.
Qué podemos aprender: un fotógrafo no necesita llenar su portada de explicaciones. Una selección bien organizada, con información sobre los proyectos y una vía clara de contacto, puede presentar su trabajo con mucha más fuerza que varios párrafos de autopromoción.
9. Chris Burkard — Convertir una especialidad en una identidad profesional
Chris Burkard desarrolla su trabajo alrededor de la fotografía de naturaleza, aventura, viajes y surf. Su página integra esa especialización con su trayectoria como director creativo, autor y conferenciante. La identidad profesional no depende únicamente de una fotografía espectacular, sino de un territorio temático reconocible.
Qué podemos aprender: no necesitas mostrar absolutamente todo lo que sabes fotografiar. Si quieres posicionarte en una especialidad, una selección coherente puede comunicar mejor tu propuesta que una galería donde conviven trabajos sin relación aparente.
10. Peter McKinnon — Una galería que evita distracciones
La web de Peter McKinnon presenta un portfolio fotográfico donde las imágenes ocupan prácticamente toda la atención. Su navegación permite explorar categorías como retratos y fotografía lifestyle, reduciendo la necesidad de introducir elementos decorativos que compitan con el contenido.
Qué podemos aprender: en determinadas disciplinas, el diseño debe saber retirarse a tiempo. Una estructura limpia, buenos espacios y fotografías bien seleccionadas suelen funcionar mejor que una colección de efectos visuales.
No todas las páginas personales necesitan funcionar como portfolios artísticos. Para consultores, formadores, escritores especializados y profesionales independientes, la prioridad suele ser diferente: explicar a quién ayudan, demostrar experiencia y facilitar el siguiente paso.
Aquí el diseño web para marca personal tiene que combinar personalidad y claridad comercial. Una portada puede ser preciosa, pero si el visitante no entiende qué ofreces, para quién trabajas o cómo contratarte, probablemente no esté cumpliendo su función.
11. Marie Forleo — Una marca personal construida alrededor de sus productos
Marie Forleo combina su faceta de autora y comunicadora con programas formativos, vídeos, recursos y contenidos de negocio. Su web articula distintas líneas de actividad bajo una identidad reconocible y ofrece al visitante varias maneras de empezar a conocer su trabajo.
Qué podemos aprender: cuando tu negocio crece y empiezas a ofrecer diferentes servicios o productos, necesitas una arquitectura que los relacione. Una marca personal no tiene que quedarse limitada para siempre a una biografía y una página de contacto.
La web de Ann Handley concede una posición destacada a su newsletter, Total Annarchy, mientras presenta su trayectoria como escritora y conferenciante. Es una decisión interesante: en lugar de tratar el correo electrónico como un elemento secundario, lo utiliza como una vía principal para conectar con su audiencia.
Qué podemos aprender: si tu estrategia depende de compartir conocimientos y construir una comunidad, la newsletter puede tener un protagonismo similar al de tus servicios. No todo debe terminar en un botón de «Solicitar presupuesto».
13. Ali Abdaal — Organizar una marca personal con distintos públicos
La web de Ali Abdaal integra vídeos, artículos, recursos, libros y productos formativos. Una característica interesante es que orienta a los visitantes según lo que desean conseguir: aprender sobre productividad, desarrollar un negocio o mejorar determinadas habilidades.
Qué podemos aprender: cuando tienes públicos con intereses distintos, no siempre basta con organizar el menú por formatos como «blog», «vídeos» y «cursos». También puedes estructurar la navegación alrededor de las necesidades de los usuarios.
Estos tres casos muestran que una buena web de marca personal no se construye únicamente alrededor del aspecto físico, la biografía o los logros de quien la protagoniza. También necesita pensar en la persona que la visita.
¿Busca información? ¿Quiere contratar un servicio? ¿Necesita conocer tu experiencia? ¿Está interesada en un curso?
Cuanto antes pueda encontrar su camino, más útil resultará la web.
Terminamos la selección con dos proyectos que demuestran hasta dónde puede llegar la creatividad digital cuando la propia experiencia forma parte de lo que un profesional quiere enseñar.
Son webs sorprendentes, pero conviene analizarlas con perspectiva. Una navegación experimental puede ser extraordinaria para un desarrollador creativo y completamente innecesaria para una asesoría.
14. Bruno Simon — Un portfolio que se convierte en una experiencia interactiva
El portfolio de Bruno Simon permite recorrer un escenario tridimensional conduciendo un pequeño vehículo. En lugar de presentar sus conocimientos de programación mediante una lista de tecnologías, los demuestra directamente con una experiencia desarrollada utilizando Three.js y otras herramientas.
Qué podemos aprender: cuando tu especialidad es crear experiencias digitales, tu propia página puede convertirse en una demostración de lo que sabes hacer. Eso sí, la creatividad debe acompañarse de consideraciones sobre rendimiento, accesibilidad y facilidad de uso.
15. Dennis Snellenberg — Cuando las animaciones forman parte de tu identidad
El portfolio de Dennis Snellenberg demuestra que no hace falta convertir una página web en un videojuego para conseguir una experiencia memorable. Su diseño combina una fotografía de gran tamaño, tipografía protagonista, transiciones cuidadas y pequeñas animaciones que acompañan al visitante mientras descubre sus proyectos.
Lo interesante es que estos recursos no están ahí únicamente para decorar. Dennis se especializa precisamente en diseño y desarrollo de experiencias digitales, por lo que su propia web funciona como una demostración de sus capacidades. Además, permite explorar proyectos reales y acceder fácilmente a su información profesional y de contacto.
Qué podemos aprender: las animaciones y las microinteracciones pueden aportar personalidad a una web cuando tienen sentido con el trabajo que queremos mostrar. El secreto está en utilizarlas para reforzar la experiencia, sin sacrificar la legibilidad, la accesibilidad ni la facilidad de navegación.
Los dos últimos ejemplos, Bruno Simon y Dennis Snellenberg, muestran dos formas distintas de convertir una página personal en una demostración de talento. El primero apuesta por una experiencia tridimensional sorprendente; el segundo utiliza el movimiento, la composición y las transiciones para transmitir su dominio del diseño interactivo.
Esto no significa que debas llenar tu web de animaciones. Significa que el diseño puede demostrar lo que sabes hacer incluso antes de que alguien lea tu currículum.
Y esa es una de las mejores lecciones que podemos extraer de estos portfolios: la originalidad funciona cuando está conectada con tu identidad profesional, no cuando se utiliza únicamente para llamar la atención.
Después de ver quince ejemplos tan diferentes, podría parecer que no existe ninguna regla compartida. Unos utilizan fotografía, otros textos, algunos apuestan por diseños sobrios y otros convierten la navegación en una experiencia interactiva.
Sin embargo, las mejores páginas web personales suelen resolver tres necesidades: tener una identidad reconocible, presentar el trabajo de manera comprensible y facilitar que el visitante encuentre lo que busca.
La identidad visual no es simplemente elegir tus colores favoritos y utilizarlos en todos los botones.
Es la combinación de tipografías, imágenes, composición, colores y tono de comunicación que ayuda a que tu página resulte coherente con tu actividad.
Un fotógrafo de arquitectura puede necesitar una presentación sobria y espacios amplios. Una ilustradora infantil podría utilizar un universo visual mucho más expresivo. Ninguna opción es mejor por sí misma: lo importante es que encaje con la personalidad profesional que queremos transmitir.
En el diseño web de marca personal conviene evitar un error habitual: escoger una plantilla porque parece moderna sin preguntarnos si realmente representa el trabajo que hacemos.
No necesitas incluir todos los proyectos que has realizado desde que empezaste a trabajar.
Un portfolio bien seleccionado suele resultar más convincente que una recopilación interminable donde conviven trabajos actuales con otros que ya no representan tu nivel profesional.
Siempre que puedas, contextualiza lo que muestras. Explica brevemente qué necesitaba el cliente, cuál fue tu aportación y qué entregaste. Si dispones de resultados comprobables y tienes permiso para compartirlos, también puedes incorporarlos.
Eso ayuda a demostrar experiencia sin depender exclusivamente de afirmaciones como «soy creativo», «ofrezco soluciones innovadoras» o «me apasiona mi trabajo».
Una web personal debería permitir responder rápidamente tres preguntas: quién eres, qué haces y cómo pueden ponerse en contacto contigo.
No todas necesitan el mismo menú, pero sí una organización comprensible. En muchos casos bastará con una portada, una presentación profesional, proyectos o servicios y una página de contacto.
También conviene cuidar la versión móvil, el contraste de los textos, el tamaño de los botones y la velocidad de carga.
Una animación puede resultar espectacular en un ordenador potente y convertirse en un obstáculo desde un teléfono con una conexión limitada.
Por eso, la originalidad visual nunca debería utilizarse como excusa para descuidar la experiencia de usuario.
Después de guardar varios ejemplos, llega el momento de tomar decisiones. Y aquí conviene empezar por una pregunta bastante menos emocionante que elegir colores: ¿qué quieres conseguir con tu web?
Si eres escritor, quizá necesites presentar tus libros y mantener informados a tus lectores. Si trabajas como fotógrafo, probablemente tu prioridad sea enseñar proyectos y conseguir nuevos encargos. Y si eres consultor, tu web tendrá que explicar qué servicios ofreces y facilitar que los posibles clientes contacten contigo.
El diseño debe responder a ese objetivo, no al revés.
Tipo de página personal | Estilo que puede encajar | Qué debería destacar |
|---|---|---|
Escritor o autor | Editorial | Libros, biografía y novedades |
Diseñador gráfico | Creativo o minimalista | Proyectos e identidad visual |
Fotógrafo | Visual e inmersivo | Galerías y trabajos seleccionados |
Consultor o profesional | Claro y corporativo | Experiencia, servicios y contacto |
Ilustrador o artista | Expresivo y artístico | Obras y estilo propio |
Desarrollador creativo | Experimental | Competencias y proyectos interactivos |
Estos estilos no son categorías cerradas. Un escritor puede apostar por una web minimalista y un consultor puede tener una identidad visual muy creativa.
Lo importante es que las decisiones estéticas no dificulten la comprensión del contenido.
También deberías valorar cuánto tiempo podrás dedicar al mantenimiento. Una página llena de animaciones, efectos y funcionalidades personalizadas puede requerir más atención que un portfolio bien estructurado.
En Zudro Digital Media desarrollamos páginas web con WordPress, adaptando su estructura y diseño a las necesidades de cada proyecto. Una web personal debería permitirte crecer, actualizar tus contenidos y modificar la presentación de tus servicios sin tener que empezar desde cero cada vez que evoluciona tu actividad.
Depende de tu actividad, pero normalmente conviene incorporar una presentación clara, información sobre tu experiencia, una selección de proyectos o servicios y alguna forma sencilla de contactar.
También puedes añadir publicaciones, testimonios verificables, recursos descargables o una newsletter cuando tengan sentido para tus objetivos.
No necesitas llenar el menú de secciones únicamente para que la web parezca más completa. Es preferible presentar pocos contenidos útiles que publicar páginas vacías o repetitivas.
No son opciones incompatibles.
Un portfolio online se centra principalmente en presentar trabajos y proyectos. Una web personal puede tener un alcance mayor e incluir servicios, biografía, artículos, productos, recursos y otras formas de relación con la audiencia.
Para un diseñador o fotógrafo, el portfolio puede ser el centro de su página personal. Para un consultor, probablemente tenga más sentido dar protagonismo a los servicios y utilizar los casos de éxito como apoyo.
Existen diferentes opciones, entre ellas WordPress, Webflow, Framer, Wix y Squarespace.
La elección depende del tipo de proyecto, tus conocimientos, el nivel de personalización y la facilidad con la que quieras actualizar la web.
Para una página sencilla, un constructor visual puede resultar suficiente. Si necesitas una estructura de contenidos más amplia, integraciones específicas o funcionalidades personalizadas, conviene estudiar una solución que permita evolucionar el proyecto sin limitaciones innecesarias.
No existe una plataforma universalmente mejor para todos los casos.
Los mejores ejemplos de páginas web personales no siempre son los que utilizan más animaciones, fotografías espectaculares o efectos sorprendentes.
Son aquellos que consiguen transmitir una identidad reconocible y facilitan que el visitante comprenda qué hace la persona que hay detrás.
A lo largo de estos quince ejemplos hemos visto formas muy diferentes de lograrlo: escritores que convierten sus webs en espacios para lectores, fotógrafos que dejan hablar a sus imágenes, profesionales que organizan sus conocimientos y creativos que utilizan la propia navegación para demostrar sus habilidades.
La lección no consiste en elegir cuál de esas páginas quieres copiar.
Consiste en descubrir qué necesitas comunicar, a quién quieres llegar y qué decisiones de diseño pueden ayudarte a conseguirlo.
Porque tu página personal no tiene que parecerse a la de un profesional famoso. Tiene que representar tu trabajo, resultar útil para quienes te visitan y evolucionar contigo.
En Zudro Digital Media entendemos el diseño web como una combinación de identidad, contenido y experiencia de usuario. Una buena web puede ser visualmente atractiva, pero también debe ser clara, funcional y responder a un objetivo concreto.
Y esa es probablemente la mejor inspiración que podemos extraer de todos estos ejemplos: no necesitas la página más extravagante de Internet. Necesitas una página que tenga sentido para ti y para las personas que quieres atraer.
Entradas Relacionadas
