层级世界
Tierworld
一款面向创作者的高级 Tier List 工具,将排行、评论、标签、素材复用与交互式网页发布整合进同一套工作流。采用本地优先的数据架构,并提供模板、Google Drive 备份与公开发布等完整功能。产品从设计、开发到部署均独立完成。
文章目录
Tierworld为什么诞生?
起源于我只是想在自己的个人站点里制作一个Tiermaker工具,以满足我的个人排行需求。
你可能会问为什么我不直接使用tiermaker,原因很简单,光是那老旧的UI和交互,对手机端支持不友好,对持久化的排行体验不稳定就足以让我制作一个自己的网页工具了。更何况现在有AI,只需要分分钟就能满足我的需求。
一开始我的Tiermaker的功能比较简陋,在tiermaker的基础上新增手机端支持,更多导入导出选项,以及对卡片评论,贴标签的功能,因为我认为只是单纯的排行不能够说明为什么我这么排,也无法保存我的观点我的想法。
第一版
紧接着就是我从中发现了巨大的差异化和需求,对于像我一样有排行+观点表达需求的用户,现有的传统tiermaker工具显然完全无法满足,传统tiermaker局限于卡片就只是一张图片,而不是能够修改的动态对象。 在我意识到这一点之后,我决定将tiermaker工具从我的个人站点独立出来,变成一个独立的工具网站。
至此,更名为Tierworld——
在重新思考了能够将我的想法商业化的方针后,我开始独立制作tierworld这个网站。

这是我第一次独立开发一个以商业化,也就是SaaS网站为目标的项目,因此我当然希望网站能更加完善,专业化。开发的过程经历过不少挫折,比如不断调整功能方向,兼具可用性,易用性和商业价值。
而正是因为在开发过程中不断调整架构,经历几度快速迭代后,代码变成了屎山代码,UI不统一,编辑器页面很多难以排查的前端渲染bug,一度令我怀疑人生。
Tierworld第一版的开发历程
第一版demo
基础的Tier编辑
项目管理页
手机端兼容
更丰富的编辑器功能和卡片编辑
新的网站配色和设计风格
项目管理页文件夹系统
导出分享
模板!
卡片管理库
分享成一个网页
最新的landing页面Tierworld的第一版最初的期望是打造一个更强大丰富的排行编辑器,卡片支持更丰富的观点编辑,更丰富的导入导出和备份功能,模板市场,以及一个用户能讨论的Tier List专属社区。
不过开发中期意识到,社区没那么好做,所以最终只是完成了社区demo页面,但是没有真正接入上线产品。
除此之外,开发中途还做了不少的策略调整,例如通过开发云端实时备份项目的功能,以此来收费,但是这个想法在后来一个礼拜的地狱折磨后就放弃了,云端同步开发涉及到的领域太多,要打造一个安全可靠的云端同步的开发工作量和复杂度我认为不是我一个人+AI就能搞定的事情,在权衡利弊后我决定完全移除云端相关功能,将项目定位为本地工具。
卡片库功能
另一个策略调整是卡片库,这个不是一开始就有的功能,而是在开发中途我意识到,很多项目会需要使用同一张卡片来做排行,因此一个统一的管理源是必要的,当所有卡片都来自卡片库,项目里的卡片只是作为权威卡片的分支,那么卡片的可复用性就会高很多。
当然,最终这个版本的Tierworld并没有将这个功能做好,中途加入的复杂功能,一下子牵涉到了太多的模块,导致引发了许多bug。卡片权威放在库里,那么每个独立项目内的分支卡片的数据如何处理,是同步还是独立,卡片的删除是否独立等等。
差不多是6月头,项目几乎陷入停滞,因为刚好是实习结束期间,我希望好好休息几天,结果就是近乎一个月没碰过代码。这时Tierworld的开发从最初,到设计到第一版几乎完成,已经用了三个月左右的时间。
Tierworld V2
在开学后的第二个礼拜,我下定决心重构整个项目,为了解决代码屎山,以及重新规划产品的策略。
这一次开发相对顺利,因为所有的策略,代码架构在一开始就已经定好雏形了,因此项目在UI一致性,系统稳定性,交互逻辑,功能丰富程度都比上一代Tierworld更好。我对产品的界面进行了优化,使其更像一个专业的项目管理工具;编辑器的性能也做了重点优化,可视化渲染理论能够支撑尽可能多的卡片,只是可能增加项目的加载时间。

