Reservas, Deportes, Web app, Panel administrativo, Pagos
Encuentra un partido o el jugador que te falta.
Plataforma para reservar canchas y armar partidos abiertos en Barranquilla, con Mesa, un panel para que los dueños de las sedes gestionen su agenda y sus cobros.
Encuentra un partido o el jugador que te falta. Y si tienes una cancha, adminístrala desde Mesa.
Cómo lo hicimos
- La idea: en Barranquilla siempre falta "uno para completar". BaFut une a jugadores sueltos, equipos incompletos y canchas libres.
- Producto jugador: partidos abiertos y reservas desde el celular, como app instalable (PWA).
- Mesa: panel para dueños de sedes con horarios, reservas, cobros y movimientos.
- Pagos: cobros en línea con Wompi, la pasarela colombiana.
Retos y soluciones
RetoQue funcione igual en un celular básico que en un monitor grande.
SoluciónUn único sistema de diseño probado en 360, 390, 768 y 1280 px.
RetoQue cualquiera pueda usarlo, también con poca visión o con el dedo en movimiento.
SoluciónContraste AA, botones de al menos 44 px y tablas legibles para lectores de pantalla cuando se apilan en móvil.
RetoDos públicos muy distintos: el jugador y el dueño de sede.
SoluciónDos productos con la misma base: BaFut para jugar y Mesa para gestionar, con su propia biblioteca de componentes.
Datos que sorprenden
Para todosSin descargar nada de una tienda: BaFut se instala desde el navegador.
TécnicoUn solo sistema de diseño con tokens compartidos alimenta dos productos: BaFut y Mesa.
TécnicoAccesibilidad AA en los cuatro tamaños de pantalla, con zonas táctiles de 44 px mínimo.
Stack
Next.js, TypeScript, Supabase, Railway, Wompi, PWA, Resend, Penpot PROYECTO PROPIO · EN DESARROLLOSobre el proyecto
BaFut conecta a jugadores y canchas en Barranquilla. Desde el celular puedes encontrar un partido abierto, sumarte a un equipo al que le falta gente o reservar una cancha en pocos pasos.
Mesa es el panel para dueños de sedes. Ahí manejan horarios, reservas, cobros y movimientos, sobre un sistema de diseño propio que cumple accesibilidad AA en todos los tamaños de pantalla.
Estado: en desarrollo.
PEDIR PROPUESTA¿TIENES UN PROYECTO EN MENTE?
Cuéntanos qué necesitas y te respondemos con una propuesta.
Pedir propuesta →