02 · Sports event SaaS

Connected operations for sports events

BEOND · Founder & Product Lead

  • 10 Live events
  • 05 Paying organizers
  • ~10K People used the platform
BEOND interface

Case study

BEOND

From fragmented race operations to one connected event platform. BEOND has operated across 10 live events for five paying organizers, with approximately 10,000 people using at least one platform capability.

Role
Founder & Product Lead
Timeline
August 2025 — Present
Core stack
React · TypeScript · Vite · Tailwind · Supabase · Leaflet · Recharts
EVENT COMMAND CENTERLive payments · live reporting

Live events

10

real races, not a pilot

Paying organizers

5

commercial clients

People used the platform

~10K

used at least one capability

01 · Traction

01

02/12

Designed against real commercial and operational pressure

BEOND operated in real races rather than only in a pilot: 10 live events, five paying organizers and approximately 10,000 people using at least one capability. Collection, reconciliation and post-event reporting run in production.

Events supported include Pájara Race, Carrera Atlética Compensar, Gran Fondo Egan Bernal, UCI Gran Fondo Bogotá and Gran Fondo Tunja. During Gran Fondo Egan Bernal, BEOND recorded 130 incidents, including 11 health-related reports.

02 · Ownership

02

03/12

Founder ownership from product strategy to live operation

I defined the product strategy, conducted research with athletes and organizers, designed the complete system, established the design language, implemented core React interfaces and operated the platform alongside organizers during real events.

Live delivery became a continuous research loop: every event exposed participant friction, operational risk and commercial priorities.

  • 01Product strategy — BEOND as a reusable event-operations platform, not a custom website service
  • 02Research — interviews with athletes, organizers and clubs; audits of real registration flows; event-day observation
  • 03End-to-end design — participant journey, organizer platform, Race Day workflows and post-event reporting
  • 04Design system — reusable tokens and components for public pages, participant flows and dense organizer tools
  • 05Front-end — React and Tailwind interfaces including registration, QR experiences and public event pages
  • 06Launch and operation — payments, event-day execution, incidents and reporting with organizers

03 · Opportunity

03

04/12

Organizers were assembling one event from unrelated tools

Organizers connected landing pages, forms, payment providers, spreadsheets, WhatsApp and manual reports. Every handoff created another place where data or responsibility could break.

Participants experienced the same fragmentation from the other side: they discovered an event, compared categories, paid, registered, received updates and found Race Day information through disconnected touchpoints.

  • 01Registration — long forms, repeated personal information and manual validation
  • 02Payments — transfers and screenshots reconciled by hand
  • 03Participant identity — emergency contact, size, insurance and category requested again for every event
  • 04Race Day — printed lists, duplicated kit delivery and limited payment visibility
  • 05Incidents — radio and WhatsApp reports without structured location, severity or history
  • 06Reporting — participants, payments, results and incidents exported from separate sources

Interface · Event discovery

Desktop

The public product is the entry point of the operation: participants find, compare and open an event from one place.

BEOND event discovery dashboard — recommended and all events

04 · Research

04

05/12

Research followed the complete event lifecycle

18 interviews with athletes, organizers and clubs; four organizers observed in event operations; an audit of 12 real event-registration experiences; and two usability rounds with five participants each — ten moderated sessions in total.

“I already know my health provider and shirt size by heart because every registration asks me to write them again.” — Amateur athlete. “The night before the race, I stay up reconciling the spreadsheet with payment confirmations.” — Organizer.

  • 0114 of 18 participants had abandoned at least one registration because of payment or form friction
  • 02The observed baseline registration flow took roughly eight to twelve minutes
  • 03Organizers used an average of three channels to complete one registration
  • 04Most observed registrations happened on mobile

05 · Strategy

05

06/12

One reusable product, not a custom site for every race

Each organizer can launch a branded event experience while registration, payments, participant records, Race Day operation and reporting remain part of one reusable system. Presentation changes by event; the operational core does not need to be rebuilt.

Participant path: Discover → Event detail → Category → Profile → Payment → QR credential → Race Day → Results. Organizer path: Create event → Configure categories → Manage participants → Reconcile payments → Check-in → Incidents → Results and reporting.

  • 01Event discovery, branded event pages and GPX routes
  • 02Registration, category selection, local payments and reconciliation
  • 03Reusable athlete profiles, surveys and mobile bib/QR credential
  • 04Race Day check-in, volunteers and incident reporting
  • 05Organizer dashboard, participant export, results, certificates and sponsors

06 · Workflows

06

07/12

Six workflows prove the complete event lifecycle

