🥇 ▷ Más de 10 portafolios de diseño de UX [Examples To Take One's Hat Off To]

¿Eres un diseñador de UX (también conocido como Experiencia de usuario diseñador) o ha estado trabajando como diseñador de productos? – Tal vez ya tengas un portafolio de diseño o podrías estar pensando en hacer uno. De cualquier manera, necesitará algo de inspiración para saber por dónde empezar.

No importa en qué categoría se encuentre, tanto los principiantes como los profesionales experimentados probablemente deberían tener su propio sitio web de cartera de diseño de UX. Varias son las razones para tener un portafolio profesional.

En este artículo, te inspiraré con algunos increíbles y exitosos sitios web de cartera de diseño de UX y, con suerte, ayudarlo a comenzar a construir el suyo o incluso cambiar su cartera de diseño existente.

Pero primero, veamos algunos detalles más finos sobre las carteras de diseño de UX.

¿Qué es una cartera de diseño UX?

Un portafolio de diseño de UX es un portafolio de sitios web en línea que muestra su mejor trabajo y cuenta su historia como diseñador.

La idea es mostrar a las personas (clientes potenciales) quién eres y cómo es tu trabajo, y darles una mejor comprensión si cumples con sus requisitos.

Puede considerarlo como una galería virtual para que las personas exploren su trabajo en línea.

El objetivo de su cartera de diseño de UX

Todo diseñador aspirante o veterano debe tener su propio portafolio: es bueno hacer un seguimiento del trabajo que ha completado. Es algo poderoso poder mostrar un trabajo exitoso con el que tus clientes están contentos.

El enfoque principal de su cartera de diseño de UX debe ser contar una historia de su viaje y el trabajo que ha completado. Es por eso que es común ver líneas de tiempo HTML y CSS en este tipo de portafolios. Desea que las personas no solo aprendan sobre su trabajo, sino también sobre usted como persona. Preséntate y permite que la gente entienda el trabajo que haces.

Su cartera debe mostrar todas sus habilidades disponibles. Cada cliente querrá algo diferente y, por lo tanto, debe mostrar una amplia gama de habilidades para atraer a un grupo de clientes más amplio.

10 ejemplos inspiradores de portafolios de diseño de UX para emocionarse

Ahora echemos un vistazo a algunos ejemplos sorprendentes de diseño de UX para que aprendas, cada uno mostrará un diseño particular, diferentes diseñadores usarán un estilo diferente.

1. Portafolio Brittany Faith UX

Su navegador no soporta la etiqueta de vídeo.

Brittany ha sido muy inteligente al diseñar su sitio web con un enfoque UX completamente diferente. De esta forma, no solo sorprende a los visitantes con el efecto de desplazamiento instantáneo, sino que también afirma que está dispuesta a probar nuevos experiencias de usuario y que no está cerca de cosas nuevas.

2. C’est Phyllis

Phyllis Liu, con sede en EE. UU., Seattle, ha trabajado para importantes empresas como Facebook y Shopify. Este muestra rápidamente el trabajo y facilita ver lo que ha hecho.

Este ejemplo de diseño de UX utiliza un diseño de una sola columna (consulte otros diseños de sitios web) y ayuda a mantener al usuario enfocado en la información y las imágenes clave.

3. Shu Jiang – Houzz

Este ejemplo de diseño de UX es excelente porque el diseñador va directo al grano: se presenta y le dice al usuario el enfoque clave de su trabajo y diseño. El diseño del sitio web utiliza un diseño muy plano, minimalista y muy limpio, relacionado con lo que ella dijo que trabaja.

Cada fila muestra el trabajo que ha realizado la diseñadora, una imagen principal a la izquierda y una pequeña cantidad de texto para explicar rápidamente más sobre el proyecto en el que trabajó.

Tiene una estructura fácil de seguir, los lectores no se perderán, por lo que la elección del diseño aquí realmente funciona.

4. Simón Pan

Simon Pan, diseñador de productos que ha trabajado con empresas como Uber y Google. Su cartera de diseño de UX muestra su trabajo mediante el uso de un diseño plano y tarjetas fáciles de seguir en un diseño de una sola columna.

El trabajo que se encapsula dentro de tarjetas con muchos espacios en blanco hace que sea una estructura fácil de seguir. Presenta un diseño limpio y minimalista, lo que facilita el consumo de toda la información.

5. sophie bretaña

Una diseñadora enfocada en UI/UX, Sophie Brittain utiliza un enfoque extremadamente minimalista para su cartera de diseño de UX.

El diseño se ve acogedor y no es ruidoso, lo que hace que parezca intrigante ver qué más hay alrededor. Ella usa una breve introducción y, a medida que se desplaza hacia abajo, ingresa al trabajo que ha realizado utilizando un elemento interactivo.

Un poco diferente de lo que hemos visto hasta ahora, este ejemplo de diseño de UX utiliza un elemento interactivo para mostrar su trabajo. Si está interesado en obtener más información sobre este control deslizante, escribí un artículo que explica por qué los diseños de control deslizante de sitios web son excelentes y cuándo debe usarlos.

6. Jeremy Stokes

Jeremy Stokes ha trabajado para empresas como Google y Duolingo. El diseño de su cartera de UX comienza con una introducción audaz utilizando un gráfico genial de sí mismo.

El esquema de diseño es claro y la estructura lo hace muy fácil de seguir. El sitio web funciona como un libro de cuentos a medida que se desplaza.

Como puedes ver, la maquetación utiliza un diseño minimalista pero las líneas definitivas hacen que la obra resalte mucho más. El uso de la simetría es atractivo a la vista y ayuda a guiar al usuario.

7. jason yuan

Anteriormente actor, convertido en diseñador, Jason ha trabajado para empresas como Apple y Sony. Su diseño comienza con una introducción audaz y realmente va directo al grano.

De inmediato podemos entender fácilmente lo que hace, el tipo de trabajo que hace y un poco de información sobre sí mismo.

El diseño en sí utiliza un encantador tema oscuro que se basa en una cuadrícula asimétrica para mostrar el trabajo que ha realizado.

8. lital karni

Lital Karni tiene un diseño impresionante que utiliza colores llamativos y brillantes estructurados con un diseño de bloques, utilizando todo el ancho y alto de la pantalla.

El diseño se mantiene mínimo y es muy fácil de navegar. El diseño facilita el contacto con la barra de encabezado que tiene enlaces para contactarla. Pero también tiene un botón flotante “Hablemos” siempre a la vista.

La breve pero informativa introducción es fácil de leer y luego pasa directamente al trabajo que se ha realizado.

9. yangqian

Una diseñadora de productos que utiliza un diseño minimalista para su cartera de diseño de UX, principalmente un tema en blanco y negro, ayuda a atraer a las masas y hace que sus elementos de trabajo se destaquen más, ya que siempre parecerán más atractivos.

Otro excelente diseño de experiencia de usuario ejemplo de una introducción rápida y concisa, sin desorden, solo la información que algo querría.

Los elementos de trabajo utilizan un diseño similar a una cuadrícula de dos columnas y se muestran como una interfaz de usuario de tarjeta. También hace que sea realmente fácil ponerse en contacto con enlaces de correo electrónico en todo el sitio web.

10 ed chao

Ed Chao tiene un encantador tema de diseño plano y usa texto e imágenes simples para mostrar su trabajo en este Ejemplo de cartera de diseño de UX. El diseño es fácil de seguir utilizando un diseño de una sola columna.

En general, libre de desorden y solo la información vital que alguien desearía.

Una cosa excelente de este diseño es que los enlaces son simples y facilita el acceso a todos sus enlaces de redes sociales, no se requiere navegación adicional por la página.

10 Saloni Joshi

Este portafolio de diseño de UX de Saloni Joshi es minimalista y utiliza un diseño de una sola columna fácil de seguir, algo que es muy popular entre los portafolios de diseño ya que son efectivos.

Un tema simple pero elegante, los colores son sutiles y atraerán fácilmente a la mayoría de las personas. Una introducción rápida y luego directamente a la muestra de trabajo.

El tiempo para valorar este es rápido, un usuario no tiene ningún desorden para pasar antes de ver el valor real, que es el trabajo que se presenta.

Reflexiones finales – Puntos clave

Los sitios web elegidos deben tener algo para todos. El objetivo principal de un portafolio de diseño de UX es mostrar tu trabajo pero también contar una historia. Muestra a la gente quién eres y de qué se trata tu trabajo.

Los puntos clave a considerar de todos estos ejemplos de cartera de diseños de UX son:

Haz que sea fácil de navegar. Mantenlo simple y al grano.
Incluye todos tus enlaces sociales en la primera página: facilita que la gente se involucre contigo.
Usa imágenes o dibujos grandes para mostrar tu trabajo. Apunte su diseño alrededor de poner su trabajo frente a las personas, porque al final del día, eso es lo que querrán ver.

Una buena herramienta para crear su cartera de diseño de UX podría ser fullPage.js. Esta biblioteca de JavaScript te permite crear sitios web a pantalla completa que incluirán todas las características que acabamos de mencionar para mostrar tu trabajo: fácil navegación, imágenes de fondo grandes, contar una historia, etc. ¡Échale un vistazo!