Tierworld V2的核心功能包括: 1. 高级 Tier List 编辑:自由创建多行排行、拖拽排序、批量操作、缩放、撤销/重做等。 2. 卡片评论与标签:每个项目不仅能排序,还能附加评论、标签以及图片、音频、视频等内容,用来解释“为什么这样排”。 3. 素材库与跨排行复用:图片素材可以统一保存到 Library,并重复用于不同排行,不需要每次重新导入。 4. 模板系统:可从模板快速创建排行,也可以上传自己的 Asset Pack,按分类、标签进行公开或非公开分享。 5. 本地优先存储:项目数据默认保存在浏览器 IndexedDB / Cache Storage,不登录也可以使用核心编辑功能。 6. Google Drive 备份:可以主动将本地项目备份到 Google Drive,并在其他设备恢复。 7. 交互式网页发布:排行可以发布成独立网页,其他人能够点击卡片查看评论、标签和详细内容,而不只是看一张静态图片。 8. 发布权限控制:支持 Public、Unlisted、Private 等可见性设置,公开页面可以被搜索引擎收录。 9. 多媒体内容:评论和项目内容可以结合图片、视频、音频等媒体,而不局限于纯文字。 10. 移动端与桌面端使用:编辑器和发布内容均考虑桌面与移动设备使用。 11. 账号与云端体系:支持 Google OAuth、Magic Link 登录,云端负责账户、模板、发布内容等数据。 12. 导入、复制与项目管理:支持从模板创建、导入项目、Duplicate、Library 搜索筛选、Trash 恢复等完整项目管理流程。
关于产品方向
从功能列表就可以很明显地感受到,这已经不是一个娱乐工具了,Tierworld从设计之初就已经开始在往专业创作者用户的需求设计。
一个普通用户绝对不会需要什么卡片跨项目复用,本地储存架构,甚至是卡片评论和标签。95%的泛娱乐用户只需要能快速找到自己想要的模板,快速开始排行,只需要简单拖拖图片,然后分享给朋友或者发布到社交平台,一切就结束了。
而Tierworld处于冷启动阶段,没有模板,功能略微复杂,对于普通用户来说,这几乎是功能上的过度设计,他们既不需要也不会用。因此我也不期望Tierworld最终能吸引到多少普通用户,它解决的需求很小众,即使确实有解决传统Tier List网站的痛点。
因此我计划会在Reddit等垂直社区里寻找我的目标用户,将传统排行网站的痛点和Tierworld所解决的问题讲清楚,以此来获客。但最终结果如何我也尚不清楚(截止2026年8月22日)。
Tierworld对于我来说
我现在是一名大学生,家里的经济并不好,而我其实并不喜欢打卡上班的生活,我更希望未来我的生计能来自我在房间里的一切工作和努力。
Tierworld只是我的一次尝试,可以被视为一种投资,或者练手的项目。不管最终它成功与否,至少Tierworld的概念没有停留在一个念想,我真的去一个人调研,设计,开发,并最终部署发布,开始在平台上做宣传的工作。没有Tierworld,这一切都不会发生,因此这个项目对我的成长有很大的意义和价值。
项目现状(2026年8月)
我会持续维护Tierworld大约几个月,甚至可能是几年,因为即使使用频率不算高,我也依然是Tierworld的主要用户之一,因此我也会持续完善Tierworld的功能,修复Bug,持续宣传等等。
如今项目还处于Beta阶段,还不算正式版,因为没有足够的用户测试,可靠性与产品的市场还未被验证,还没有资格说Tierworld是一个正式产品。
最终会走到哪里,我也不知道,就留给未来去验证吧。
我叫丝月Sylunae,这是我的网名,我在未来还会持续开发我感兴趣的,有用的产品,期待看到这里的你能有兴趣与我合作,或者关注我的社交频道,谢谢!