CASO DE ESTUDIO

Cliente: VARIACODE
Sector: Recursos humanos (Software as a Service)
Tipo de producto: Plataforma B2C SaaS + Backoffice
Rol: Product Designer (UX/UI & Product Strategy)
Enfoque: Inteligencia Artificial aplicada a la Empleabilidad
VariaResume landing page — vista desktop con hero, pasos y producto
Scroll para explorar
VariaResume — vista mobile del producto

El desafío

El desafío fue re-diseñar el producto VariaGenerator CV para ser más competitivo sin complejizarlo: mejorar la usabilidad, la accesibilidad y la estética, con un flujo intuitivo donde el usuario comprenda el paso a paso — copiar la oferta laboral, subir su currículum y obtener un nuevo currículum optimizado.

VISIóN GENERAL

Diseño end-to-end de una plataforma B2C impulsada por Inteligencia Artificial que transforma la búsqueda de empleo. El producto permite a los usuarios adaptar automáticamente su CV en PDF a ofertas de trabajo específicas, ofreciendo un sistema de diagnóstico interactivo en tiempo real y conectándolos con oportunidades de formación continua.

EL PROBLEMA

Adaptar un currículum para cada postulación es un proceso frustrante, lento y con alta tasa de rechazo por falta de palabras clave y formato adecuado. El reto de diseño consistió en:

  1. Desmitificar la IA: Hacer que una tecnología compleja se sintiera rápida, confiable e intuitiva.
  2. Reducir la fricción inicial: Diseñar un flujo de incorporación (onboarding) extremadamente ágil con una baja barrera de entrada.
  3. Monetización y Retención: Crear un ecosistema que no solo entregara un documento, sino que acompañara el desarrollo profesional continuo del postulante.

CÓMO LO ABORDAMOS

  • Benchmark competitivo y funcional
  • Design Thinking con artefactos de investigación
  • Accesibilidad con Adobe Color (daltonismo)
  • Arquitectura de información clara
  • Prototipado interactivo en Figma
  • Entrevista de reclutadores
  • Validación con equipo Dev

ORGANIZACIÓN DEL PROYECTO

He seleccionado el paso a paso junto a un set de artefactos que nos ayudarán a descubrir las necesidades de nuestro usuario, y así poder crear un producto innovador con foco exclusivo.

Empatizar

Comprensión profunda de las necesidades, deseos, motivaciones de los usuarios para crear experiencias significativas y centradas en ellos.

Actividades

  • Establecer objetivos
  • Definir metodología
  • Benchmark y análisis
  • User-journey map
  • Tipo de usuario
  • Investigación primaria y secundaria
  • Data y métricas

Definir

Sintonización de datos y observaciones recopiladas para identificar soluciones, para crear, definir estrategias y objetivos concretos.

Actividades

  • Definición de usuarios
  • Mapa de empatía
  • Escenario de usos y resultados
  • Hipótesis e Insight
  • Puntos de vista
  • Propuestas de valor

Idear y Prototipar

Generar ideas y soluciones centradas en el usuario para abordar los desafíos y necesidades identificadas durante la fase de investigación.

Actividades

  • Brainstorming
  • Co-creación y Co-ideación
  • Ideas en función de objetivos
  • Prototipado en Figma
  • Prototipos interactivos

Testear

En esta etapa, obtendremos feedback de los usuarios y realizaremos ajustes necesarios en el diseño para garantizar que la solución final sea efectiva y satisfactoria.

Actividades

  • Prototipos listos
  • Definir objetivos del testeo
  • Selección de participantes
  • Script y análisis de resultados

