Comienza por: → Crear una página web
Un portafolio en línea es imprescindible para los diseñadores en todas las etapas de su carrera, desde los principiantes hasta los diseñadores con experiencia. Los posibles clientes o empleadores esperan ver un portafolio que muestre tus habilidades de diseño antes de contratarte.
¿Tienes curiosidad? Sigue leyendo para ver nuestros ejemplos favoritos de portafolios de diseño UX. Disfruta de su diseño impecable, aprende las mejores prácticas e inspírate para crear tu propio portafolio digital.
Qué es un portafolio de diseño de UX y por qué es necesario
Cualquier diseñador que trabaje en su sector debe tener un portafolio profesional. Para los diseñadores de experiencia del usuario (UX), un portafolio es una oportunidad de presentar su mejor trabajo, su proceso creativo y su personalidad.
Consejo → todos los portafolios de diseño de UX deben equilibrar una experiencia visual atractiva con otra que mejore la usabilidad.
Ejemplos de portfolios web de UX
Aquí tienes nuestra lista de los mejores sitios web de portafolios, destacando algunas de las mejores prácticas implementadas por estos diseñadores profesionales de UX en sus sitios de Wix.
1. Sophie Brittain
La diseñadora digital y de marcas Sophie Brittain ha creado un portafolio de UX atractivo y espacioso. En la parte superior de su página de inicio, destaca un visual con formas abstractas de colores brillantes. Estas formas se repiten a lo largo de su portafolio, ayudando a definir una marca personal distintiva.
Sophie utiliza el área superior de su sitio web para presentar brevemente sus áreas de especialización. Al destacar su nombre y su disciplina con una tipografía grande, asegura que los visitantes no pasen por alto esta información esencial. Además, ha añadido un amistoso “¡hola!” y un toque personal con los iconos personalizados.
Puntos clave del diseño → al elaborar tu propio portafolio, asegúrate de resaltar tu personalidad y experiencia. Los posibles empleadores y clientes probablemente revisen docenas de portafolios de UX, por lo que añadir toques personales puede hacer que el tuyo se destaque.
2. Diana Tatarenko
Esta usuaria de Wix creó un fascinante portafolio de UX utilizando líneas limpias y colores sencillos. La adición de una fuente unica de color verde lima desprende un ambiente lúdico.
Lo más destacado del sitio web de Diana es su sección “Work” (Trabajo), que no solo muestra sus proyectos recientes, sino que también explica su proceso. Cada proyecto describe el problema al que se enfrentaba el cliente y explica cómo lo resolvió Diana a través del diseño. Muestra a los visitantes su visión, su proceso de pensamiento y las imágenes que apoyan cada paso para ofrecer una visión completa de su flujo de trabajo creativo.
Puntos clave del diseño → tu portafolio es una oportunidad de ser transparente con tus clientes, incluso antes de conocerlos. Si muestras cómo superas los retos y resuelves los problemas al crear tu producto final, los clientes confiarán más en tu enfoque.
3. Run Wild
El portafolio de UX de Run Wild ofrece una experiencia casi interactiva al utilizar un fondo de video como pantalla de bienvenida. El eslogan está escrito en letras blancas y debajo hay un botón que inicia el recorrido del usuario, empezando por la biografía del diseñador.
Todo el sitio es creativo e informativo, además de muy fácil de navegar. Run Wild deja que su talento artístico brille a través del uso de un menú de hamburguesa, tipografía de gran tamaño, efectos de desplazamiento e imágenes de sus proyectos de diseño.
Run Wild utiliza dos formas de navegación. La primera es un menú hamburguesa, situado en la esquina superior izquierda. También hay un menú de navegación horizontal en el pie del sitio web, con cada elemento del menú escrito en la parte inferior de la página.
Puntos clave del diseño → sigue el ejemplo de Run Wild y haz accesible toda la información que necesiten los visitantes a través de una navegación sencilla y clara. Si alguien tiene que invertir mucho tiempo buscando tu currículum o información de contacto, es posible que desista y abandone tu sitio web.
4. Saloni Joshi
Este sencillo portafolio de UX contiene un amplio pliegue superior dedicado a un breve párrafo introductorio y enlaces para ponerse en contacto con Saloni. Más abajo, encontrarás sus proyectos. En tu portafolio de UX, es importante incluir contenido escrito de calidad para presentar toda la información relevante en un tono simple y familiar, y mantener siempre un aire profesional.
Puntos clave del diseño → al igual que Saloni, deberías utilizar texto para aclarar detalles como tu nombre y situación laboral actual, así como para resaltar oportunidades de interés y detalles de proyectos. Es crucial colocar estratégicamente estos elementos clave en tu portafolio, con una fuente legible y cantidades mínimas de texto. Los visitantes deben poder encontrar rápidamente la información que necesitan sin tener que buscar demasiado. Además, sería bueno agregar tu CV directamente al menú del sitio web para ofrecer mayor accesibilidad.
5. Dalya Green
El portafolio de UX de Dalya Green es verdaderamente impactante, dejando a los visitantes con una impresión completa de su trabajo y visión. El sitio está lleno de elementos divertidos y atractivos, como un fondo degradado cuya combinación de colores puede ser cambiada por los visitantes.
Dalia incluye un botón con las palabras “Click to see some fun facts” (Haga clic para ver algunos datos curiosos) en el pliegue superior de su sitio. Al hacer clic, se abren otros cinco círculos de colores que se superponen a su introducción con datos curiosos, como su rutina matutina y su afición a Netflix. Incluso tiene otro botón rosa al final de la página, en la sección “Info” (Información), que dice: “missed the fun facts” (¿Te has perdido los datos curiosos?). Cuando los visitantes hacen clic, los mismos datos aparecen superpuestos en la pantalla. De este modo capta la atención de los visitantes y los anima a seguir explorando.
Puntos clave del diseño → como diseñador de UX, tu trabajo consiste en crear una interacción digital fluida y sin esfuerzo, así que haz de tu portafolio una experiencia atractiva. Si permites que los visitantes no solo observen tu portafolio, sino que interactúen con él de formas inusuales, mostrarás tu creatividad y tus habilidades de diseño, ofreciéndoles un anticipo de lo que pueden esperar de tu trabajo. Además, harás que tu portafolio sea único y memorable.
6. Lital Karni
La vibrante combinación de colores resalta el portafolio profesional de Lital Karni y le da al pliegue superior un aspecto sofisticado. El diseño de la página de inicio es limpio y ordenado, y presenta una cuadrícula organizada en toda la pantalla. Lital ha integrado hábilmente un fondo distinto para cada proyecto, y logra así una estética unificada en toda la página de inicio. Además, ha desarrollado un logotipo personalizado que se mantiene fijo en la pantalla y sirve como un práctico enlace a su página principal. Gracias a un sutil brillo, el logotipo de letras permanece visible sobre cualquier fondo de color.
Lital ha utilizado una combinación de técnicas para mostrar los datos de contacto y permitir que los visitantes se pongan en contacto con ella. Por ejemplo, el botón “Let's Talk” (Hablemos) se fija a la pantalla mientras uno navega por su portafolio, lo que tienta a los visitantes a ponerse en contacto con ella. Al pulsarlo, se abre un formulario de contacto en la parte inferior de la página.
Puntos clave del diseño → cuando crees tu propia cartera de UX, asegúrate de que tus datos de contacto se encuentren visibles. Al fin y al cabo, el objetivo de tu sitio web personal es llamar la atención con tus trabajos para que te contraten. Facilita el contacto a tus empleadores o clientes potenciales incluyendo toda la información necesaria en un lugar fácil de localizar. También puedes considerar añadir tu dirección de correo electrónico, número de teléfono y enlaces a tus canales sociales.
7. Jung Hoe
El diseñador de UI/UX Jung ha creado tres sencillas páginas en su portafolio de UX (Trabajo, Acerca de y CV) por las que los visitantes pueden navegar fácilmente en el menú de la esquina superior derecha. Al entrar en este sitio, los clientes son redirigidos a la página de trabajo de Jung, que también funciona como página de inicio del sitio.
El llamativo portafolio amarillo de Jung no solo atrae la atención, sino que también refleja su personalidad alegre. Además, un fondo animado de esferas amarillas que caen desde la parte superior de la pantalla presenta a Jung junto con saludos rotativos en 13 idiomas diferentes. Estos saludos, que incluyen expresiones como “¡Hola!” y “¡Qué tal, compañero!”, permiten a los visitantes conectarse emocionalmente con este diseñador.
Puntos clave del diseño → el sitio web de Jung Hoe ejemplifica cómo una cartera de UX puede fortalecer tu marca de diseño. El aspecto, los colores y el tono de voz se mantienen consistentes en cada página y se extienden incluso a su CV. La identidad de marca unificada de Jung crea una impresión memorable que ayuda a los visitantes a tener una idea clara de qué esperar tanto de él como de su trabajo.
8. Sophie Westfall
Uno de los principios fundamentales de la obra de Sophie Westfall es el tratamiento de la salud mental y el apoyo a organizaciones sin fines de lucro. Siguiendo este principio, incorpora tonos de color relajantes e imágenes tranquilizadoras para que los visitantes “se sientan tranquilos y seguros” al examinar su obra. Una vieja foto en blanco y negro de su familia aparece junto a un breve párrafo introductorio, y una pequeña mariposa en blanco y negro revolotea en la esquina inferior izquierda.
Líneas limpias y simétricas perfilan los proyectos de Sophie sobre un fondo beige. Sus proyectos digitales aparecen en la pantalla de un ordenador de escritorio, una tableta o un teléfono móvil, lo que transmite su capacidad para adaptar su trabajo a cualquier dispositivo. Las tres vitrinas digitales que Sophie ha decidido presentar también incluyen elementos de utilería que resaltan el diseño final del producto. Las imágenes tienen el tamaño adecuado y muestran los detalles de su trabajo y evidente talento.
Puntos clave del diseño → plasma tu trabajo como quieres que lo vean los visitantes. El portafolio de UX de Sophie nos enseña cómo mostrar de forma atractiva el trabajo en una plataforma determinada. Si un proyecto tiene un diseño para móvil y otro para escritorio, muestra ambos activos para que los clientes potenciales puedan ver todo tu talento.
9. Michaella Twersky
El portafolio de la diseñadora de productos Michaella (Miki) Twersky tiene un aspecto clásico, pero al mismo tiempo transmite su personalidad única. Miki ha añadido un efecto hover a las imágenes de su página de inicio. Aunque las imágenes aparecen primero en blanco y negro, se saturan de color al pasar el ratón por encima. Esto ayuda a los visitantes a centrarse en el proyecto concreto que están viendo y mejora su experiencia de navegación.
Puntos clave del diseño → aunque causa una gran impresión, el portfolio de Michaella solo destaca seis de sus mejores proyectos. Dado que tu portafolio de UX muestra tus mejores habilidades, no necesitas incluir todo en lo que has trabajado a lo largo de tu carrera. Cuando elijas cuáles de tus propios proyectos mostrar en tu portfolio, incluye solo tus favoritos o aquellos que reflejen el tipo de trabajo que te gustaría hacer en el futuro.
10. Gautham Mukesh
Este ejemplo de portafolio de UX refleja perfectamente el estilo de diseño elegante y moderno de Gautham Mukesh. El esquema de color inspirado en el modo oscuro se combina con fuentes limpias y efectos de activación animados perfectamente implementados para transmitir que este diseñador de UX, productos y web se preocupa por crear una experiencia de navegación fácil de usar.
El sitio web de Gautham es limpio y sencillo. Además, destaca solo los componentes vitales de su trabajo. Y aunque es agradable a la vista, el diseño web no deja de tener sofisticadas características de diseño, como imágenes personalizadas, desplazamiento de paralaje y un práctico código QR para contactarlo.
Puntos clave del diseño → menos es más. Tu portafolio debe destacar tanto tu personalidad como tu trabajo. Pero no olvides la importancia del espacio en blanco, es decir, el espacio vacío que ayuda a atraer la mirada de la gente hacia tu contenido estratégico.
11. Zebi Williams
El portafolio de UX de Zebi, que comienza con una llamativa imagen principal, lleva a los visitantes a través de un viaje fluido para descubrir el trabajo, la experiencia y los procesos del diseñador. En general, su sitio complementa la información escrita con detalles visuales, como el color, la animación y las imágenes.
Puntos clave del diseño → el atractivo portafolio de Zebi encanta a los visitantes que acceden por primera vez. La funcionalidad de seguimiento del usuario en el mapa, mientras navega por la página de inicio del sitio, fomenta una mayor exploración. Cada sección del portafolio de UX ofrece un valor distintivo, ya sea a través de estudios de casos detallados, testimonios, imágenes de apoyo o información de contacto.
12. Jennifer Etsuko Higa
El portafolio de UX de Jennifer emana un estilo moderno con un toque nostálgico de los años 90, gracias a imágenes sin filtrar, el uso de una fuente serif y una combinación cálida de colores que evocan una sensación vintage. A pesar de su simplicidad y facilidad de lectura, la página de Jennifer demuestra cómo se puede hacer una declaración audaz utilizando elementos minimalistas.
Puntos clave del diseño → aplica tus conocimientos de los principios del diseño para perfeccionar la disposición. Jennifer emplea su experiencia con los colores complementarios y la influencia de estos en los visitantes para forjar una experiencia de usuario armoniosa, cautivadora y libre de distracciones abrumadoras.
13. Tania Soraya
Tania emplea una mezcla de colores tierra, neón y neutros en su sitio web para ofrecer una experiencia visualmente atractiva. Presenta únicamente tres de sus proyectos principales para dar a los visitantes una vista general de su trabajo más reciente. Con un tono amigable en su redacción y la inclusión de emojis, Tania se muestra accesible y alienta a los visitantes a solicitar más información.
El sitio de Tania se caracteriza por su contenido visual y letras minimalistas, pero logra comunicar claramente su estilo moderno. Su diseño simple y limpio, junto con un fondo degradado, resaltan su personalidad única.
Puntos clave del diseño → a veces, un fondo web bien elegido es todo lo que se necesita para resaltar la personalidad de alguien. En el caso de Tania, el degradado demuestra dos cosas: primero, su conocimiento de las tendencias en diseño web, y segundo, su autenticidad.
14. Madison Yn
Son los pequeños detalles los que hacen que un sitio sea más atractivo para los visitantes. En este caso, Madison utiliza elementos de diseño estratégicos que llaman la atención, como animaciones para captar la atención y espacios en blanco para crear equilibrio visual. Además, el uso de tipografía de gran tamaño mejora el nivel de legibilidad y hace que el sitio sea fácil de leer.
El pliegue superior de la página de inicio resulta visible en cuanto los visitantes llegan al sitio. Dado que solo se tarda unos segundos en causar una impresión en el usuario, hay que tratarlo como un valioso espacio de diseño web.
Puntos clave del diseño → Madison aprovecha al máximo este concepto. Además, el pliegue superior de su página de inicio está lleno de color. Incluye una breve biografía profesional, una llamada a la acción y un menú de navegación. En la parte superior, el logotipo animado da un aspecto llamativo al diseño general.
15. Sophie Chen
Apreciamos cómo el portfolio UX de Sophie Chen va directo al grano. Su diseño web atemporal se sumerge de lleno en un despliegue de ejemplos de experiencia laboral, empezando por el pliegue superior de su página de inicio.
Cada uno de los ejemplos de su portafolio incluye un título, un breve resumen y un botón que lleva al caso práctico. Los visitantes tienen la opción de obtener más información sobre el proceso de Sophie y las herramientas específicas que utilizó para cada proyecto.
El diseño sencillo del portafolio de Sophie se adapta bien a los dispositivos móviles. Se puede acceder cómodamente a la misma información que en la versión de escritorio desde una pantalla más pequeña. El contenido encaja perfectamente en la interfaz de usuario, especialmente gracias al menú de hamburguesa, que deja más espacio para mostrar el contenido de cada página.
Puntos clave del diseño → cuando crees tu propia cartera de UX, asegúrate de utilizar métodos de diseño adaptativo o responsivo para perfeccionar la versión móvil. Y considerando que casi el 60 % del tráfico en línea procede de dispositivos móviles, evitarás perderte a los clientes que descubren tu portafolio sobre la marcha.
Buenas prácticas para un portafolio de UX
Después de tomar como inspiración a otros creadores y otros sitios web de UX, recopila lo que has aprendido y crea tu propia presencia en Internet. Estos son los consejos esenciales para aprender a crear un portafolio de diseño a partir de la selección de ejemplos del sector de la experiencia del usuario:
Deja claro al instante quién eres y qué haces.
Facilita el contacto.
Presenta tu portafolio con imágenes de alta calidad.
Describe tu trabajo de forma concisa.
Presenta tu proceso, no solo el producto final.
Utiliza tu sitio web para establecer tu marca.
Añade una copia actualizada de tu CV.
Menciona los detalles básicos de cada proyecto.
Incluye solo tus mejores trabajos.
Asegúrate de que tu sitio se vea bien en dispositivos móviles.
Cómo hacer un portfolio de UX en Wix
¿Estás listo para crear tu propio portafolio? Puedes comenzar con plantillas de portafolio para acelerar el proceso o perfeccionar tus habilidades de diseño y hacer uno desde cero. Una vez que hayas sentado las bases, personaliza tu portafolio de UX teniendo en cuenta las mejores prácticas.
Elige una plantilla de sitio web de portafolio.
Personaliza tu sitio con características de diseño web.
Sumérgete en el Editor de Wix para arrastrar y soltar tus elementos en su lugar.
Sube tus medios.
Añade una página “Acerca de”.
Añade un formulario de contacto.
Publica y promociona tu sitio.
Explorar más → aprende paso a paso cómo hacer un portafolio digital.
Más preguntas
¿En qué consiste un portfolio de UX?
Un portafolio de UX debe mostrar tu mejor trabajo a través de proyectos cuidadosamente seleccionados con estudios de casos completos. Debe incluir los siguientes elementos:
Una página “Sobre mí” que te presente a ti y a tu trabajo.
Casos prácticos que detallen tu proceso de diseño, tu capacidad para resolver problemas y tus resultados.
Ejemplos visuales de tu trabajo, como capturas de pantalla o videos.
Artefactos de diseño como personajes, mapas de viaje del usuario y diagramas de arquitectura de la información.
Tus habilidades y herramientas relacionadas con el diseño de UX.
Información de contacto para que los posibles empleadores puedan ponerse en contacto contigo.
¿Cómo empiezo un portafolio de UX para principiantes?
¿Cómo hacer un portafolio de UX?
¿Necesitan un portafolio los diseñadores de UX?
Conclusión
La elaboración de un portafolio de UX convincente es crucial para los diseñadores en todas las etapas de sus carreras. Sirve como representación visual de tus habilidades, creatividad y personalidad, lo que permite a posibles clientes o empleadores evaluar tu idoneidad para proyectos o puestos. Recuerda centrarte en la claridad, la accesibilidad y en mostrar tus mejores trabajos manteniendo al mismo tiempo un diseño coherente y atractivo. Tanto si estás empezando como si quieres renovar tu portafolio actual, inspírate en estos ejemplos y embárcate en la creación de tu propio portafolio de UX.