Reserva tu campo
Case study · Product & front-end

Reserva tu campo

RoleUI design + front-end lead
Year2024
StackFigma · React · TypeScript · Tailwind

A booking platform for football pitches — led UI design and front-end with a cross-country team, from idea to live product.

I was part of the UI design and the Frontend for this web application that uses React and TypeScript, Tailwind and Flowbite libraries. In the backend, a REST API has been implemented to manage a shift booking system, using MongoDB as database.

Landing page with main booking form.

Search results with Geo localization using Pidgeon maps.

Booking by date, sport camp and hour.

The user can access the reservation history.

Informative view of the benefits of the site.

Quick page with information about the company.

Context

A team project (No Country tech bootcamp) to build a platform where players find and reserve a football pitch in a few taps — and where pitch owners manage availability.

Role

I led the UI design and front-end. I defined the interface in Figma and built it with the team in React + Tailwind, coordinating a cross-country group of developers and designers from idea to a working live product.

Process

  • Discovery — mapped the booking flow and the two sides of the marketplace: players reserving, owners listing.
  • UI system — a clean, mobile-first design system in Figma: type scale, components, and the reservation flow.
  • Build — translated the design into React + Tailwind components and wired the end-to-end reservation flow with the team.

Outcome

Shipped a working, live product within the bootcamp timeline, coordinating a remote multidisciplinary team from first wireframe to a deployed booking flow players could actually use.

UI designReactTailwindFigmaTypeScript