Propi

Propinas sin efectivo con verdadera transparencia

QRtips comenzó con una idea sencilla. Un invitado escanea un código, da una propina con unos pocos toques, y todos pueden ver a dónde va el dinero. El verdadero desafío era la confianza. Diseñamos el flujo para los invitados de manera que se sintiera sin esfuerzo, y proporcionamos a los gerentes herramientas que parecen justas y fáciles de auditar. Sin misterios, sin suposiciones.

QRtips comenzó con una idea sencilla. Un invitado escanea un código, da una propina con unos pocos toques, y todos pueden ver a dónde va el dinero. El verdadero desafío era la confianza. Diseñamos el flujo para los invitados de manera que se sintiera sin esfuerzo, y proporcionamos a los gerentes herramientas que parecen justas y fáciles de auditar. Sin misterios, sin suposiciones.

Rol

Diseño UX/UI, Estrategia de Producto, Sistema de Diseño, Prototipado

Duración

En curso (MVP lanzado en 2025)

Herramientas

Figma, Notion, Illustrator

Enunciado del Problema

Las propinas en efectivo eran lentas y confusas. El personal no sabía cuándo cobraría. Los gerentes vivían entre hojas de cálculo y aún tenían dudas sobre los repartos. La diferencia no eran solo las funciones. Era la confianza.

Enunciado del Problema

Las propinas en efectivo eran lentas y confusas. El personal no sabía cuándo cobraría. Los gerentes vivían entre hojas de cálculo y aún tenían dudas sobre los repartos. La diferencia no eran solo las funciones. Era la confianza.

Objetivos del Proyecto

Explica qué son la identidad y la autenticación en un lenguaje sencillo. Comienza con los resultados, luego muestra cómo funciona. Da a los desarrolladores, líderes de producto y equipos legales un camino claro sin repetir contenido. Construye un sistema que se extienda desde las páginas de aterrizaje hasta la documentación.

Objetivos del Proyecto

Explica qué son la identidad y la autenticación en un lenguaje sencillo. Comienza con los resultados, luego muestra cómo funciona. Da a los desarrolladores, líderes de producto y equipos legales un camino claro sin repetir contenido. Construye un sistema que se extienda desde las páginas de aterrizaje hasta la documentación.

Investigación

Investigación

Mapeé el recorrido del comprador con ventas y soporte. Leí las páginas que perdieron gente y los correos electrónicos que salvaron acuerdos. Analicé sitios de marketing para desarrolladores que equilibran claridad con profundidad y recopilé patrones que reducen el rebote en contenido técnico.

Mapeé el recorrido del comprador con ventas y soporte. Leí las páginas que perdieron gente y los correos electrónicos que salvaron acuerdos. Analicé sitios de marketing para desarrolladores que equilibran claridad con profundidad y recopilé patrones que reducen el rebote en contenido técnico.

Usuarios y Perfiles

Usuarios y Perfiles

Nos centramos en dos perfiles clave:

  1. El gerente – encargado de configurar el sistema, invitar a los miembros del equipo y distribuir las propinas al final de cada turno.

  2. El colaborador – que simplemente quiere ver sus ganancias y asegurarse de que nada se pierda en el proceso.
    La experiencia fue diseñada para reflejar sus modelos mentales: los gerentes necesitan control, los colaboradores necesitan confianza.

    Los desarrolladores quieren hablar claro y tener ejemplos. Los líderes de producto quieren valor y evidencia. Legal y cumplimiento quieren señales de que el riesgo está manejado. Todos quieren entender rápido.

Nos centramos en dos perfiles clave:

  1. El gerente – encargado de configurar el sistema, invitar a los miembros del equipo y distribuir las propinas al final de cada turno.

  2. El colaborador – que simplemente quiere ver sus ganancias y asegurarse de que nada se pierda en el proceso.
    La experiencia fue diseñada para reflejar sus modelos mentales: los gerentes necesitan control, los colaboradores necesitan confianza.

    Los desarrolladores quieren hablar claro y tener ejemplos. Los líderes de producto quieren valor y evidencia. Legal y cumplimiento quieren señales de que el riesgo está manejado. Todos quieren entender rápido.

Ideación y Wireframes

Ideación y Wireframes

