Páginas de casos prácticos, protección con contraseña para trabajos confidenciales y control total de CSS. En tu propio dominio.
Prueba gratuita de 15 días · No se requiere tarjeta
Aspectos básicos
Un portafolio web de UX es un sitio en tu propio dominio donde cada proyecto es un estudio de caso en lugar de una simple imagen: el brief, la investigación, las decisiones que rechazaste y las pantallas que entregaste. Los responsables de contratación lo leen para comprender tu forma de pensar, no lo que puedes crear.
La mayoría de las herramientas para crear portafolios no lo hacen bien. Los creadores de galerías te ofrecen una cuadrícula y una galería de imágenes, que son la herramienta adecuada para un fotógrafo, pero no para un diseñador que necesita una descripción detallada del proceso de cada proyecto.
Por qué Pixpa
Páginas, no solo galerías
Un creador de páginas completo con bloques de contenido para texto, imágenes, vídeo e incrustaciones, además de CSS y HTML personalizados en todos los planes para cuando se agoten las funciones del editor.
Protección con contraseña en cualquier página
Bloquea un caso práctico con acuerdo de confidencialidad y comparte la contraseña con un único reclutador. Disponible en todos los planes, en páginas individuales o en todo el sitio web.
Tu propio dominio
Obtén un dominio personalizado gratuito durante el primer año con facturación anual, o conecta uno que ya tengas.
Soporte respondido por una persona
Chat en vivo, 24/7, atendido por personas que utilizan el editor.
“La curva de aprendizaje es prácticamente inexistente. Aprender a crear tu propia página web fue casi instantáneo.”
Portfolio
Cada proyecto tiene su propia página y su propio diseño. Apila un recuadro principal, tres párrafos sobre la investigación, una secuencia de wireframes, una comparación de antes y después con anotaciones, y luego la métrica que cambió. Reordena cualquiera de los elementos arrastrándolos.
El CSS personalizado viene incluido en todos los planes y el HTML personalizado está disponible en el editor, por lo que un prototipo de Figma, un tutorial de Loom o una interacción activada por desplazamiento se insertan como un elemento incrustado en lugar de una captura de pantalla.
Cuando el estudio de caso sea extenso, divídalo en varias páginas y cree enlaces entre ellas.
Respuesta honesta
Los diseñadores suelen preguntar esto primero. El CSS personalizado viene incluido en todos los planes, así que puedes sobrescribir una regla de plantilla en lugar de buscar una solución alternativa, y el HTML es editable en el editor. La escala de texto, el espaciado, la cuadrícula y el orden de los bloques se pueden modificar sin tocar el código, y se pueden aplicar estilos por separado a las versiones de escritorio y móvil. Una plantilla es un punto de partida que puedes modificar más adelante sin perder contenido, no un contenedor al que estés atado.
Bajo la NDA
La mayoría de los proyectos de UX de alto nivel están sujetos a acuerdos de confidencialidad, y la solución habitual es describirlos vagamente y esperar que el lector complete la información faltante. Pero no lo hacen.
Pixpa Admite la protección con contraseña en páginas individuales y en sitios web completos, en todos los planes. Publica dos estudios de caso abiertos en el sitio público, protege con contraseña el rediseño de la plataforma fintech y envía esa contraseña al responsable de contratación que la solicitó. Cuando finalice el proceso, cámbiala.
Para el trabajo que entregas en lugar de mostrar, galerías de clientes Agregar controles de acceso, seguimiento de actividad y vencimiento automático en una fecha determinada.
¿Por qué no Dribbble?
Behance y Dribbble te dan visibilidad. No te proporcionan un dominio, un estudio de caso más extenso que una simple descripción, ni una contraseña para tu trabajo bajo un acuerdo de confidencialidad. Además, se posicionan por su propio nombre, no por el tuyo.
La mayoría de los diseñadores gestionan ambos sistemas: las fotos se publican en Dribbble, los estudios de caso se alojan en un sitio web de su propiedad y el perfil incluye enlaces externos.
Ejemplos
Sitios web reales de diseñadores de UX, diseñadores de UI y diseñadores de producto. Abre cualquiera de ellos y comprueba lo que realmente importa: cómo se visualiza el caso práctico en un teléfono móvil.
Diseño
Pixpa tiene 200+ Plantillas disponibles en la biblioteca, 18 de ellas filtradas para trabajos de UI y UX. Están diseñadas para páginas de proyectos extensas con mucho espacio en blanco, no para priorizar la densidad de imágenes.
Nada en una plantilla es fijo. Mueve cualquier bloque, cambia la escala de la tipografía, escribe CSS personalizado, edita el HTML. Cambia de plantilla después de que el sitio esté publicado sin perder contenido.
Si vende kits de interfaz de usuario, conjuntos de iconos o cursos de diseño, la tienda gestiona las descargas digitales en el mismo sitio y PixpaLa comisión de la empresa por cada venta es cero.
“Plantillas de diseño magníficas, contenido fácil de usar y gestionar, flexibilidad para modificar la configuración predeterminada de la plantilla.”
Paso a paso
Seis pasos. Aproximadamente un fin de semana si los estudios de caso ya están escritos.
Elige tres proyectos.
Tres estudios de caso profundos superan a nueve superficiales. Si no puedes explicar una decisión que tomaste en un proyecto, aún no está listo para publicarse en el sitio web.
Redacte los estudios de caso antes de contactar con un constructor.
Problema, limitación, lo que intentaste, lo que entregaste, qué cambió. La redacción es la parte difícil y ninguna plantilla corrige una mala redacción.
Elige una plantilla.
Filtra según el trabajo de interfaz de usuario y experiencia de usuario, y luego juzga cómo se lee un bloque de texto largo, no por la imagen principal de la página de inicio.
Crea una página de estudio de caso completa.
Si consigues uno bueno, duplícalo. Una estructura coherente en todos los proyectos es lo que hace que un portafolio sea fácil de consultar.
Bloquear el trabajo del acuerdo de confidencialidad.
Establezca una contraseña en esas páginas y redacte un resumen público de una sola línea que indique que el estudio existe y cómo solicitar acceso.
Conecta tu dominio y configura los metadatos.
Utiliza el Gestor SEO para escribir los títulos y las descripciones de las páginas antes de compartir el enlace y, a continuación, envíalo.
Prueba gratuita de 15 días · No se requiere tarjeta
Estándares
Hay seis cosas que distinguen un portafolio que recibe una respuesta de uno que simplemente pasa desapercibido. Ninguna de ellas tiene que ver con el acabado visual.
Encabeza cada estudio de caso con el resultado.
Alguien que revisa una pila de solicitudes decide si leer tu proyecto por la primera línea, no por el tercer párrafo. Incluye ahí lo que cambió: la métrica, el lanzamiento, la decisión que se revirtió. La narrativa de la investigación se lee después de eso, no antes.
Tres estudios de caso, no nueve.
El volumen se lee como un archivo. Tres proyectos que puedas defender en una entrevista se lee como un juicio, y el juicio es lo que se contrata. Todo aquello sobre lo que no querrías que te interrogaran durante veinte minutos debería eliminarse del sitio.
Muestra el trabajo que rechazaste.
La dirección rechazada es la única parte de un portafolio que demuestra que se tomó una decisión y no que fue fruto de la casualidad. Una galería de interfaz de usuario muestra la pantalla final. Un portafolio de experiencia de usuario muestra las dos opciones descartadas y por qué. Esta es la diferencia más clara entre ambas, y la mayoría de los portafolios la omiten porque el trabajo rechazado es feo.
Escríbelo de forma que lo pueda entender cualquier persona que no sea diseñadora.
La primera persona con la que interactúa suele ser un reclutador o un gerente de contratación de otro departamento. La jerga que denota competencia para otro diseñador resulta irrelevante para él. Define la restricción en lenguaje sencillo antes de nombrar el método.
No conviertas el prototipo en el elemento que soporta la carga.
Los prototipos integrados de Figma son lentos en dispositivos móviles, fallan al mover un archivo y no funcionan correctamente detrás de algunos cortafuegos corporativos. Utilice marcos estáticos que presenten el argumento por sí solos y muestre el prototipo interactivo como un complemento, no como la prueba definitiva.
Indica qué puesto te interesa y cómo contactarte.
La frase «Abierto a puestos de diseño de producto sénior, en el Reino Unido o en remoto» elimina la pregunta que suele impedir que la gente se ponga en contacto. La ambigüedad se interpreta como falta de disponibilidad.
El punto en el que se rechaza un trabajo es donde la mayoría de los portafolios de UX pierden la oportunidad de ser contactados, y solucionarlo no cuesta nada.
Preguntas Frecuentes
Todo lo demás que quizás quieras saber antes de empezar. ¿Sigues con dudas? El chat en directo está abierto. 24/7.
Tres es el estándar para la mayoría de los puestos, cuatro para los de mayor responsabilidad. Cada caso práctico requiere un problema definido, tu contribución específica, distinta de la del equipo, y un resultado. Un cuarto caso práctico superficial debilita los tres casos prácticos sólidos que lo acompañan.
Coloca el estudio de caso en una página protegida con contraseña y proporciona la contraseña solo a las personas que la soliciten. PixpaLa protección con contraseña funciona tanto en páginas individuales como en sitios web completos, en todos los planes. En el sitio público, incluya un breve resumen que indique la existencia del estudio y cómo solicitar acceso.
Pixpa Ofrece una prueba gratuita de 15 días sin necesidad de tarjeta de crédito y una garantía de reembolso de 30 días después. No existe un plan gratuito permanente. Hay plataformas gratuitas para alojar portafolios, pero estas personalizan tu trabajo con su propia marca y conservan el dominio, lo que significa que el sitio web en el que invertiste un fin de semana está promocionando a otra persona.
No. Parte de una plantilla y modifica lo que quieras. El CSS personalizado viene incluido en todos los planes y el HTML es editable si lo deseas, pero se puede crear un sitio web completo de casos prácticos sin modificar ninguno de los dos.
Un portafolio de UI muestra el trabajo de interfaz terminado y se evalúa según la calidad de la ejecución. Un portafolio de UX muestra el razonamiento detrás de su creación y se evalúa según la toma de decisiones. La mayoría de los diseñadores necesitan un sitio web que combine ambas características: las pantallas muestran la calidad de la ejecución y el estudio de caso, el razonamiento.
Lo suficientemente largo para mostrar las decisiones, pero lo suficientemente corto para que alguien lo lea. Los argumentos más sólidos se presentan mediante imágenes y subtítulos con anotaciones, en lugar de párrafos extensos, para que el lector pueda seguir el razonamiento desplazándose por la página. Si una sección no cambia la opinión del lector sobre tu juicio, elimínala.
Depende de las demás funciones que deba cumplir el sitio. UXfolio es la opción más adecuada si un portafolio es el único sitio que necesitarás. Framer y Webflow ofrecen mayor control, pero requieren más tiempo de configuración. Pixpa Es la opción más rápida si desea tener estudios de caso, un blog y una tienda en un mismo dominio, con protección mediante contraseña en cualquier página.