Ejemplos de portafolios de diseño UX

La mayoría se presentan como un breve índice de proyectos en la página principal, seguido de una página dedicada a cada caso práctico. Lo habitual es que incluyan entre tres y cinco proyectos. El índice contiene una miniatura, el nombre del proyecto y una breve descripción del problema. Las páginas de los casos prácticos son extensas y combinan capturas de pantalla, diagramas y explicaciones escritas. Consulta los ejemplos prácticos en esta página para observar el patrón en las diferentes especialidades.

Los portafolios de diseño de productos suelen incluir estudios de caso con un problema y un resultado definidos, una breve sección "Acerca de" que indique el tipo de trabajo que buscas y datos de contacto accesibles desde cualquier página. Generalmente, se incluye información más detallada sobre las limitaciones: las necesidades de la empresa, los proyectos finalizados y los proyectos descartados. Los documentos de proceso, como los perfiles de usuario y los mapas de experiencia del cliente, son opcionales y rara vez son el motivo de la contratación.

De tres a cinco casos prácticos, bien contados, son mejores que diez resumidos. Un evaluador que revise seis candidatos abrirá uno o dos estudios de caso por portafolio, por lo que la profundidad del primer proyecto importa más que la cantidad total. Elimina todo aquello sobre lo que no te gustaría que te preguntaran en una entrevista.

Directo al grano. Un buen portafolio de UX plantea el problema en la primera pantalla de un caso práctico, muestra la limitación que lo dificultó y especifica los cambios. Los portafolios deficientes comienzan con una animación impactante y presentan el razonamiento cuatro secciones más abajo. Los mejores ejemplos de esta página siguen este patrón, independientemente de la plantilla que hayan utilizado.

Un portafolio de UI se evalúa según su calidad: tipografía, espaciado, color, sistemas de componentes y la integración de las pantallas. Puede tener mayor peso visual que escrito. Un portafolio de UX se evalúa según su razonamiento y requiere un estudio de caso escrito para ser efectivo. Muchos diseñadores lanzan un sitio web que combina ambos aspectos, destacando el trabajo visual y enlazando con estudios de caso completos.

El enfoque cambia del problema del usuario al problema empresarial. Los ejemplos de portafolios de diseño de producto suelen centrarse en la métrica que se modificó, la decisión tomada y el alcance que se redujo para el lanzamiento. Los portafolios de UX se centran más en la metodología de investigación. La estructura del sitio suele ser idéntica: un índice breve y luego páginas con estudios de caso extensos.

La mayoría de los puestos de investigación requieren un portafolio, y suele ser más difícil de elaborar que el de un diseñador. Los portafolios de investigación incluyen la metodología, el muestreo, la síntesis y las decisiones que influyeron en el trabajo, con muchas menos imágenes que mostrar. La protección con contraseña resulta útil, ya que el material de estudio original a menudo no se puede publicar.

Sí. Pixpa Incluye protección con contraseña para sitios web completos o páginas individuales, en todos los planes, de modo que un caso práctico puede estar protegido con una contraseña que compartas con un reclutador, mientras que el resto del portafolio permanece público. Los diseñadores también anonimizan al cliente, difuminan los datos reales y describen el problema sin mencionar la cuenta.

Sí. Pixpa Cada plan incluye un bloque HTML, JS y CSS que se puede arrastrar y soltar, además de la inyección de código a nivel de página. Así, un código de inserción de Figma, un prototipo de Framer, un tutorial de Loom o un CodePen se insertan directamente en una página de estudio de caso. También incluye CSS personalizado, por lo que la plantilla sirve como punto de partida en lugar de un diseño fijo.