JIPDEC 事業者搜尋服務 網站改版

專案概要

我們有幸負責改版由隱私標章制度的主管機關一般財團法人日本情報經濟社會推進協會 JIPDEC所提供的「事業者搜尋服務」。

本專案的主要課題包括:「不損及既有的高速搜尋體驗」、「支援智慧型手機」,以及「大幅改善更新流程」。

背景與課題

原有系統雖具備高速的搜尋效能,但更新事業者資訊時需要大量人工作業。從業務系統匯出資料、在本地加工後再上傳的流程既耗時又費力,也成為營運成本與風險的來源。

由於系統已逐漸老舊,因此需要減輕維護負擔並建立更有效率的營運體制。此外,如何支援智慧型手機等多樣化裝置,也是一項課題。

選用 Kuroco 的理由

在比較並評估多種架構、確認可行性之後,Kuroco 在以下幾點具有優勢。

透過 API 串接自動更新的示意圖
透過 API 串接實現自動更新
  1. 高速搜尋效能

    即使是處理大量資料的搜尋,也能實現極為迅速的回應,並維持與既有網站同等,甚至更佳的使用體驗。

  2. 透過 API 串接自動更新

    可透過 API 串接業務系統的資料,完全自動化更新作業。

  3. 簡化並加速前端部署

    由於提供以 CDN 為基礎的靜態內容託管服務 KurocoFront,無需另行簽約或管理託管服務與 CDN,可大幅減輕基礎設施管理的負擔。

  4. 透過 Smarty 實現彈性擴充

    Kuroco 除了 Headless CMS 的功能外,還可利用 Smarty 自訂 API 的運作方式,因此能靈活整合外部系統與各種網域的串接處理。簡潔地實作搜尋結果的加工與獨特的顯示邏輯,對於具備後端經驗的開發者而言也是一大優勢。

雖然沒有 Lambda、Cloudflare Workers、Edge Functions 等可執行任意程式的環境,但 Smarty 提供了豐富的外掛程式,可呼叫 API 並儲存 JSON,一般的使用情境皆能充分應對。

智慧型手機用搜尋 UI 開發

即使在傳統的 PC 環境中,原本就已確保了良好的搜尋便利性。若要在智慧型手機上呈現同樣的操作體驗,如何呈現切換搜尋條件的彈出視窗,以及整理操作動線,都是左右使用者體驗的重要因素。

我們透過這些設計,將介面針對行動環境進行最佳化,同時兼顧 Web 無障礙設計,實現了即使在智慧型手機上也能直覺且舒適使用的搜尋 UI。

這是一項難度較高的挑戰,但最終我們得以在 PC 與行動裝置上提供一致的便利性,我們認為這是一項成果。

成果與效益

透過初期選定的架構,我們成功達成了理想的建置成果。

  • 使用者體驗

    持續維持高速搜尋,即使面對大量的業者資訊,也能即時取得所需資料。同時,在智慧型手機上也打造了搜尋性能優異的 UI。

  • 營運效率

    透過自動化更新流程,消除了依賴人工作業所產生的失誤風險。

  • 擴充性

    透過 Smarty 進行客製化,未來的功能擴充與外部整合也能靈活因應。

隱私標章授權業者搜尋頁面截圖
認證個人資訊保護團體的適用業者搜尋頁面截圖

總結

此次更新中,我們得以兼顧營運效率化與維持高速效能這兩項過去往往難以兩全的課題。

  1. 透過 API 從業務系統自動同步業者資訊至 Kuroco
  2. 透過批次處理,定期將網站資訊更新至最新狀態

管理人員得以減輕負擔,使用者也能持續享有舒適的搜尋體驗,我認為這是一個技術選型直接影響成果的專案。

此外,本專案獲得 JIPDEC 負責人員的豐富專業知識,以及負責業務系統之廠商的扎實技術能力支持,從頭到尾都順利且積極地推進。

對我們而言,這也是一個令人非常滿意的專案。

專案負責人
一般財團法人日本情報經濟社會推進協會 JIPDEC 様
指導
大家
設計
大塚
結構
大家 / 繁田
UI 設計
長橋
前端實作
大塚、松塚
Web 無障礙確認
二俣
公司名稱・服務名稱
JIPDEC 事業者檢索服務