4 pasos para crear un portafolio de diseño UX impresionante

Tu portafolio de diseño UX te ayuda a impresionar a futuros empleadores y a atraer clientes. Aquí tienes cuatro pasos clave para crear un portafolio que destaque.

4 pasos para crear un portafolio de diseño UX impresionante

Índice de contenidos

Un buen portafolio de diseño UX refleja tu personalidad y tu forma de trabajar. Aprende a crear uno que equilibre ambas prioridades.

La demanda de diseñadores de experiencia de usuario (UX) está en aumento — pero también lo está el número de profesionales con talento que compiten por un puesto. Un portafolio creativo y bien pensado te ayudará a captar la atención, atraer clientes y diferenciarte de la competencia.

¿Qué buscan los reclutadores en el portafolio de un diseñador UX?

Si estás buscando empleo, tu portafolio debe convencer a los reclutadores, gerentes de contratación y futuros compañeros de equipo de que eres la persona ideal. Asegúrate de incluir lo siguiente:

  • Experiencia relevante, comunicada a través de casos de estudio detallados
  • Pruebas de excelencia en diseño centrado en el usuario con ejemplos de trabajos anteriores
  • Documentación de tu proceso de resolución de problemas
  • Demostración de tu capacidad para realizar investigación UX
  • Métricas que muestren los resultados de tus proyectos
  • Evidencia de tu capacidad de colaboración y trabajo en equipo
  • Información que les ayude a evaluar tu personalidad y encaje cultural

Aunque crear diseños visuales impecables no suele ser parte de la descripción del puesto de diseñador UX, presentar tus proyectos de forma atractiva capta la atención y demuestra que te enorgulleces de tu trabajo.

¿Qué buscan los clientes freelance?

Si planeas trabajar como freelance o con contratos a corto plazo, crea un portafolio que atraiga a clientes con intereses diversos. Por lo general, los clientes potenciales buscan lo siguiente:

  • Pruebas de proyectos en un sector y escala similares (por ejemplo, trabajar con tiendas de comercio electrónico o crear sitios para pequeñas empresas)
  • Indicios de que eres una persona fiable y con la que da gusto trabajar
  • Prueba social en forma de reseñas y testimonios
  • Una descripción de tu proceso, desde la consulta y la redacción del contrato hasta la finalización del proyecto

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora

Cómo crear un gran portafolio de diseño UX: 4 pasos

La mejor forma de demostrar tus habilidades en diseño UX es a través de tus trabajos anteriores. Los estudios de caso son la columna vertebral de tu portafolio; aquí te enseñamos cómo elegir los mejores y presentarlos con éxito.

1. Elige los proyectos que vas a mostrar

Selecciona proyectos de diseño UX previos que demuestren una solución innovadora a un problema complejo.

Si el portafolio es para un cliente específico, piensa qué proyectos se ajustan mejor a los requisitos del puesto.

Si es para atraer nuevos clientes, céntrate en proyectos que exhiban diversas habilidades, como la creación de wireframes complejos y el uso de distintos programas de diseño visual.

Si eres estudiante o acabas de terminar un curso de diseño UX, no dudes en usar proyectos académicos. Pero, si lo haces, aclara que entiendes en qué se diferencian del trabajo real y explica cómo abordarías el proyecto de forma distinta para un cliente. Si puedes, realiza algún trabajo gratuito para una ONG o un amigo para tener un estudio de caso que complemente tus proyectos de clase.

Si el portafolio es para una solicitud de empleo, detalla tu proceso de diseño UX. Elige proyectos donde hayas documentado este proceso mediante fotos, bocetos y registros de cualquier trabajo preliminar.

2. Elabora los estudios de caso

Antes de empezar, pide permiso a tus clientes para usar sus proyectos. Algunos contratos prohíben compartir el trabajo públicamente.

Una vez que tengas el visto bueno, estructura tus estudios de caso como historias que muestren el camino desde el problema hasta la solución.

Empieza presentando al cliente y describiendo el problema. Incluye tu rol, las limitaciones con las que trabajaste (por ejemplo, presupuesto, formato, plazos) y cualquier preferencia del cliente que debieras tener en cuenta.

Screenshot from a designer’s portfolio showing the headings “About the project,” “Task,” “Solution,” and “Target audience.”
El estudio de caso de UX de Mika Khassenova sobre una empresa de turismo incluye información general del proyecto, además de la tarea, la solución y el público objetivo.

Luego, habla de la investigación de usuarios que realizaste para guiar tus decisiones. Si creaste personas o mapeaste recorridos de usuario, incluye esos detalles. Explica cómo usaste los datos y la empatía para entender los objetivos de tus usuarios siempre que sea posible.

