6 Portafolios de diseño UX para inspirarse
Un portafolio de diseño de UX (mejor conocido como UX design) es imprescindible para cualquier profesional de la industria. Es la mejor oportunidad de presentar tu trabajo de la mejor manera y dar ejemplos de proyectos a detalle que expongan tu proceso creativo y reflejan quién eres tú como diseñador.
Ya sea que seas un diseñador independiente (freelance) o estés buscando un trabajo de tiempo completo, los clientes o empleadores potenciales casi siempre esperarán ver un portafolio de diseño de UX como primera impresión. Sin uno, es posible que no te consideren para el puesto. Es por eso que debes tomarte un tiempo para elegir tus mejores ejemplos, aprovechar tus habilidades de diseño web y crear un portafolio digital impresionante para mostrar tu trabajo.
Traducir tu flujo de trabajo completo y complejo a un formato visual puede ser un desafío, especialmente si tu trabajo gira únicamente en torno a UX. Sin embargo, hay muchas formas de contar tu historia e incorporar recursos visuales.
Para obtener ideas sobre qué incluir en tu portafolio, cómo estructurarlo y mucho más, echa un vistazo a estos ejemplos de portafolio de diseño UX, todos creados en Wix. Además, hemos agregado una lista de las mejores prácticas para tener en cuenta al crear el tuyo:
01. Sophie Brittain
La diseñadora digital Sophie Brittain ha creado un diseño amplio y atractivo en su portafolio de UX y UI. Una imagen de bloques de construcción de colores brillantes aparece en la parte superior de su página de inicio. Este motivo se repite a lo largo de su portafolio de trabajo, uniendo las distintas páginas y ayudando a definir una marca personal distintiva.
A medida que los usuarios se desplazan hacia abajo en la página, notarán que el menú de su sitio permanece fijo en la pantalla, lo que proporciona una navegación conveniente a lo largo de su portafolio. Además, el cambio de un fondo blanco a uno azul brillante en la página "Acerca de" es una refrescante sorpresa, sin dejar de estar alineada con el resto de su diseño.
Lo que podemos aprender de este portafolio de UX design:
Deja en claro quién eres y qué haces. Es probable que los posibles empleadores y clientes potenciales estén revisando docenas de portafolios de UX, y el tuyo sea solo uno de ellos. Es por eso que debes hacer que tu especialidad sean explícita al instante.
Utiliza la línea de flotación (top fold) de tu sitio web para presentarte y mencionar brevemente tus áreas de especialización.
Sophie ha hecho precisamente eso, dándole mayor peso a su nombre y disciplina creativa dentro del campo del diseño. Con una tipografía grande y mucho espacio en blanco alrededor del texto descriptivo, los visitantes del sitio ciertamente no se perderán esta información esencial. También ha añadido un amistoso "hello!" y un toque personal en forma de iconos personalizados. Juntos, estos detalles transmiten sutilmente su personalidad, mientras explican quién es y qué hace.
Si te sientes inspirado por el diseño de Sophie, eche un vistazo a estas plantillas de portafolio digital para aún más inspiración y orientación.
02. Lital Karni
Este es sin duda el portafolio de un diseñador de UX profesional. Una enérgica combinación de colores es lo primero que se ve en la página web de Lital Karni, lo que hace que el primer fold (pliegue superior) parezca sofisticado y divertido.
El diseño de la página de inicio es simple, con un fondo de pantalla completa geométrico. Lital ha elegido cuidadosamente un fondo diferente para cada proyecto que complementa los colores, al mismo tiempo que presta atención al balance general en la página de inicio.
También ha creado un logo personalizado que permanece fijo en la pantalla, y está convenientemente vinculado a su página de inicio. Gracias al brillo sutil, el logotipo en forma de letra permanece visible sobre cualquier color de fondo.
Lo que podemos aprender de este portafolio de UX design:
Se fácil de contactar. Después de todo, la idea de tu sitio web es llamar la atención sobre tu trabajo y, en última instancia, ser contratado. Facilita que los potenciales empleadores o clientes se pongan en contacto contigo al incluir toda tu información de contacto en un lugar fácil de localizar. Considera agregar tu dirección de correo electrónico, número de teléfono y enlaces a tus redes sociales.
En cuanto a dónde colocar tu información de contacto, existen algunas posibilidades: puedes crear una página de contacto dedicada o agregar tus datos al pie de página de tu sitio web (o incluso en la página "Acerca de"). También puedes optar por todas las opciones anteriores.
Lital ha utilizado una combinación de técnicas. Un botón de "Let’s Talk" fijo en la pantalla, lo que invita a los visitantes del sitio a que se comuniquen con ella. Al hacer clic en él, lleva a un formulario de contacto en la parte inferior de la página. Además de esto, agregó su correo electrónico, número de teléfono y enlaces sociales en su página 'Acerca de', lo que garantiza que los visitantes no tengan problemas para comunicarse.
03. Saloni Joshi
La diseñadora de productos Saloni Joshi ha optado por una estructura sencilla en su portafolio de UX. El primer fold de su página de inicio está dedicado a un breve párrafo introductorio y enlaces para ponerse en contacto con ella. Más abajo, encontrarás sus proyectos exhibidos.
Saloni se ha asegurado de incluir un caso de estudio completo para cada uno de sus proyectos. Esto sirve para presentar su amplia gama de habilidades, así como su proceso de trabajo, comenzando con una descripción general del proyecto. Al hablar del brief de diseño, los entregables y dar ejemplos del resultado final, los visitantes pueden comprender fácilmente la esencia del proyecto.
También ha cubierto los elementos clave de cualquier proceso de diseño de UX, desde la ideación hasta wireframes y prototipos, investigación de UX y más. Todo esto se presenta junto con imágenes y texto conciso y explicativo.
Lo que podemos aprender de este portafolio de UX design:
Incluye imágenes explicativas en tu portafolio y casos de estudios. Saloni utiliza elementos visuales para guiar a los visitantes a través de su proceso de trabajo. Agregar imágenes descriptivas a los ejemplos de tu portafolio digital no solo hace que el texto sea más legible y atractivo, sino que también puede ayudar a los visitantes del sitio a comprender mejor tu proceso.
Saloni complementa el texto explicativo de cada producto con tomas de las interfaces que diseñó, así como imágenes de encuestas, prototipos y tarjetas que utilizó a lo largo de la investigación. Las capturas de sus entregables y proceso de trabajo ayudan a dividir el texto y hacen que los ejemplos en su portafolio se sientan más profesionales.
04. Brittney Johnson
Talentosa diseñadora de productos y gráfica, Brittney Johnson es una creativa multidisciplinaria originaria de Cuba. Sus habilidades en diseño e ilustración son inmediatamente evidentes en su portafolio, gracias a su selección de imágenes en la página de inicio.
Brittney usa una experiencia atractiva e interactiva para ofrecer a los visitantes una breve (pero muy efectiva) descripción de sus habilidades directamente desde su página de inicio. Al dividir su página web en dos secciones, una de diseño de producto y una de ilustraciones, los visitantes pueden navegar de forma dinámica entre su amplio portafolio de diseño.
Brittney usa generosamente el color en todo su portafolio, lo que lo convierte en un diseño divertido y memorable. Los tonos vibrantes también reflejan su personalidad, agregando un sentido de alegría a su diseño de sitio web altamente estructurado.
Lo que podemos aprender de este portafolio de UX design:
Refleja tu personalidad. Los visitantes de tu portafolio de UX están aquí para conocerte. Además de mostrar tu trabajo y escribir una sección "Acerca de mí", intenta también inyectar tu personalidad en el resto de los elementos visuales y contenido escrito.
La cuidadosa selección de imágenes e ilustraciones en el portafolio de Brittney, así como la sección donde habla de ella, representan su personalidad, al igual que la paleta de colores atrevidos. Ella ha incluido una frase divertida: "Raised on disco, fueled by funk.", que nos da una idea de su personalidad.
05. Omar Alamrani
El diseñador de UX/UI Omar Alamrani utiliza un video simple pero elegante como fondo de su primer fold, enfocándose en su nombre y en la breve descripción introductoria. También agregó un divertido favicon a su sitio web, lo que lo hace destacarse y ser fácil de detectar entre otras pestañas abiertas.
Cada uno de los ejemplo en su portafolio digital es amplio y se presenta de forma organizada. Una barra que mide el desplazamiento en las diferentes páginas al lado derecho de la pantalla ayuda a los visitantes a navegar, permitiéndoles obtener fácilmente la esencia del proyecto. Omar muestra todos sus talentos en su web, desde su capacidad para realizar investigaciones analíticas hasta sus diseños de interfaz de usuario.
Por último, Omar añadió una sección de sus proyectos anteriores como arquitecto, así como una breve pero inteligente sección donde habla de él y de por qué hace lo que hace, lo que ayuda a los visitantes a desarrollar una conexión personal con él antes de conocerlo.
Lo que podemos aprender de este portafolio de UX design:
Utiliza un microcopy claro. Los diseñadores de productos están familiarizados con la importancia de un microcopy bien escrito en UX. Al igual que la estructura y el diseño de una interfaz, el texto también juega un papel muy importante para ayudar a los usuarios a navegar y comprender el producto.
Microcopy se refiere a esos pequeños textos en diferentes sitios de una página web, como botones, formularios, etc.
Tu portafolio de UX no debería ser diferente. Opta por una microcopy claro y preciso que permitirá a los visitantes del sitio comprender fácilmente tu sitio web y navegar a través de él sin problemas. Siempre puedes inyectar un poco de humor o personalidad aún en los textos más pequeños para ayudar a que tu portafolio se destaque, pero siempre asegúrate de mantenerlo legible.
Si prefieres optar por la simplicidad, utiliza un texto claro y directo como lo ha hecho Omar en el menú de su sitio web y en el formulario de contacto. De esta manera, no hay duda de que su audiencia comprenderá su intención.
El portafolio digital de la diseñadora de productos Michaella (Miki) Twersky es clásico y atemporal, y al mismo tiempo transmite su personalidad única.
El diseño espacioso y el texto introductorio en gran tamaño se ven a menudo en las carteras de UX, pero Miki ha agregado su propio toque a este diseño familiar. No solo ha fusionado dos estilos de fuente diferentes, sino que también ha incorporado texto dinámico que aparece al desplazarse hacia abajo por sus diferentes proyectos. La adición cómica en el pie de página de su sitio web también sirve para reflejar su personalidad y hacer que los visitantes se sientan invitados a ponerse en contacto con ella.
Finalmente, Miki ha agregado un efecto genial sobre las imágenes en su página de inicio. Todas las imágenes están en blanco y negro, pero cuando se pasa sobre ellas, cobran vida con el color. Esto ayuda a los visitantes a concentrarse en el proyecto específico que están viendo, mejorando su experiencia de navegación.
Lo que podemos aprender de este portafolio de UX design:
Incluye solo tu mejor trabajo. Tu portafolio de UX es tu oportunidad de mostrar tus mejores habilidades, por lo que debes asegurarte de incluir sólo los proyectos de los que estás más orgulloso. No tiene sentido llamar la atención sobre el tipo de trabajo que te gustaría hacer en el futuro.
Michaella ha incluido algunos proyectos selectos en su portafolio. Cada uno de la más alta calidad, lo que refleja con precisión sus capacidades como diseñadora. También ha agregado una sección "Caché", donde comparte proyectos adicionales que no encajan en la página principal de proyectos. Esto muestra toda su gama de habilidades e intereses, como la ilustración y piezas más conceptuales.
UX Portfolio: Mejores prácticas
Después de inspirarte en otros diseñadores de UX, es hora de recopilar sus conclusiones y crear tu propia presencia en línea. Además de tener en cuenta los consejos esenciales al crear un portafolio de diseño, aquí hay un resumen de lo que podemos aprender de esta selección de ejemplos de portafolios de diseño de UX:
Deja en claro al instante quién eres y qué haces.
Se fácil de contactar.
Refleja tu personalidad.
Incluye imágenes explicativas en tus ejemplos.
Utiliza texto claro.
Incluye solo tu mejor trabajo.
También te recomendamos ver estos ejemplos de portafolios para más inspiración:
¿Listo para crear tu propio portafolio de diseño? Crea tu página web con Wix hoy mismo.
Publicado por Tere Metta
Growth Marketing Specialist & Blogger - Español
