Renó
Producto propio · SaaS
Cliente
Renó, producto propio (Hako Studio)
Rol
Producto + UI + Full stack
Herramientas
Next.js · React · TypeScript · Tailwind · PostgreSQL · Supabase · Mercado Pago
Timeline
Desde 2025
Descripción
Renó es un producto propio: un panel de gestión y rendimiento para directores técnicos y clubes de hockey sobre césped. No es un encargo de un cliente. La idea, la marca, el diseño y el código salieron de acá.
El problema que resuelve es concreto y cualquiera que haya estado cerca de un club lo reconoce: la convocatoria se arma en un grupo de WhatsApp, las jugadas se dibujan en una hoja suelta, el fixture se copia a mano de la web de la federación y el clima de la cancha se busca cinco minutos antes de salir. Todo existe, pero disperso y siempre desactualizado.
Renó junta eso en un solo lugar y lo deja a un link de distancia del plantel. El claim de la home lo resume: organizá tu equipo, prepará cada partido.
Qué hace
- Fixture, tabla y goleadoras del Torneo Metropolitano sincronizados: el DT no carga el calendario, ya viene cargado desde el primer día.
- Citación del plantel fecha por fecha, con disponibilidad, bajas y lesionadas marcadas en un toque.
- Pizarras de formación con fichas que se arrastran sobre la cancha y esquemas 4-3-3, 4-4-2, 3-4-3 y 3-3-4.
- Jugadas guardadas por categoría: córner corto, córner defensivo y bloqueos.
- Link público del partido para el plantel: convocatoria, sede, horario y clima, sin login ni instalar nada.
- Panel de club con varias categorías, staff invitado y una sola suscripción para todas.
- Suscripciones por Mercado Pago con 7 días de prueba y seis planes entre DT y club.
Cómo está hecho
El backend es la mitad del trabajo y la que menos se ve en una captura. Renó corre sobre Next.js 16 con App Router, React 19 y TypeScript, con una API propia repartida en áreas para el panel, el club, el DT, el torneo, la facturación, las invitaciones de staff, las exportaciones, el clima y los webhooks.
Los datos y las cuentas viven en Supabase, sobre Postgres: registro, invitaciones al staff de un club, confirmación por mail y recuperación de contraseña. El deploy es en Vercel, con cron jobs diarios que mandan los avisos de vencimiento de suscripción y limpian los videos viejos.
La pieza que más valor entrega es la que más cuesta explicar: la sincronización con el torneo. Un scraper propio trae fixture, tabla y goleadoras oficiales del Metropolitano y los deja cargados en el panel. Eso es lo que hace que un DT pueda usar la herramienta el mismo día que se registra, sin cargar una sola fecha a mano.
El resto es infraestructura de producto: suscripciones con Mercado Pago, seis planes con sus propios límites de equipos, staff y jugadas, mails transaccionales con Resend, errores monitoreados con Sentry y tests end to end con Playwright.
Preparación del partido
El partido, en cinco pasos
La preparación de cada fecha es un flujo guiado y siempre el mismo: plantel, vestuario, formación, córners y bloqueos. Al final se genera el link para compartir.
Esa decisión fue de producto, no de diseño. Un DT no entra a explorar un menú: entra el jueves a la noche, con poco tiempo, a dejar el sábado resuelto. Numerar los pasos hace que se sepa dónde quedó y qué falta, y que nada se olvide en el camino.
Pizarra de formación
El link para el plantel
De todo lo que hace Renó, esto es lo que más se usa. El DT termina de preparar el partido y comparte un link: las jugadoras lo abren desde el celular y ven la convocatoria, el rival, la sede, el horario y el clima. Sin cuenta, sin app, sin buscar el mensaje perdido en el grupo.
Es una página pública y liviana, pensada para abrirse rápido en cualquier teléfono y en cualquier red. Fue también la mejor puerta de entrada al producto: la jugadora que abre el link un sábado es la que después pregunta con qué está armado.
Convocatoria compartida
Torneo sincronizado
Hoy
Renó está online y en uso. Hay planes pagos para DT y para clubes, prueba de 7 días y clientes fuera del Metropolitano, donde la herramienta funciona igual armando el calendario a mano.
Sigue creciendo todas las semanas. Es el proyecto donde ocupo los tres roles a la vez: decido qué se construye, lo diseño y lo implemento; y donde aprendí que la funcionalidad que más se agradece casi nunca es la más difícil de programar.
Más sobre Renó
Si querés ver el producto por dentro o conocer la marca: