# Fully Booked - Diseño UI/UX para app móvil y panel de administración

Company: Fully Booked
Service: Servicios Adicionales
Period: 2023-04 - 2025-06
Tech: UI/UX Design
Canonical: https://webanion.com/es/portfolio/fully-booked-ui-ux-design-for-mobile-app-and-admin-panel

Cada pantalla de Fully Booked empezó como un boceto que el fundador aprobaba antes de pagar una sola línea de código, y cada una responde a un problema de un operador o de un cliente. La pantalla de inicio del operador se convirtió en un menú de ingresos, Get Covered mantuvo el orden de su flujo dibujado a mano, los presupuestos y las cartas de cancelación salieron de las propias palabras del fundador, y la administración pasó de cinco pestañas en wireframe a la sala de control de la red. Las pantallas del MVP las diseñó otro miembro de Webanion; las fases 2, 3 y 4 las rediseñé yo mismo en Figma, a partir de estos flujos.

## La historia completa

Cada pantalla responde primero a un problema de negocio, y se dibujó en papel antes de que construirla costara nada.

### Boceto antes que código

<p>Fully Booked se construyó por fases con el presupuesto de un fundador, así que cada flujo se dibujaba y se acordaba antes de escribir una sola línea de código. El fundador podía ver una función completa en papel, discutirla y cambiarla mientras los cambios no costaban nada. Solo entonces las pantallas pasaban a diseño y desarrollo.</p><p>Las pantallas que siguen recorren ese camino del boceto al diseño publicado, y cada una existe porque un operador o un cliente tenía un problema que había que resolver. Las pantallas del MVP las diseñó una persona del equipo de Webanion; el rediseño de las fases 2, 3 y 4 lo dibujó en Figma el propio fundador de Webanion, a partir de estos flujos.</p>

### La pantalla de inicio es un menú de ingresos

<p>El primer boceto de la app de operadores, dibujado en 2023, ponía en la pantalla de inicio las ganancias y un único botón Refer a Link. El principio se mantuvo. Hoy la pantalla de inicio muestra lo que el operador ha ganado y cada forma de ganar más, a un toque cada una: solicitudes de clientes, recomendadas y de afiliados, reservas, presupuestos, cancelaciones, contactos, Get Covered y Earn Commission.</p>

### Get Covered, del flujo a las pantallas

<p>Get Covered empezó como un flujo dibujado a mano: describir el viaje, elegir quién lo ve, todas las empresas, los socios o alguien fuera de la plataforma, y después comparar las empresas que responden y aceptar una. Las pantallas publicadas mantienen exactamente ese orden.</p><p>El operador en apuros ve quién se ha ofrecido y a qué precio, y el operador que cubre el viaje consigue un trabajo y una factura sin una sola llamada.</p>

### Un presupuesto profesional en segundos

<p>Los operadores pierden trabajo frente a empresas que simplemente responden antes. El flujo de Send a Quote se dibujó con un atajo: un presupuesto rápido que solo necesita un precio, o una vía para añadir el viaje completo. Los dos generan un PDF con la marca del operador que termina con un enlace para que el cliente compare más presupuestos, lo que devuelve a la red incluso un presupuesto perdido.</p>

### Cancelar sin perder al cliente

<p>Una avería solía significar una llamada incómoda y un cliente perdido. El flujo de cancelación, dibujado a partir del propio mensaje de cancelación del fundador, pregunta el motivo y redacta una carta cortés que envía al cliente a la red para encontrar otra empresa rápidamente.</p><p>El cliente queda atendido, y el operador que cancela todavía puede ganar una comisión con la nueva reserva.</p>

### Seguir un contacto como un paquete

<p>El fundador preguntó si los operadores podían seguir un contacto compartido igual que siguen un paquete. La respuesta es una línea de progreso en cada recomendación: contacto enviado, el cliente completó los datos, los operadores respondieron, una empresa reservó, ya has cobrado. Convierte un gesto de buena voluntad en algo que el operador puede ver dando resultado.</p>

### Confianza desde la puerta

<p>Los nuevos operadores tenían que ser revisados antes de poder presupuestar, sin dejarlos en un callejón sin salida. La pantalla de cuenta en pausa se dibujó a partir de cómo un banco avisa a un cliente de que su cuenta está en revisión: una línea de tiempo con cuenta completada, aprobada y en pausa, una frase que dice que el equipo está en ello y una forma de llamar o escribir al soporte.</p><p>El fundador libera la cuenta desde el panel, y la app avanza por sí sola.</p>

### El panel, del wireframe a la sala de control

<p>El panel de administración empezó como wireframes de cinco pestañas: panel, empresas, clientes, recomendaciones y transacciones. El panel publicado conserva ese esqueleto y creció a su alrededor al ritmo de la red, sumando aprobaciones, carteras, coberturas, presupuestos y moderación sin perder el propósito de la primera pantalla: qué necesita hoy el fundador.</p>
