Product Design · UX/UI · 2026

Tempo

Una app para trabajar a tu ritmo y saber cuánto cobras de verdad por hora. Diseñada de principio a fin, del problema al prototipo funcional.

Panel de Tempo en una tablet: cuenta atrás del bloque y botón de interrupción

El problema
Como independiente, ponía precio a mi trabajo a ojo. Sabía cuánto facturaba, pero no cuánto me pagaba cada cliente por cada hora. Cuando lo calculé, el resultado fue claro: mis cuotas fijas se llevaban casi todo mi tiempo facturable y me pagaban casi la mitad de mi tarifa mínima. El agujero no era la falta de clientes. Era no medir.

Lo que necesitaba
– Saber, cliente a cliente, cuánto cobro por hora: por semana, mes y trimestre.
– Ver las interrupciones, que no aparecen en ninguna factura.
– Mantener la intensidad sin quemarme.
– Algo que se use de verdad: si apuntar cuesta, se deja de apuntar.

El nombre
En una partitura, «a tempo» significa volver al ritmo después de una pausa. Eso es lo que hace Tempo. El tempo es la velocidad de una pieza, medida en BPM: une mis dos oficios, el estudio y la cabina.

Decisiones de diseño
– Bloques de 50 + 10. El trabajo va por bloques de foco y pausa. Al acabar cada uno, Tempo propone una pausa concreta y te devuelve al ritmo: a tempo.
– Interrupción en 10 segundos. Un botón siempre visible, dos toques y listo. Si cuesta más, no se apunta, y son justo el dato que falta.
– Un semáforo, no un panel de control. Verde, ámbar o rojo frente a la tarifa mínima. Siempre con palabra y cifra, nunca solo color.
– Medir por trimestre. Un mes de pico se compensa con uno flojo. La decisión (mantener, ajustar el alcance o subir la cuota) se toma cada tres meses.
– Una tablet como panel. Siempre a la vista junto a la pantalla, en modo oscuro, legible de reojo.
– Sin coste de uso. La app no llama a ninguna IA por dentro: funciona todo el día sin gastar nada.

Sistema de diseño
Tempo hereda la identidad de Dani Toranzo Studio: Inter, negro y el naranja de marca. Cada color tiene un único significado: naranja para lo que está pasando ahora, arena para el descanso, negro para el panel de trabajo, crudo para el análisis y verde para lo que está en marcha. Los estados de rentabilidad tienen colores propios para no confundirse con la marca.

Estado
MVP diseñado y construido en un sprint de un día. En pruebas de uso real en Dani Toranzo Studio.

Hoja de ruta
– Sprint 1: cuatro semanas de uso propio para medir horas reales y ajustar.
– Sprint 2: versión completa con datos guardados y panel en tablet.
– Sprint 3: pruebas con tres a cinco profesionales independientes.
– Después: con esos datos, decidir si se comercializa.

Cómo se hizo
Diseño de producto con IA: investigación, arquitectura, interfaz y prototipo desarrollados con Claude como herramienta, con la dirección y las decisiones a mi cargo.

Client
Proyecto propio

Year
2026

Country
Spain

Servicios
Diseño de producto, UX/UI, Sistema de diseño, Prototipo

Hoja de interrupción: cliente, tipo y tiempo en dos toques
Pausa en arena con reloj y botones para volver al trabajo
Rentabilidad por cliente frente a la tarifa mínima, con semáforo
Tempo en el móvil: Panel
Tempo en el móvil: Pausa
Tempo en el móvil: Rentabilidad
Aviso de cierre con opciones para alargar la jornada
Pantalla de fin de jornada
Sistema de diseño de Tempo: un color para cada significado, tipografía y componentes

--:--:--
Madrid & Costa del Sol, CEST UTC+2
--

Have a brand, a space or an event in mind?

Let's talk
Dani-Toranzo-Favicon

Design+Code DaniToranzo