Screenshot from Wendy’s website showing descriptions of two personas, Amy and Megan.
El portafolio de diseño UX de Wendy Schorr incluye dos perfiles de usuario (personas) que creó para un cliente de un spa.

A continuación, describe cómo abordaste la solución. Enumera las herramientas utilizadas, guía al lector a través de tu proceso de pensamiento y muestra pruebas de prototipos preliminares, bocetos o wireframes. Demuestra cómo estructuraste la arquitectura de información del sitio o la aplicación de forma intuitiva. Y si tienes fotos de reuniones o talleres, inclúyelas. Cada uno de estos elementos muestra a los clientes potenciales de lo que eres capaz.

The heading “Paper wireframes,” followed by text describing why Alexandra decided not to include a user forum in the app. Five images of hand-drawn wireframes.
En su portafolio, Alexandra Raquel Todd muestra fotos de los primeros wireframes en papel y describe cómo su enfoque para la aplicación móvil Remote Llama cambió con el tiempo.

Después, describe cómo realizaste las pruebas de usabilidad e incorporaste los comentarios del cliente para perfeccionar el producto, acercándolo a su forma final.

Cellphone mockup of Google Translate with the top section (for text input) annotated “Things that matter” and the bottom section (four large icons representing “scan,” “talk,” “offline,” and “saved”), annotated “Probably ads.”
En el portafolio del diseñador UX de Google Translate, Pendar Yousefi, Pendar explica por qué su primer enfoque (aumentar la visibilidad de las herramientas de Google Translate haciendo los iconos más grandes) no funcionó: los usuarios pensaban que los iconos agrandados eran anuncios.

Por último, añade imágenes detalladas del producto terminado. Incluye métricas, comentarios de usuarios o testimonios que demuestren el valor que aportaste al cliente.

Photo of a tablet, stylus, and cellphone with the texts “Crowdholding,” “Using wisdom of the crowd to solve business and product problems,” and “310% time per session, 3x engagement, 2.7x more sessions.”
El portafolio de diseño UX de Joe Sovcik destaca métricas que muestran una mejora en la interacción de los usuarios.

3. Elige un formato

Tienes tres opciones principales como formato de presentación para tu portafolio digital: un sitio web de portafolio, una presentación de diapositivas o una página de perfil en un sitio de diseño como Behance o Dribbble. Si te invitan a una entrevista presencial, puedes llevar objetos físicos como bocetos o wireframes dibujados a mano, pero la mayoría de los portafolios se envían de forma digital.

Los sitios web te ayudan a crear una presencia en línea, atraer nuevos clientes y mostrar tus habilidades con efectos web. Requieren algunos conocimientos de diseño web, pero las plataformas de diseño visual como Webflow te permiten montar un sitio web de portafolio sin necesidad de saber programar. Un portafolio basado en un sitio web suele incluir lo siguiente:


  • Una página de inicio con una breve declaración de principios
  • Una página de Proyectos con una breve descripción de cada caso de estudio de diseño y un enlace a una página específica del proyecto
  • Una página de Sobre mí donde ofreces a los visitantes información sobre quién eres como diseñador (incluyendo años de experiencia y áreas de especialización)
  • Un formulario de contacto o información de contacto

Las presentaciones de diapositivas no ayudan a construir tu marca. Pero son más flexibles que los sitios web, ya que puedes eliminar fácilmente cualquier diapositiva que no sea relevante para el puesto al que aspiras.

Los perfiles en sitios de diseño son menos intimidantes que crear tu propio sitio web, pero también son menos flexibles y pueden tener un aspecto estandarizado, lo que dificulta expresar tu personalidad por completo.

Asegúrate de que el formato que elijas no esté demasiado cargado de texto, ya que algunos lectores podrían sentirse abrumados al escanear el portafolio. Priorizar la concisión también significa dirigir la atención del espectador hacia métricas y resultados importantes sin enterrar los puntos destacados en varios párrafos.

4. Obtén opiniones

Tanto las personas sin conocimientos de diseño UX como los expertos en diseño UX deberían entender tu portafolio. Los reclutadores a menudo contratan para puestos en los que no tienen experiencia, y necesitas su aprobación para pasar a la siguiente ronda de contratación, donde hablarás con posibles compañeros de trabajo. Para obtener las opiniones de los principiantes en diseño UX, envía tu portafolio a amigos y familiares seleccionados y pregúntales qué funciona y qué no.

Después de recibir e implementar esa primera ronda de comentarios, envía tu portafolio a algunos colegas de diseño UX cuyas opiniones valores. Ellos podrán darte consejos más técnicos.

