CClaudia Bisset Delgado

Product Playground · Claudia Bisset Delgado

Producto que se entiende.
Producto que se adopta.

Trabajo entre discovery, UX/UI y sistemas, con un foco claro: reducir la distancia entre una buena idea y un producto que personas, equipos y negocio puedan entender y usar.

Trabajo con

  • Discovery
  • UX/UI
  • Arquitectura de información
  • Design systems
  • Documentación funcional
  • Handoff

Mi foco

  • Product Adoption
  • Claridad
  • Confianza
  • Continuidad experiencia-operación
Ver los 6 casosCada reconstrucción se entiende en menos de 90 segundos

Adoption Lens

Cuatro preguntas que aplico a cualquier producto

  1. 01

    ¿Se entiende el valor?

  2. 02

    ¿El usuario sabe qué hacer después?

  3. 03

    ¿El equipo puede sostener la experiencia?

  4. 04

    ¿Producto, operación y negocio cuentan la misma historia?

Seis casos, seis barreras

Reconstrucciones interactivas basadas en el portfolio real. Datos de ejemplo cuando hacen falta para interactuar.

  • Agenda urbana · frontstage + backstage

    Entramos / León Agenda

    01

    Barrera de adopción

    La experiencia ciudadana solo se sostiene si detrás hay una operación que pueda gestionarla, incluida la monetización.

    Contexto
    Agenda urbana de eventos, cultura, ocio y vida local. Solución institucional inicial para el Ayuntamiento de León que evoluciona hacia plataforma, con ciudadanía, organizadores, locales y administración.
    Qué muestra la reconstrucción
    Mapa de experiencia y operación con selector frontstage/backstage y el recorrido que conecta una promoción visible con su gestión interna.
    Mi contribución
    UX/UI, arquitectura de información, flujos, panel de administración, espacios promocionales y niveles de slots, jerarquía de contenidos y documentación funcional.
    • UX/UI
    • Arquitectura de información
    • Documentación funcional

    Entramos fue el nombre interno de trabajo; León Agenda es la denominación final elegida por el cliente.

    Explorar el sistema de productoReconstrucción interactiva · datos de ejemplo cuando aplica
  • Vertical deportiva · Design System

    Grada

    02

    Barrera de adopción

    Un sistema solo se adopta si desarrollo puede implementarlo sin ambigüedad y el usuario percibe consistencia.

    Contexto
    Nueva vertical basada en el aprendizaje del ecosistema de agenda local, adaptada al deporte: clubes, partidos, eventos, familias y comunidades, con identidad propia.
    Qué muestra la reconstrucción
    Recorrido de dirección, tokens, componentes y estados hasta pantallas de producto/admin y la especificación de handoff para Flutter.
    Mi contribución
    Planteamiento conceptual, estructura inicial, narrativa, sistema visual, primeras pantallas, conexión con CityLayer y base para futura validación.
    • Design systems
    • Handoff
    • Sistema visual

    Reconstrucción del sistema a partir del material publicado en el portfolio.

    Explorar el Design SystemReconstrucción interactiva · datos de ejemplo cuando aplica
  • Arquitectura de producto · concepto estratégico

    CityLayer

    03

    Barrera de adopción

    Si una arquitectura no se puede explicar, integrar ni comprar, tampoco escala.

    Contexto
    Nace porque depender solo de B2G dificultaba escalar. Relee Entramos y Grada como una familia de producto modular e integrable, conectada bajo una lógica de comercialización.
    Qué muestra la reconstrucción
    Explorador de arquitectura: del producto cerrado a core compartido, verticales y módulos, y cómo cambia la conversación con negocio, integración y cliente.
    Mi contribución
    Análisis competitivo y posicionamiento, modelo de salida al mercado, conexión conceptual Entramos + Grada, narrativa modular y documentación estratégica para negocio y desarrollo.
    • Arquitectura de producto
    • Posicionamiento
    • Documentación

    Concepto estratégico de producto: no representa un servicio en operación.

    Explorar la arquitectura de productoReconstrucción interactiva · datos de ejemplo cuando aplica
  • Comprensión y confianza en móvil

    App móvil de ciberseguridad / INCIBE

    04

    Barrera de adopción

    Una señal técnica correcta no basta: el usuario necesita entenderla, confiar en ella y saber qué hacer después.

    Contexto
    Redefinición de una app móvil de ciberseguridad desarrollada en colaboración con INCIBE. La base técnica era sólida; la barrera estaba en la comprensión, la confianza y el uso.
    Qué muestra la reconstrucción
    Flujo navegable Acceso → Home → Mensajes → Detalle → Anomalías → Ajustes, con anotaciones de decisión de adopción en cada paso.
    Mi contribución
    Rediseño UX/UI, propuesta de valor, sistema visual, flujos, jerarquía de información, apoyo narrativo y materiales para canal B2B.
    • UX/UI
    • Jerarquía de información
    • Propuesta de valor

    «VaultDefense» era el nombre del archivo de trabajo y referencia visual, no un producto comercial.

    Explorar el flujo de experienciaReconstrucción interactiva · datos de ejemplo cuando aplica
  • Productización de servicios complejos

    Packs Ciber + Legal Tech

    05

    Barrera de adopción

    No bastaba con comunicar mejor: había que reorganizar la oferta para que se pudiera comparar y decidir.

    Contexto
    Productización de servicios de ciberseguridad, derecho digital y legal tech. El reto era ordenar una oferta difícil de explicar, de vender y de operar.
    Qué muestra la reconstrucción
    Recorrido de productización: complejidad inicial, necesidad, agrupación, comparación guiada y conexión con la capa operativa.
    Mi contribución
    Arquitectura de oferta, reorganización en packs, narrativa de valor, materiales comerciales, calculadora de captación, estructura visual y conexión con la futura capa operativa.
    • Arquitectura de oferta
    • Narrativa de valor
    • Documentación funcional

    Las categorías y cifras mostradas son demostrativas: no reproducen nombres comerciales ni precios reales.

    Probar la lógica de PacksReconstrucción interactiva · datos de ejemplo cuando aplica
  • Frontstage cliente + backstage operación

    Capa operativa / CRM Legal + Ciber

    06

    Barrera de adopción

    Lo prometido, lo que el cliente entiende y lo que el equipo puede sostener tenían que ser la misma historia.

    Contexto
    Surge después de estructurar Packs: si la oferta se vendía como sistema, necesitaba operarse como sistema. Capa de gestión interna para seguimiento, entregables, horas, estado del servicio y coordinación, con su portal de cliente.
    Qué muestra la reconstrucción
    Mapa de servicio con toggle vista cliente / vista operación y cómo cambia la información relevante al seleccionar un entregable.
    Mi contribución
    Traducción de la lógica comercial a lógica operativa: módulos, visualización de estados, entregables, seguimiento y documentación.
    • Continuidad experiencia-operación
    • Arquitectura de información
    • Documentación
    Explorar el sistema operativoReconstrucción interactiva · datos de ejemplo cuando aplica

Cómo trabajo con IA

«Automatizo lo mecánico; el criterio, las restricciones y la decisión final siguen siendo humanos.»

Herramientas propias

He creado plugins y herramientas con Claude y Claude Code para mi propio flujo de trabajo.

Para qué las uso

Acelerar análisis, mantener trazabilidad entre decisiones y sostener la documentación viva.

Dónde no la uso

En decidir. El encuadre del problema, las restricciones y el criterio los pongo yo.