跳到主要内容

其他的

平台周边那些既不是应用也不是网站的部分:gm-libs,用于认证、数据、界面和后台任务的可复用 TypeScript 软件包,Webanion 的每个前端和后端都以它们为起点;以及一个产品的设计历程,从交互式 Figma 原型及其 UI/UX,到把它推向市场的视觉素材和教程视频。

Webanion brand logo
gm-libs packages in the homelab console
附加服务
5 个月
Webanion brand logo

gm-libs:每个 Webanion 前端与后端起步所依托的软件包

一个带版本、与框架无关的软件包家族,Webanion 的每个前端和后端都以它为起点,服务端有一层 NestJS,客户端有 React、Vue 和 Expo 绑定:支持通行密钥和单点登录的身份认证、功能开关、审计日志、多租户数据、加密、文件、文档、消息、实时与离线、webhook、worker 和一套 UI 组件库。每个包都有自己的私有仓库和独立发布,从工作室的私有 npm registry 安装,工作室的控制台会显示哪个消费方在哪个版本上落后。

Md Moniruzzaman Image

Md Moniruzzaman

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 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
fully booked brand logo
Fully Booked UI UX Design
附加服务
2 年 3 个月
fully booked brand logo

Fully Booked:移动应用和管理面板的 UI/UX 设计

Fully Booked 的每一个界面都始于一张草图,在为任何代码付费之前就由创始人批准,每一个界面都在回答运营商或客户的某个问题。运营商首页变成了一份收入菜单,Get Covered 保留了手绘流程的顺序,报价单和取消信来自创始人自己的措辞,管理后台则从五个线框标签页成长为整个网络的控制室。MVP 的界面由 Webanion 的另一位设计师设计;第 2、3、4 阶段由我本人以这些流程为基础在 Figma 中重新设计。

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

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

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

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

Md Moniruzzaman Image

Md Moniruzzaman

6月 24, 2025

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

Fully Booked:使用 Canva 的营销和推广设计

六则广告,每则向英国小巴和大巴运营商推销 Fully Booked 的一项好处,用真实的应用界面在 Canva 中制作。把询价转化为预订、运营商自己网站上的预订中心、几秒钟出报价、所有预订集中一处、由可信赖的合作伙伴接单,以及只按预订付费:每则广告一个承诺,统一的视觉风格,再加上一套组件,让下一则广告几分钟就能完成。同一套视觉素材后来也成为推广视频的基础。

Md Moniruzzaman Image

Md Moniruzzaman

6月 20, 2025

+1
Dominic Dormer

按标签浏览这些作品

我构建的其他领域

MCP 服务器把真实平台开放给 AI 助手,Agent 流水线在人工审批关卡之后完成真正的编辑工作,还有让这一切在生产环境持续运转的基础设施。它们作为系统构建,经过认证、限定范围并被审计,从来不是演示品。

基于 React Native 与 Expo 构建的 iOS 和 Android 应用,作为其背后平台的一个组成部分:与网站共用同一套后端、认证和数据模型,并以同一节奏在应用商店发布。这里的作品包括面向英国小巴与大巴运营商的预订平台和工作共享网络,历时十八个月交付的旅行者求助应用,面向学生的生活技能应用,本地体育应用,一款经销商开票工具,以及一个粉丝平台。

基于 Electron 与 React 的桌面软件,服务于留在本机上的工作:支持离线运行,打包适配 Windows、macOS 和 Linux,并在有平台时像其他客户端一样接入平台后端。本栏目的示例是 Keyboard Tracker,一款自带报告生成器的员工活动追踪工具。

基于无头 CMS、使用 React 与 Next.js 构建的 Web 平台及其前台网站:支撑企业日常运营的管理后台、客户门户、一家合作社的账本与贷款系统,以及加载迅速、便于搜索引擎和 AI 爬虫读取的公开网站。无论规模大小,都采用服务端渲染、多语言本地化,并持续度量。

让平台持续在线的基础设施与发布工作:从托管云迁移到自托管 Kubernetes 的生产环境迁移,全程无停机记录;部署在 Cloudflare 之后的 Docker 化服务,推送即发布的 CI/CD,以及通过应用商店审核的移动端发布。备份、TLS 与监控是工作本身的一部分,而非额外项。

可嵌入的组件,把平台带到别人的网站上。借助 Prebooked 小部件,小巴或大巴运营商可以在自己的网站上直接提供预订,由背后的 Fully Booked 平台支撑,客户无需离开页面即可完成预订。安装轻便,并与它所扩展的产品保持同样的标准。