La creación de wireframes exploró múltiples casos de uso:

  • Un colaborador escaneando su propio QR para verificar el estado

  • Un gerente viendo la distribución de propinas en tiempo real por turno

  • Invitaciones en lote para integrar equipos rápidamente

  • Lógica de acceso y diseño de permisos para diferentes roles

Esbocé una estructura que comienza con los resultados, sigue con cómo funciona y termina con evidencia. Diseñé caminos alternativos para cada comprador sin duplicar contenido. Escribí notas de módulo breves para que el equipo pueda ampliar el sitio con la misma lógica más adelante.

La creación de wireframes exploró múltiples casos de uso:

  • Un colaborador escaneando su propio QR para verificar el estado

  • Un gerente viendo la distribución de propinas en tiempo real por turno

  • Invitaciones en lote para integrar equipos rápidamente

  • Lógica de acceso y diseño de permisos para diferentes roles

Esbocé una estructura que comienza con los resultados, sigue con cómo funciona y termina con evidencia. Diseñé caminos alternativos para cada comprador sin duplicar contenido. Escribí notas de módulo breves para que el equipo pueda ampliar el sitio con la misma lógica más adelante.

Diseño UX/UI

Diseño UX/UI

El diseño visual se inclinó hacia la claridad, el ritmo y la estructura.

  • Interfaz limpia con una jerarquía tipográfica fuerte para un escaneo rápido

  • Etiquetas y estados claros (“Pendiente”, “Distribuido”)

  • Identidad de marca suave que inspira confianza pero no se siente corporativa

  • Sistema de diseño modular que puede escalar en nuevos roles e industrias

Los visuales se alinean con la seguridad, la rapidez y el cumplimiento sin sentirse fríos. Los diagramas explican los flujos de un vistazo. Los componentes apoyan secciones destacadas, detalles del producto, bloques de prueba y documentación, de modo que el sistema se mantiene unido a medida que el sitio crece.

El diseño visual se inclinó hacia la claridad, el ritmo y la estructura.

  • Interfaz limpia con una jerarquía tipográfica fuerte para un escaneo rápido

  • Etiquetas y estados claros (“Pendiente”, “Distribuido”)

  • Identidad de marca suave que inspira confianza pero no se siente corporativa

  • Sistema de diseño modular que puede escalar en nuevos roles e industrias

Los visuales se alinean con la seguridad, la rapidez y el cumplimiento sin sentirse fríos. Los diagramas explican los flujos de un vistazo. Los componentes apoyan secciones destacadas, detalles del producto, bloques de prueba y documentación, de modo que el sistema se mantiene unido a medida que el sitio crece.

Resultados y reflexiones finales

Resultados y reflexiones finales

QRtips nació como una solución de nicho, pero rápidamente demostró ser relevante en distintas industrias, desde restaurantes hasta hoteles, salones, eventos y más. Transformó un proceso backend desorganizado en una experiencia fluida y estructurada. ¿La mayor lección? Diseñar para la equidad tiene que ver tanto con la claridad de la interfaz como con la lógica de negocio. La simplicidad genera confianza. Y la confianza es la moneda en el mundo de los servicios.

Los visitantes con alta intención pasaron un 18% más de tiempo en las páginas clave. Las solicitudes de demostración aumentaron un 26%. Las salidas en páginas técnicas disminuyeron un 21%. La palabra que los vendedores siempre escuchaban era claridad. Cuando la historia es limpia, la confianza sigue.

QRtips nació como una solución de nicho, pero rápidamente demostró ser relevante en distintas industrias, desde restaurantes hasta hoteles, salones, eventos y más. Transformó un proceso backend desorganizado en una experiencia fluida y estructurada. ¿La mayor lección? Diseñar para la equidad tiene que ver tanto con la claridad de la interfaz como con la lógica de negocio. La simplicidad genera confianza. Y la confianza es la moneda en el mundo de los servicios.

Los visitantes con alta intención pasaron un 18% más de tiempo en las páginas clave. Las solicitudes de demostración aumentaron un 26%. Las salidas en páginas técnicas disminuyeron un 21%. La palabra que los vendedores siempre escuchaban era claridad. Cuando la historia es limpia, la confianza sigue.