Saltar al contenido principal
Fully Booked Figma files and a wired prototype

Fully Booked - Prototipo interactivo de Figma para web y móvil

fully booked brand logoFully BookedServicios Adicionalesabr 24, 2023 - jun 24, 20252 años 3 meses

Cada fase de Fully Booked se montó como un prototipo navegable en Figma, para que el fundador pudiera probarla, cuestionarla y aprobarla antes de pagar por construirla. Tres archivos, para la app, la web de clientes y la administración, comparten un mismo conjunto de estilos y componentes, y los documentos que envían los operadores están prototipados junto con el toque que los envía. Los desarrolladores construyeron a partir de pantallas terminadas y no de suposiciones, y cada fase se mantuvo dentro de su alcance. El MVP lo diseñó otro miembro de Webanion; el rediseño de las fases 2, 3 y 4 es mío.

Figma
Md Moniruzzaman Image

Md Moniruzzaman

La historia completa

Los prototipos navegables convirtieron cada fase en algo que el fundador podía probar, cuestionar y aprobar antes de pagarlo.

Recorrer una fase antes de construirla

Cada fase de Fully Booked tenía un presupuesto cerrado y un fundador que necesitaba estar seguro de que funcionaría para los operadores. Un documento que describe una función es fácil de malinterpretar; un prototipo que se puede recorrer tocando la pantalla, no. Por eso cada fase se diseñaba y se conectaba primero en Figma, y el fundador la recorría antes de que empezara el desarrollo.

Un error detectado en un prototipo cuesta minutos, y el mismo error detectado en el código cuesta días. Trabajar así mantuvo cada fase dentro de su alcance y dio a los desarrolladores una referencia terminada de cada pantalla.

Tres archivos, un producto

El trabajo vive en tres archivos de Figma, uno para la aplicación móvil, otro para la web para clientes y otro para el panel de administración, que comparten un mismo conjunto de estilos de color y componentes. Un operador que pasa de la app a un PDF y a una página de negocio ve una sola marca, y un desarrollador que construye cualquier parte lee los mismos tokens.

Brand colour backdrop
The Figma project with three files: admin dashboard, mobile application and customer website
The mobile application file open in Figma

Conectado como el producto real

Las pantallas están enlazadas en flujos, así que tocar una reserva abre sus detalles, su ruta en el mapa y cada estado posterior. El prototipo de detalles de la reserva coloca cada variante una junto a otra con los recorridos entre ellas, y así el fundador aprobó las pantallas del mapa antes de que se construyeran.

Brand colour backdrop
The booking details prototype: every variation side by side with the connections between them

Cada documento, prototipado con el toque que lo envía

El conjunto de documentos, presupuestos, cancelaciones, invitaciones, facturas, confirmaciones y hojas para el conductor, se maquetó en Figma con flechas desde la pantalla de la app que envía cada uno. El fundador podía seguir el toque de un operador hasta la página que recibe el cliente, y aprobar la redacción al mismo tiempo.

Brand colour backdrop
The document prototype: each PDF connected to the app screen that sends it
The PDF set laid out for review in its colour variants

La pantalla de inicio, probada en variantes

La pantalla de inicio del operador pasó por varias versiones en el prototipo, todas sometidas a la misma prueba: ¿puede un operador ver lo que ha ganado y llegar con un toque a cada forma de ganar más? La variante elegida es la que tiene la app hoy.

Brand colour backdrop
Home screen variants in the prototype, wired to the screens they open
The chosen home screen

La página de negocio, antes de una línea de código

La página de negocio que trajo reservas directas a los operadores se diseñó completa, con galería de la flota, sección de presentación, reseñas, mapa, horario y formulario de reserva, y se revisó como prototipo antes de construir nada. La fase que introdujo las reservas directas partió de una página que todos habían aprobado ya.

Brand colour backdrop
The business page designed in Figma with its sections and states
The finished business page

Los archivos del panel y de la web para clientes

Los archivos del panel de administración y de la web para clientes contienen cada página y cada estado, desde el inicio de sesión hasta el pago, así que los desarrolladores web construyeron a partir de pantallas terminadas y no de suposiciones. Cada fase añadió sus páginas a los mismos archivos, lo que mantiene el producto coherente años después.

Brand colour backdrop
The admin dashboard Figma file
The customer website Figma file

Lo que aportaron los prototipos

Para el fundador, los prototipos significaron aprobar funciones con confianza y pagar solo por lo acordado. Para los desarrolladores significaron cero ambigüedad, y para operadores y clientes, pantallas que ya se habían debatido antes de llegar al teléfono de nadie.

El razonamiento detrás de las pantallas se cuenta en la historia de UI y UX, y el producto terminado, en la historia de Fully Booked.

Lo que dijeron

Dominic Dormer

Fundador de Fully Booked

3 años 7 meses

Excellent time keeping, great attitude, brilliant skill. highly recommend

dic 05, 2024

(5,0)

Darren Cromer

Director en Fully Booked

3 años 7 meses

Monir is an exceptional developer with outstanding expertise in his field. His advanced skills enable him to deliver results that surpass those of competitors. He is very thorough and has keen attention to detail, Monir is an excellent listener who can transform your ideas into reality with precision.

nov 28, 2024

(5,0)

Dominic Dormer

Fundador de Fully Booked

3 años 7 meses