Queremos experiencias únicas centradas en nuestros usuarios. El objetivo general es re-diseñar el producto para ser más competitivo sin complejizarlo, priorizando la mejora de la usabilidad, la accesibilidad y la estética del producto.

  • 1 Diseño en base a mejores prácticas — Revisar contenido y comportamiento del formulario para mejorar la forma de comunicación con el user persona y entregar un estándar alto de usabilidad y experiencia de usuario.
  • 2 Flujo intuitivo — Que el producto sea fácil de comprender en base a un flujo intuitivo. El usuario comprende el paso a paso: copiar y pegar la oferta laboral, subir su currículum y obtener un nuevo currículum optimizado.
  • 3 Ingreso de datos clásico — Que contenga un ingreso de datos clásico para identificar a la persona que usará el producto.
  • 4 Sistema de warnings — Que se generen warnings donde el usuario tendrá máximo 3 veces de uso del producto de manera gratuita.
  • 5 Accesibilidad inclusiva — Paletas de colores diseñadas con Adobe Color, considerando daltonismo y contraste WCAG.

Como Product Designer, lo más atractivo de mostrar en un portafolio no es solo la pantalla final: es cómo el producto completo se conecta. El flujo de VariaResume cuenta la historia de una persona en busca de empleo que se autentica por correo, crea su perfil, pega la oferta laboral, sube su currículum y obtiene un PDF optimizado con IA. Cada pantalla responde a una necesidad real del usuario.

VariaResume — autenticación por correo electrónico, vista desktop
VariaResume — previsualización final del currículum optimizado con IA, paso 3

LA SOLUCIóN B2C: Experiencia del Usuario

A. Flujo Principal en 3 Pasos (Time-to-Value mínimo)

Diseñamos un flujo lineal que guía al usuario sin distracciones para obtener resultados inmediatos:

  1. Selección de la Oferta: Ingreso del cargo o descripción del empleo al que se desea postular.
  2. Carga de CV: Subida sencilla del archivo en formato PDF.
  3. Descarga del CV Optimizado: Generación en minutos de un currículum alineado punto por punto a los requisitos del puesto.

B. Feedback Dinámico y Puntuación en Tiempo Real

Para evitar la entrega de un documento “a ciegas”, desarrollamos una interfaz de diagnóstico interactiva:

  • Match Score (% de Coincidencia): Indicador visual que muestra qué tan alineado está el perfil con la vacante.
  • Sugerencias de Mejora: Puntos de acción concretos para optimizar la redacción, incluir habilidades faltantes y mejorar el impacto del perfil.
  • Ruta de Desarrollo: Recomendaciones personalizadas para fortalecer el perfil del usuario a mediano plazo.

C. Portal y Perfil de Usuario

  • Mapeo de Postulaciones: Panel centralizado para dar seguimiento al estado de los CVs adaptados.
  • Canal de Asesoría Directa: Integración de un punto de contacto con expertos en reclutamiento para recibir retroalimentación personalizada y mentoría.

Ecosistema Interno: Backoffice de Recursos Humanos. Para maximizar el valor de negocio, diseñé el dashboard interno utilizado por el equipo de Talento y Selección:

VariaResume — backoffice de Recursos Humanos, vista de dashboard interno
VariaResume — backoffice de Recursos Humanos, tabla de datos y paginación

D. Feedback Dinámico y Puntuación en Tiempo Real

Para evitar la entrega de un documento “a ciegas”, desarrollamos una interfaz de diagnóstico interactiva:

  • Match Score (% de Coincidencia): Indicador visual que muestra qué tan alineado está el perfil con la vacante.
  • Sugerencias de Mejora: Puntos de acción concretos para optimizar la redacción, incluir habilidades faltantes y mejorar el impacto del perfil.
  • Ruta de Desarrollo: Recomendaciones personalizadas para fortalecer el perfil del usuario a mediano plazo.

E. Monitoreo y Estrategia

  • Monitoreo de Leads: Visualización y segmentación en tiempo real de los usuarios registrados y sus niveles de match.
  • Estrategia de Capacitación: Permite al equipo identificar brechas de habilidades comunes para ofrecer activamente cursos, talleres y capacitaciones orientadas a potenciar las oportunidades reales de empleo.

El re-diseño centrado en el usuario no solo mejoró la estética del producto: simplificó el flujo completo y lo hizo más competitivo. Estas son las métricas clave que miden el impacto del nuevo VariaResume.

3
Pantallas agregadas al flujo sin complejizar el producto
100%
Accesibilidad inclusiva con paletas para daltonismo
B2C
Producto orientado al consumidor individual