JIPDEC 事業者检索服务 网站改版

项目概述

我们负责了日本信息经济社会推进协会 JIPDEC(隐私标志制度的统括机构)提供的"企业查询服务"的更新工作。

在本项目中,"不损害现有的快速搜索体验""适配智能手机""大幅改进更新流程"成为了主要课题。

背景和挑战

传统系统虽然具有快速的搜索性能,但业务信息的更新需要大量手工操作。从业务系统导出数据,在本地进行处理后再上传的流程耗费大量时间和人力,成为运营成本和风险的根源。

由于系统老化问题日益严重,公司需要减轻维护负担并建立高效的运营体制。此外,适配智能手机等多种设备也成为了一个重要课题。

选择 Kuroco 的原因

在比较检讨多个架构、确认可行性的过程中,Kuroco 在以下方面表现出了优势。

通过 API 集成实现自动更新的示意图
通过 API 联动实现自动更新
  1. 高速搜索性能

    即使处理大规模数据的搜索,也能实现极快的响应速度,能够维持与现有网站相同或更优的使用体验。

  2. 通过 API 联动实现自动更新

    能够通过 API 联动业务系统的数据,将更新作业完全自动化。

  3. 前端部署的简化与加速

    由于提供了基于 CDN 的静态内容托管服务 KurocoFront,无需另行签约和管理托管服务或 CDN,大幅减轻了基础设施管理的负担。

  4. Smarty 提供的灵活可扩展性

    Kuroco 是一个 headless CMS,除了具备 headless CMS 的功能外,还可以利用 Smarty 来自定义 API 的行为,因此能够灵活地整合外部系统和各种域的处理。搜索结果的加工和独特的显示逻辑可以简洁地实现,这对于具有后端知识的开发者来说也很有优势。

虽然没有 Lambda、Cloudflare Workers、Edge Functions 等任意程序的执行环境,但 Smarty 提供了丰富的插件,可以调用 API 保存 JSON,对于常见的使用场景来说已足以应对。

移动端搜索 UI 开发

在传统的 PC 环境中,我们本来就能确保良好的搜索易用性。要在智能手机上表现出这种操作性,切换搜索条件的模态框显示方式和操作流程的整理是影响用户体验的重要因素。

我们对这些方面进行了改进,针对移动环境进行了优化,同时也考虑了网站无障碍访问,实现了一个即使在智能手机上也能直观、舒适地使用的搜索 UI。

虽然是一项难度较高的工作,但最终我们成功地为 PC 和移动设备提供了一致的便利性。

成果与效果

我们用最初选定的架构实现了理想的构建。

  • 用户体验

    保持了高速搜索能力,能从众多企业信息中瞬间获取目标信息。同时在智能手机上也构建了搜索性能强的 UI。

  • 运营效率

    通过更新流程自动化,消除了人工操作和错误风险。

  • 可扩展性

    通过利用 Smarty 进行自定义,能够灵活应对未来的功能扩展和外部集成。

隐私标志授予事业者搜索的屏幕截图
认定个人信息保护团体目标事业者搜索的屏幕截图

总结

在此次重构中,我们成功兼顾了运营效率化和高速性能维护这两个通常难以平衡的目标。

  1. 业务系统通过 API 自动将商户信息同步至 Kuroco
  2. 通过批处理定期将网站信息更新至最新状态

管理员从繁重的工作中解放出来,用户也能继续享受便捷的搜索体验,这个项目充分展现了在技术方案选择上所取得的成果。

此外,本项目得到了 JIPDEC 相关负责人的深厚专业知识和负责业务系统的供应商的可靠技术实力的有力支撑,从始至终都顺利推进,充满积极的合作精神。

这个项目对我们来说也是一个非常令人满意的项目。

项目负责人
一般财团法人日本信息经济社会推进协会 JIPDEC
指导
业主
设计
大塚
结构
业主 / 繁田
UI 设计
长桥
前端实现
大塚、松塚
网页无障碍确认
二俣
公司名称·服务名称
JIPDEC 事业者搜索服务