Saltar al contenido

Nomenclator

Una plataforma con IA que sugiere el código NCM de un producto y explica por qué.

  • Product Design
  • Design System
  • IA
Inicio de Nomenclator con el botón para clasificar un NCM y las consultas recientes.
Inicio de Nomenclator con el saludo “Hola!”, el botón para clasificar un NCM y las consultas recientes con su nivel de confianza.

Ficha del proyecto

Nació en una hackathon y se convirtió en una beta usada por un primer grupo de profesionales de comercio exterior.

Rol
Founder · Lead Product Designer
Período
Marzo a junio de 2026 · 4 meses
Estado
Beta
Origen
Hackathon · segundo puesto
Alcance
ExperienciaFlujosInterfazSistema de diseñoLanding
Herramientas
Figma, Dev Mode y Claude por MCP

01 · El problema

Una respuesta técnica que tenía que poder entenderse y evaluarse.

  • Códigos ambiguos

    Una diferencia pequeña en el producto puede llevar a otro código.

  • Un modelo en evolución

    La precisión de las respuestas todavía estaba mejorando.

  • Una decisión con criterio

    El profesional necesitaba ver por qué aparece un código y qué alternativas considerar.

El desafío

Diseñar alrededor de la incertidumbre del modelo sin quitarle al profesional la decisión final.

La experiencia tenía que

  • Mostrar el código sugerido con su justificación y su nivel de confianza.
  • Permitir recorrer alternativas y descargar la información en PDF.
  • Guiar la consulta: tipo de operación, país y descripción del producto.
  • Funcionar en escritorio y en celular.

02 · Proceso

Cómo se trabajó.

Cuatro etapas para entender, definir y hacer avanzar cada proyecto.

  1. Entender

    Un aduanero del equipo aportaba el contexto del rubro y las devoluciones de clientes.

  2. Definir

    Tres alternativas por consulta y un recorrido en tres pasos: operación, país y producto.

  3. Construir

    Escritorio y celular: ingreso, historial y estados de carga y error, con el sistema de diseño.

  4. Entregar

    Variables, componentes y pantallas listos en Dev Mode, con ajustes desde el repositorio.

03 · Decisiones

Las decisiones que
definieron el producto.

Tres decisiones que conectaron el modelo con lo que el profesional necesitaba para decidir.

Ficha de resultado de Nomenclator con el código NCM sugerido, su justificación y el nivel de confianza.

Tres alternativas en lugar de una única respuesta.

Por qué
El modelo todavía estaba mejorando su precisión.
Efecto
El profesional compara las opciones y decide con su propio criterio.
Mi parte
Llevar esa decisión de equipo a una experiencia comprensible.

Cada resultado se explica, no solo se muestra.

En práctica
El profesional revisa la respuesta, recorre las alternativas y descarga el PDF.
Ficha de resultado de Nomenclator con el código NCM sugerido, su justificación y el nivel de confianza.
  1. Código sugeridoLo primero que se lee.
  2. Nivel de confianzaCuánto confiar antes de decidir.
  3. JustificaciónPor qué el modelo propone ese código.
  4. DesgloseCapítulo, partida y subpartida para verificar.
  5. Descargar PDFPara revisarlo con su propio criterio.

Una primera experiencia para distintos usuarios.

Por qué
La beta trajo pedidos que excedían lo que el equipo podía sumar en esa etapa.
Efecto
Los evaluamos por alcance y posibilidades, y quedaron para más adelante.
Detalle
Elegimos una presentación familiar, en modo claro, pensada para la iluminación de los entornos de uso.

Pedidos de la beta

Más adelante
  • Clasificar desde el celular con vozMás adelante
  • Clasificar a partir de fotografíasMás adelante
  • Un modelo especializado en petróleoMás adelante

Exploración visual

Monoespaciada, bordes rectosFamiliar, en modo claro

04 · Sistema

Un sistema antes que un conjunto de pantallas.

Construí con Claude conectado a Figma por MCP. Generar componentes antes que variables producía valores aislados, así que invertí el orden.

  1. Variables y tokens del sistema de diseño de Nomenclator en Figma.

    1 · Fundaciones

    Variables, jerarquía y dirección visual.

  2. 2 · Componentes

    Construidos sobre esas variables.

  3. Ficha de resultado de Nomenclator con el código NCM sugerido, su justificación y el nivel de confianza.

    3 · Pantallas

    Como la ficha de resultado.

05 · Resultado

Qué quedó entregado.

De una idea presentada en una hackathon a una beta con un primer grupo de usuarios.

  • 2º

    Puesto en la hackathon

    Con una landing diseñada para presentar la idea.

  • +48

    Componentes

    Ordenados y estructurados en un design system completo.

  • 5 a 10

    Usuarios en la beta

    Con devoluciones favorables sobre el uso.

  • 3

    Alternativas por consulta

    Cada una con su justificación y su nivel de confianza.