
Fully Booked - Prototipo interactivo de Figma para web y móvil
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.
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.



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.


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.



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.



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.



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.



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
Excellent time keeping, great attitude, brilliant skill. highly recommend
dic 05, 2024
(5,0)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)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)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)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)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 - 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.
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.
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.

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.


