Contexto
el producto¿Qué es Tippit y por qué Gift Cards?
Tippit es una plataforma SaaS de infraestructura digital para restaurantes, bares y gastronomía, fundada en Argentina. Nació digitalizando propinas por QR y evolucionó a un sistema todo-en-uno que reúne propinas, reseñas, menú, gift cards, CRM de clientes, reservas y marketing en un solo lugar.
Gift Cards existía como una versión mínima. El proyecto: llevarla de función secundaria a producto real que venda, retenga y traiga clientes de vuelta.
Diagnóstico
problema → visiónAproximación mínima
Un feature presente en el menú, ausente en la operación.
- Emisión básica, sin gobernanza
- Cero analítica de rendimiento
- Sin roles ni flujos de uso
- Imposible de accionar como estrategia
Módulo estratégico
Gift Cards que trabaja para el negocio.
- Mejora en diseño y experiencia de usuario en la sección
- Dashboard de rendimiento (KPIs, breakage)
- Flujos de emisión con roles claros
- Automatizaciones: recupero post-reseña, campañas
No sólo fortalecer Gift Cards como funcionalidad, sino transformarla en una herramienta estratégica de fidelización, recuperación y crecimiento de ingresos.
Desk Research & Benchmarking
empatizarAntes de diseñar, estudié cómo resuelven las Gift Cards los productos líderes —desde la compra y el envío hasta la gestión y la analítica— para entender qué genera valor y qué patrones esperan los usuarios.
Flujo de compra guiado paso a paso: elegís diseño, monto, medio de envío, destinatario, mensaje y fecha, con preview de la tarjeta en vivo.
Compra/envío como recorrido claro, no un formulario suelto.Tabla de administración con código, balance, redimida, vencimiento, destinatario y estado (enabled). Búsqueda y acciones masivas.
Gobernanza: estados explícitos y una tabla que se puede operar.Dashboards con KPIs (emitidas, enviadas, redención), calendario de ocasiones y feed de redención en vivo por sucursal.
La data cuenta la historia: redención, ticket y ocasiones a la vista.Plantillas de campaña, automatizaciones y suites integradas. PassKit reporta que el usuario gasta ~38% por encima del valor de la card.
La gift card es palanca de ingreso, no un extra decorativo.Comprar y enviar es un recorrido
Plantilla, monto, mensaje, fecha y preview. Guiar cada paso reduce fricción y errores.
La analítica es valor, no un extra
El dueño necesita accionar con datos reales: un apartado de métricas —emitidas, redimidas, breakage, ingresos— que vuelva medibles las decisiones sobre sus gift cards.
Estados y gobernanza claros
Emitida · enviada · redimida · vencida, con roles y responsable de cada acción.
Ocasiones y automatización
Campañas, recupero post-reseña y recordatorios de vencimiento activan el uso estratégico.
// Referencias de producto estudiadas durante el desk research. Marcas y capturas pertenecen a sus respectivos dueños.
Evaluación Heurística
10 heurísticas de NielsenAudité la versión previa de la sección con las 10 heurísticas de Nielsen, puntuando cada una por severidad (0 = sin problema · 4 = urgente). El resultado ordenó las prioridades del rediseño.
Encuestas & Validación
empatizar · datos primariosPara validar el rediseño con quienes realmente lo operan, relevé a dueños, gerentes y encargados de negocios gastronómicos. Un estudio chico pero de alta señal: todos toman decisiones sobre el producto y ya conviven con la funcionalidad.
Adopción real, no hipotética
El 100% conoce la función y el 83% ya la usa regularmente. El problema no es que no la usen: es que rinde por debajo de su potencial.
El uso estrella es corporativo
83% la usa como regalo corporativo/institucional y 50% para promociones y fechas clave. El caso de uso central no es el consumidor final.
Útil, pero con techo
66% la puntúa útil (4–5), pero la mitad la siente “limitada”. Falta profundidad y datos, no interés.
Piden datos, y fuerte
Todos quieren un dashboard de rendimiento. En texto libre reclaman ver cuáles se usaron, cuánto ahorran, cuántas quedan y cuándo vencen.
Palancas de adopción claras
Plantillas listas, datos de impacto y personalización de mensajes (66% c/u) + automatización (50%). Ese es el roadmap, dicho por ellos.
La tarjeta es marca
Piden logo y foto del local, versión impresa y personalización. La gift card como pieza de identidad del negocio, no un cupón genérico.
Estrategia en 3 versiones
definir · roadmap incrementalEstructuré el trabajo en tres versiones para organizar mejor las tareas e ir mejorando la sección de forma gradual, contemplando los requerimientos de cada etapa y la carga de trabajo del equipo de desarrollo. La primera se enfocó en resolver y dejar sólido lo básico; las siguientes van sumando valor de a poco.
Que lo básico funcione perfecto y sea fácil de usar. Alinear la UI al resto de Tippit y generar expectativa de lo que viene.
Coherencia visual + funcionalidades clave que convierten la gift card en herramienta de marketing, re-targeting y fidelización.
Algo robusto que el dueño pueda seguir. Foco en Automatización, Campañas y funciones avanzadas que rentabilicen la sección.
// V1 y V2 llegaron a alta fidelidad y a producto. V3 fue cambiando en torno a nuevos objetivos actuales de la empresa.
Flujos mapeados
definir · task flowsAntes de diseñar pantallas, mapeé los flujos operativos de la sección para partir de la tarea real —quién la hace, en qué contexto y qué puede salir mal—. Cada flujo contempla el camino ideal y los desvíos (errores, casos vacíos).
Ideación
idear · divergir → convergerCon el problema definido, abrí el abanico antes de cerrar. Divergí con Crazy 8s a mano para una primera aproximación más exploratoria, y bajé a wireframes de baja fidelidad en Miro para resolver estructura y layout antes de tocar la UI.
Prototipo — Alta fidelidad
prototipar · V1 + V2Con los flujos resueltos, diseñé el módulo completo en alta fidelidad —wireframes de alta y UI final de V1 y V2— reutilizando el Design System de Tippit. El foco: calidad de ejecución y flujos claros, cuidando la UX en cada acción, resolviendo los hallazgos de la evaluación heurística y respetando los insights de la encuesta. Todo en Figma.
De dónde partí
Una aproximación mínima: cards inconsistentes, acciones poco claras y cero analítica. El punto de partida que el rediseño tenía que superar.
Ya con los insights necesarios, prioridades claras y funcionalidades establecidas, diseñé el módulo completo. Los task flows me sirvieron para estructurar y diseñar cada paso necesario para el usuario. Tomé notas en todas las pantallas de lo que debía suceder y trabajé en un prototipo.
No partí de cero: trabajé sobre el sistema de diseño de Tippit —reutilicé componentes, respeté el layout y los guidelines ya establecidos— para que Gift Cards se sienta parte del producto, no un injerto. El sistema completo vive en el Figma del equipo.
Desarrollo — Del diseño al producto
vibe codingNo me quedé en la pantalla: acompañé el desarrollo hasta el producto —y me tocó en plena migración del equipo hacia vibe coding—. Abajo, una recreación interactiva del módulo Gift Cards: clickeá los tabs y abrí el menú (⋮) de una tarjeta.
- V1 y V2 se ejecutaron bajo la estructura anterior de Tippit: hand-off a desarrollo, con reunión explicativa pantalla por pantalla y flujos.
- V3 se desarrolló en Cursor con vibe coding: el hand-off fue un prototipo funcional y participé del desarrollo del front y la lógica de la sección. En el camino cambiaron objetivos planificados, surgieron nuevas funcionalidades y un nuevo contexto de la empresa con nuevas oportunidades —lo que me llevó a readaptar mi rol y las tareas previstas.
Aprendizajes
cierre · reflexiónUn feature que existía sin trabajar para el negocio se convirtió en un módulo pensado para generar y medir ingresos —definido por fases, validado con usuarios y llevado hasta el front.
- Trabajar cerca del equipo de desarrollo. Para mí es prioridad: diseñar algo realista, alineado a las posibilidades técnicas y a los tiempos del negocio.
- Adaptación constante al cambio. Una startup es cambio permanente: de la V1 a la V3 mutaron objetivos e hipótesis que creíamos válidas, y se sumó el cambio de herramientas en plena expansión de la IA en los procesos.
- El pedido real era la data. La encuesta mostró que el valor no estaba en lo estético, sino en ver rendimiento (breakage, ticket, vencimientos).
- De sección obsoleta a herramienta de negocio. Pasó de estar sin uso a ser una herramienta de fidelización, retención y generación de ingresos que hoy usan numerosos negocios adheridos a Tippit.
- Ampliar la validación. Sumar un test de usabilidad moderado sobre el prototipo, no solo la encuesta.
- Validar Campañas (V3) antes de invertir en alta. Es la apuesta más grande y la menos testeada (aún no realizada).
- Análisis de métricas en la plataforma. Ya se está implementando para seguir optimizando el diseño y la UX (recurrencia de clicks, U-turns, heatmaps, etc.).
- Seguir escuchando al usuario. Recoger información de nuevos usuarios sobre la sección y las funcionalidades nuevas.