跳到主要内容
Fully Booked Figma files and a wired prototype

Fully Booked - Web 和移动端的交互式 Figma 原型

fully booked brand logoFully Booked附加服务4月 24, 2023 - 6月 24, 20252 年 3 个月

Fully Booked 的每个阶段都被连成一个可点击的 Figma 原型,让创始人在为开发付费之前就能试用、质疑并批准。应用、客户网站和管理后台三个文件共用一套样式和组件,运营商发出的文档也连同发送它们的那一次点击一起做成原型。开发人员依据完成的画面而不是猜测来构建,每个阶段都控制在范围之内。MVP 由 Webanion 的另一位设计师设计;第 2、3、4 阶段的重新设计由我本人完成。

Figma
Md Moniruzzaman Image

Md Moniruzzaman

完整故事

可点击的原型让每个阶段都变成创始人在付款之前就能试用、提问和批准的东西。

开发之前,先把一个阶段点一遍

Fully Booked 的每个阶段都有固定预算,而创始人需要确信它对运营商真正有用。描述功能的文档很容易被误读,可以一路点击体验的原型却不会。因此每个阶段都先在 Figma 中完成设计和连线,创始人在开发开始前亲手点一遍。

在原型里发现一个错误只需几分钟,而在代码里发现同样的错误要花上几天。这样的工作方式让每个阶段都不超出范围,也让开发人员拿到每个界面的完整参照。

三个文件,一个产品

这些设计分布在三个 Figma 文件中,分别对应移动应用、客户网站和管理后台,共用同一套颜色样式和组件。运营商从应用切换到 PDF 再到业务主页,看到的是同一个品牌;开发人员无论构建哪个界面,读取的都是同一套设计令牌。

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

像真实产品一样连线

界面被连接成完整流程,点击一笔预订就会打开它的详情、地图上的路线以及之后的每一种状态。预订详情原型把每种变体并排摆放,并标出它们之间的跳转路径,创始人正是这样在地图界面开发之前就批准了它们。

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

每份文档,连同发出它的那一下点击一起做成原型

整套文档(报价单、取消通知、邀请函、发票、确认函和司机行程单)都在 Figma 中排好版,并用箭头连到发出每份文档的应用界面。创始人可以顺着运营商的一次点击,一路看到客户收到的那一页,同时审定措辞。

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

主屏幕,多个方案反复尝试

运营商主屏幕在原型中经历了好几个版本,每个版本都要通过同一项检验:运营商能否看到自己赚了多少,并一键到达每一种多赚钱的途径。最终选定的方案,就是今天应用中的样子。

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

业务主页,写代码之前就已成形

为运营商带来直接预订的业务主页在开发前就已完整设计,包括车队相册、简介、评价、地图、营业时间和预订表单,并以原型形式完成评审。引入直接预订的那个阶段,起点就是一个大家早已认可的页面。

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

管理后台和客户网站文件

管理后台和客户网站的文件涵盖从登录到付款的每个页面和每种状态,因此网页开发人员依据的是完成的画面,而不是猜测。每个阶段都把新页面加到同样的文件里,让产品在多年之后依然保持一致。

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

原型带来了什么

对创始人来说,原型意味着能放心地批准功能,并且只为已经商定的内容付费。对开发人员来说,它意味着没有歧义;对运营商和客户来说,它意味着每个界面在送到任何人的手机之前都已经过充分讨论。

界面背后的思考见UI 与 UX 故事,成品见Fully Booked 故事。

他们的评价

Dominic Dormer

Fully Booked 的 创始人

3 年 7 个月

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

12月 05, 2024

(5.0)

Darren Cromer

Fully Booked 在 总监

3 年 7 个月

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.

11月 28, 2024

(5.0)

Dominic Dormer

Fully Booked 的 创始人

3 年 7 个月

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.

7月 03, 2024

(5.0)

Dominic Dormer

Fully Booked 的 创始人

3 年 7 个月

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.

3月 27, 2024

(5.0)

Dominic Dormer

Fully Booked 的 创始人

3 年 7 个月

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.

1月 21, 2024

(5.0)

Dominic Dormer

Fully Booked 的 创始人

3 年 7 个月

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.

10月 18, 2023

(5.0)

你可能也喜欢

fully booked brand logo
Fully Booked Video Editing
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:推广和教程视频制作

一支推广视频,按照英国小巴运营商最关心的顺序,带他们了解 Fully Booked 的好处,用的是真实应用而不是素材库画面。视频从运营商自己的问题开篇,每项好处都在真实界面上占一个节拍,并剪成多种时长,从社交信息流上几秒钟的开场钩子,到用于落地页和应用商店页面的完整版本。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
fully booked brand logo

Fully Booked:零停机迁移到自托管 Kubernetes

Fully Booked 此前运行在托管云基础设施上,账单逐月上涨,整套技术栈也无人真正拥有。我们把整个平台迁移到自托管的 Kubernetes 集群,全程没有让用户经历一分钟的停机。切换覆盖 DNS、入口网关、数据库和发布流水线,并分阶段推进:只有当某一层在新集群上得到验证之后,流量才会转移过去。那一周使用这款应用的人都没有察觉发生了什么,而这正是目标所在。每月的账单变成了自有硬件,如今同一个集群还承载着平台每周的版本发布。

Md Moniruzzaman Image

Md Moniruzzaman

6月 23, 2026

+1
Dominic Dormer
fully booked brand logo
Fully Booked Photoshop Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:使用 Photoshop 的视觉资产设计

商店截图、宣传图、应用图标和邮件插画,都在 Photoshop 中用真实界面制作,让一个年轻的平台在运营商眼中显得成熟可靠。截图在 Apple 和 Google 要求的每种尺寸下用五次滑动讲完整个卖点,每封邮件都以一幅品牌配色的专属插画开头,图标和启动画面上是两只手相握的标志。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

+1
Dominic Dormer
Read the Md Moniruzzaman blog

博客是来自生产一线的笔记:架构决策、经受住真实用户考验的 AI 系统、能自己挣回成本的基础设施。写于工作之中,而不是隔岸观火。