通过原型开发实现的大规模SNS运营管理系统「TOYOTA Social Hub」
一款Web应用程序「TOYOTA Social Hub」，可统一管理丰田官方SNS、PR及邮件杂志的运营工作，涵盖从案件录入、素材提交、测试发布、审批、发布后检查到效果评估的全部流程，涉及多个部门、运营事务局及审批人员。
小规模开发团队在确认实际业务流程的同时反复进行原型开发，力求打造一个让200名以上相关人员（截至2026年8月21日）无需犹豫即可使用的界面，以应对复杂的审批流程和各媒体的限制。
项目概要
本项目由Toyota Konic Pro株式会社担任项目负责方，Liberogic负责UI/UX设计与系统开发。
在一个系统中管理与发布相关的复杂工作流程，包括案件录入、发布日程协调、素材提交、测试发布、多阶段审批、发布后检查以及效果评估与报告。
背景与课题
在以往的运营中，SNS、PR及邮件杂志各自通过Excel、邮件或口头等方式进行发布请求、确认与审批。
多名负责人、事务局及审批人员之间的邮件容易交错，负责案件的进展状况难以掌握，修改与确认的往返次数也随之增多，这些都是当时面临的课题。
此外，各SNS媒体在发布格式、字数、图片、视频及发布时间等规则上各不相同，因此不仅需要登记信息，还需要能够准确掌握各媒体的条件与审批状态的机制。为此，我们比较并研讨了多种实现方案，包括活用现有SaaS以及与业务管理系统进行API对接。
现代化的技术架构
前端采用 Next.js 与 Cloudflare Workers，后端、数据库和身份验证则使用 Supabase。
通过结合托管服务与无服务器技术，我们在不过度扩大开发和运维团队规模的前提下，构建了便于后续功能扩展和运维变更的架构。
小团队的原型驱动式开发
对于 TSH 这类业务系统，如果在开发前把所有需求一次性固定下来，可能会产生与实际运营不匹配的界面和操作。
因此，我们在梳理业务流程的同时，尽早将界面制作成原型，通过相关人员的反复确认与调整来推进开发。
我们没有组建大规模的开发团队，而是由一个小团队跨越设计、UI 与实现全程负责，从而缩短决策与改进的循环周期。
不是简单地将现有业务原样复现到界面上，而是
- 当前我需要处理的项目是什么
- 接下来应该做哪项工作
- 是谁的审批正在等待
- 哪个媒体的工作已经完成
等信息，力求以让用户一目了然的结构进行呈现。
在同一个 UI 中管理多种角色与媒体
在 TSH 中，投稿委托人、外部事务局、运营事务局、主编等角色各不相同的用户会使用同一系统。
由于各角色所需的信息和操作权限不同，因此我们设计为根据角色切换显示内容及可操作范围。
此外，在跨 X、Facebook、Instagram、TikTok、LINE、PR、邮件杂志等多个媒体进行管理的同时，也支持各媒体特有的输入项目和限制。
按项目分别
素材提交 → 测试发布 → 事务局审批 → 投稿委托人审批 → 主编审批 → W 检查 → 投稿 → 投稿后检查 → 报告录入
可视化该进展状况，并支持按媒体确认工作的完成与未完成状态。
灵活的审批与素材替换功能，贴合现场运营需求
TSH 的一大特点，是利用临时素材进行审批的流程。
即使正式素材尚未完成，也可以先使用临时素材进行确认与审批。正式素材完成后替换素材，之前的审批状态也会保留，因此可以在制作的同时并行推进审批。
在一般的工作流系统中，审批通过后若进行素材替换，有时需要重新提交申请。TSH 则以实际 SNS 运营中会发生的变更与替换为前提，设计了可在保留历史记录的同时灵活更新的结构。
进度可视化与提醒
在仪表板和项目详情页面中，按媒体单位显示各项目的进度。
将素材提交、测试上线、审批、双重检查、发布后检查、报告提交等各个环节可视化，让您一眼即可确认当前进展到哪一步。
若输入内容超出媒体规定，或存在遗漏的应对事项，将通过页面显示或电子邮件进行通知。
借此，
- 可随时确认负责项目的状况
- 防止遗漏投稿与审批的情况
- 减少确认与退回修改的返工
- 降低相关人员之间的认知偏差
提供支持。
将投稿后的效果测量统一整合
投稿后，可在 TSH 上查看 SNS、PR 和电子邮件杂志各自的投放实绩。
可在列表和详情画面中按 SNS 媒体查看触达、曝光和互动等数据，并支持按项目名称、投稿日期时间、负责人和类别进行筛选，也可导出 CSV。
在报告详情画面中，可同时查看投稿预览与实绩，便于将营销措施的结果用于下次的策划和投稿决策。
成果
面向 200 多名用户使用的业务基础平台
系统上线后，已有200多名相关人员在多个部门及运营事务局等部门使用（截至2026年08月21日）。
角色和职责各不相同的用户可以在同一系统中共享项目进展情况，将原本分散的信息与沟通集中到一个业务系统中。
界面结构贴合实际运营流程，便于运营人员掌握各自负责的工作，也获得了运营负责人的好评。
Toyota Konic Pro株式会社的负责人全程主导了项目整体推进，并积极分享现场意见和运营经验，我们将这些内容反映到开发中，得以顺利推进项目。
此外，贵方还积极看待前沿举措与新技术、新开发方法，为开发团队营造了可以灵活尝试的环境。我们认为，正是这种紧密协作与反复摸索的积累，才实现了如今好用的系统和顺畅的运营。