Pulir tu portafolio de diseño UX

Los mejores portafolios de UX tienen algo especial que hace que se queden grabados en la mente de los espectadores. Además de algunos consejos generales de diseño UX, aquí tienes algunas formas de crear un portafolio memorable.

Muestra tu personalidad como diseñador

Tu portafolio presenta tus habilidades, pero también es una oportunidad para enfatizar tu personalidad como diseñador. Diferénciate de otros diseñadores incorporando tu estilo de diseño único, destacando los tipos de proyectos y nichos en los que destacas, y demostrando tu enfoque para la resolución de problemas.

Crea experiencias de usuario interesantes dentro del portafolio

Aunque tu portafolio es una colección de trabajos de UX anteriores, también es una oportunidad para ofrecer una experiencia de usuario interesante. Por ejemplo, el portafolio de Gavril Perov, desarrollado por Vlad Danilchenko, cuenta con un cursor personalizado que deja un rastro en un esquema de color monocromático a medida que lo mueves, mientras que el portafolio de Jake Louis utiliza una elegante animación de precarga personalizada. Y Kane Baker combina el diseño de interacción con la personalidad: una foto sonriente de Kane se sitúa en el centro de su página de inicio, y su mirada sigue al cursor mientras los visitantes interactúan con el sitio.

Destaca tus habilidades de trabajo en equipo

La colaboración suele ser clave para triunfar en el diseño UX. En tu portafolio, destacar y detallar aspectos de proyectos anteriores que requirieron cooperación, como la investigación de usuarios, las pruebas de usabilidad o el trabajo conjunto con desarrolladores para hacer realidad un proyecto, demuestra que entiendes la importancia del trabajo en equipo y que sabes colaborar con colegas y partes interesadas.

Muestra cómo trabajas

Dar a los clientes potenciales un vistazo a tu proceso de diseño revela tu capacidad para pensar de forma crítica y reflexionar sobre tu trabajo. No te limites a mostrar los resultados finales; comparte las historias que hay detrás, ejemplos de lo que funcionó y lo que no, y las lecciones clave que aprendiste. Esto te hará destacar como un diseñador que valora la mejora continua y el crecimiento.

Compartir tu proceso también demuestra credibilidad, transparencia y disposición para asumir riesgos, cualidades muy valiosas para cualquier equipo.

Crea tu portafolio en Webflow

Los portafolios de diseño UX basados en sitios web te dan la flexibilidad de crear un espacio interactivo y con marca propia que exhiba tu talento. Webflow ofrece plantillas de portafolio gratuitas o de pago, o puedes crear tu sitio desde cero. Considera compartir tu portafolio terminado en Made in Webflow; nos encantaría verlo.


Última actualización
July 10, 2023
Categoría

Artículos relacionados

Cómo la toma de decisiones basada en datos impulsa el éxito empresarial
Cómo la toma de decisiones basada en datos impulsa el éxito empresarial

Cómo la toma de decisiones basada en datos impulsa el éxito empresarial

Cómo la toma de decisiones basada en datos impulsa el éxito empresarial

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Las 5 mejores certificaciones de marketing para impulsar tu carrera
Las 5 mejores certificaciones de marketing para impulsar tu carrera

Las 5 mejores certificaciones de marketing para impulsar tu carrera

Las 5 mejores certificaciones de marketing para impulsar tu carrera

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
Escalar proyectos en Webflow: lecciones tras más de 100 desarrollos
Escalar proyectos en Webflow: lecciones tras más de 100 desarrollos

Escalar proyectos en Webflow: lecciones tras más de 100 desarrollos

Escalar proyectos en Webflow: lecciones tras más de 100 desarrollos

Estrategia
Por
Stefan Ivić
,
,
Leer artículo
9 ejemplos de animación web: despierta interés y fomenta la acción mediante el movimiento
9 ejemplos de animación web: despierta interés y fomenta la acción mediante el movimiento

9 ejemplos de animación web: despierta interés y fomenta la acción mediante el movimiento

9 ejemplos de animación web: despierta interés y fomenta la acción mediante el movimiento

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Acelerar la optimización web mediante la psicología
Acelerar la optimización web mediante la psicología

Acelerar la optimización web mediante la psicología

Acelerar la optimización web mediante la psicología

Inspiración
Por
Sara Gates
,
,
Leer artículo
11 elementos esenciales para landing pages de alta conversión
11 elementos esenciales para landing pages de alta conversión

11 elementos esenciales para landing pages de alta conversión

11 elementos esenciales para landing pages de alta conversión

Estrategia
Por
Jesse Sumrak
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.