Today marks one year of working with Monir, and this time has allowed me to know Monir as a truly dedicated individual. We have collaborated on my project daily for the past year, and not once has Monir failed to respond. Monir has invested tremendous effort and focus into this project, working late nights and early mornings, always available to answer calls and resolve issues. There has never been a moment when Monir turned down work or shirked responsibility. The project is growing day by day, and if it becomes a success, it will be largely thanks to Monir's unwavering dedication.

jul 03, 2024

(5,0)

Dominic Dormer

Fundador de Fully Booked

3 años 7 meses

I cannot express enough gratitude for Monir's exceptional work as a full-stack developer. Over the past 8 months, Monir has been instrumental in bringing my vision to life by diligently crafting a sophisticated platform that exceeds all expectations. Monir's proficiency in his craft is unparalleled. His technical expertise, coupled with his creative problem-solving skills, has consistently resulted in innovative solutions that have elevated our platform to new heights. His ability to seamlessly navigate through complex challenges showcases his mastery of both front-end and back-end development. Beyond his technical prowess, Monir's professionalism and dedication are truly commendable. He has demonstrated unwavering commitment and reliability throughout the entire development process, ensuring that every aspect of the platform is meticulously crafted to perfection. Working with Monir has been an absolute pleasure. His clear communication, attention to detail, and proactive approach have made collaboration effortless and enjoyable. He has not only met deadlines consistently but has also gone above and beyond to deliver features that surpass expectations. In conclusion, Monir is not just a developer; he is a visionary who brings passion, expertise, and dedication to every project he undertakes. I am immensely grateful for his invaluable contributions to our platform, and I wholeheartedly recommend him to anyone seeking a top-tier full-stack developer. Thank you, Monir, for your outstanding work and unwavering commitment to excellence. You are truly a standout talent in your field.

mar 27, 2024

(5,0)

Dominic Dormer

Fundador de Fully Booked

3 años 7 meses

Monir is a very experienced developer. I have been working with him very closely for 8 months now. He has achieved every goal that we planned. He has taken on very complex challenges with the project that we have created and has been able to solve every issue that we've faced. He is extremely hard working. He works day and night. He's work ethic is excellent. He never complains or give excuses. My project is beautiful now and I can't wait to promote it to the world.

ene 21, 2024

(5,0)

Dominic Dormer

Fundador de Fully Booked

3 años 7 meses

Monir has been working on my project for the last 3-4 months. We have been speaking and creating ideas to improve this project on a daily basis. The project is now complete and I can honestly say Monir is one of the best people I've ever worked with. Every single commitment that Monir promised from the beginning of this journey he stuck to and achieved. He never moaned, complained or made an excuse about anything. He completed every single commitment that we agreed upon. Monir worked early mornings and late nights until he produce the project I asked of him, and now my business journey is ready to move forward and I'm completely glad that I choose Monir to create this platform for me. The project consisted of an admin panel a customer website and an app. All projects were built to high specification and have very sophisticated features. I would definitely recommend monir to anyone looking for a serious developer.

oct 18, 2023

(5,0)

También te puede gustar

fully booked brand logo
Fully Booked Video Editing
Servicios Adicionales
2 años 3 meses
fully booked brand logo

Fully Booked - Producción de videos promocionales y tutoriales

Un vídeo promocional que recorre con un operador de minibuses del Reino Unido las ventajas de Fully Booked en el orden en que le importan, hecho con la app real y no con imágenes de archivo. Empieza por el propio problema del operador, dedica a cada ventaja un momento en una pantalla real y se editó en varias duraciones, desde un gancho de pocos segundos para redes sociales hasta una versión completa para páginas de destino y las fichas de las tiendas.

Md Moniruzzaman Image

Md Moniruzzaman

jun 24, 2025

+1
Dominic Dormer
fully booked brand logo

Fully Booked - Migración sin Tiempo de Inactividad a Kubernetes Autoalojado

Fully Booked funcionaba sobre infraestructura gestionada en la nube, con una factura que crecía cada mes y una pila que nadie controlaba del todo. Trasladamos toda la plataforma a un clúster de Kubernetes autoalojado sin un minuto de interrupción para quienes la usaban. El cambio abarcó DNS, ingress, bases de datos y el pipeline de despliegue, escalonado de modo que el tráfico se movía solo una vez probada cada capa en el clúster nuevo. Nadie que usara la aplicación esa semana notó nada, que era exactamente el objetivo. La factura recurrente pasó a ser hardware propio, y ese mismo clúster sostiene hoy las publicaciones semanales de la plataforma.

Md Moniruzzaman Image

Md Moniruzzaman

jun 23, 2026

+1
Dominic Dormer
fully booked brand logo
Fully Booked Photoshop Design
Servicios Adicionales
2 años 3 meses
fully booked brand logo

Fully Booked - Diseño de activos visuales con Photoshop

Capturas para las tiendas, un gráfico destacado, un icono de app y el arte de los correos, creados en Photoshop a partir de pantallas reales para que una plataforma joven parezca consolidada ante los operadores. Las capturas cuentan la propuesta en cinco deslizamientos en cada tamaño que exigen Apple y Google, cada correo se abre con su propia ilustración en los colores de la marca, y el icono y las pantallas de bienvenida llevan el logotipo de dos manos que se encuentran.

Md Moniruzzaman Image

Md Moniruzzaman

jun 24, 2025

+1
Dominic Dormer
Read the Md Moniruzzaman blog

El blog son notas de campo desde producción: decisiones de arquitectura, sistemas de AI que sobrevivieron al contacto con usuarios reales e infraestructura que se paga sola. Escrito desde el trabajo, no sobre él.