Registration became a four-step flow with a reusable athlete profile, a persistent price summary and an immediate QR credential that stays useful on Race Day. Organizers configure events themselves through a self-service editor with autosaving drafts and a publication checklist.

Public screens are captured from production. Private organizer and Race Day workflows are faithful reconstructions using anonymized or demonstration data; certificate generation is labelled as pilot functionality.

  • 01Registration and payment — category and price visible before authentication, PSE/Nequi/card, QR confirmation
  • 02Organizer event creation — autosave, category/price/capacity rules, publication blocked until complete
  • 03Race Day QR check-in — high-contrast one-handed scanner with explicit exception states and offline queueing
  • 04Organizer dashboard — funnel metrics, payment filters, kit status and XLSX export on one participant record
  • 05Incident management — type first, automatic GPS and route kilometer, georeferenced command map
  • 06Results, certificates and reporting — the same bib identity closes the lifecycle inside BEOND

07 · Decision

07

08/12

Registration became one continuous operational flow

The initial process crossed a form, a payment application, WhatsApp and an organizer spreadsheet. Version 1 was one long page and five of eight participants abandoned the prototype. Version 2, a five-step wizard, improved completion but users reached payment without confidence in the final price.

Version 3 — four steps with a persistent price summary — keeps category, total and payment state visible and produces the operational credential immediately.

  • 01Nineteen-field form → four-step registration
  • 02Payment confirmation through chat → local payment status inside the product
  • 03Printed check-in list → QR scanner with live participant data
  • 04Data rewritten for every event → reusable athlete profile

Interface · Registration and payment

Mobile

Registration runs as one continuous flow on the device participants actually use, ending in payment and a confirmed record.

BEOND mobile discovery screen with event cards
BEOND mobile event detail with registration pricing and payment summary

08 · Validation

08

09/12

Two rounds connected usability findings to shipped changes

Ten moderated sessions across two rounds. Registering for an event moved from 3/5 to 5/5, finding the QR after payment from 2/5 to 5/5, publishing an event from 2/5 to 4/5 and checking in three participants from 4/5 to 5/5. Five of five participants completed registration without help in round two — eight of ten across both rounds.

Observed registration time fell from roughly eight to twelve minutes across disconnected tools to about two minutes in the moderated product flow.

  • 01The QR became reachable from the profile and event detail, not only the success screen
  • 02PSE payment received an explicit pending/approved state
  • 03Event creation began autosaving after every step
  • 04The checkout total stayed visible before and during payment

Interface · Operational proof

Desktop

Organizer planning and Race Day command: the event calendar coordinates the season, and the live map holds route, checkpoints and incident reporting during the race.

BEOND organizer event calendar with scheduled races
BEOND live command map with route, checkpoints and incident reporting

09 · Engineering

09

10/12

One design system across public pages, participant flows and organizer tools

I designed the product system and implemented core interfaces in React. Shared naming between design tokens and CSS reduced translation between visual intent and production components.

Accessibility: minimum AA contrast with higher contrast for critical Race Day states, 44 px touch targets, native mobile form controls, visible keyboard focus, modal focus management and 16 px base input text to avoid iOS zoom.

  • 01React and TypeScript interfaces with Tailwind component styling and semantic tokens
  • 02Registration and QR components across responsive public and authenticated experiences
  • 03Map interfaces with Leaflet and data visualization with Recharts
  • 04Supabase-backed product states
  • 05Performance through route splitting, lazy images and loading skeletons

10 · Results

10

11/12

Business, usability and live-operation evidence

Ten live events, five paying organizers, payments and reporting operating in production, and approximately 10,000 people using at least one capability across five flagship event formats. QR-supported field operation registered 130 incidents in one flagship event, including 11 health-related reports.

Business and adoption figures come from production activity across supported events; usability figures come from ten moderated sessions across two rounds.

  • 01Trade-off: responsive web and PWA reach before native, because registration starts from shared links
  • 02Trade-off: flexible event branding on one operational model, never bespoke sites
  • 03Trade-off: reusable athlete profile over registration detail, requesting only event-specific confirmation
  • 04Trade-off: local payment methods prioritized over generic global defaults

11 · Reflection

11

12/12

Live operations are a continuous form of product research

The participant experience and the organizer data model must be designed together, and exceptions — not the happy path — determine whether an event tool works under pressure. Reusable product infrastructure creates more leverage than rebuilding branded sites.

Next: stronger organizer self-service, more robust offline Race Day operation, results and certificates beyond pilot status, cross-event athlete identity and deeper post-event analytics.

Live product

See the work in its real context.