【迴流率提升25%】生成式AI全面翻新「おとりよせネット」，公開AI導入流程與新UI開發歷程

島嶼股份有限公司（總部位於東京都澀谷區，代表取締役：粟飯原理咲）所營運的日本最大級美食商品評論網站「おとりよせネット」（https://www.otoriyose.net/），於2026年5月進行的網站設計改版中，導入以生成式AI為基礎的開發手法「Vibe Coding（Vibe編碼）」。

本次改版在正式啟動後半年內，即實現了手機與電腦畫面顯示一體化（多裝置對應）、全新設計建構，以及協助使用者找到理想商品的「AI美食訂購顧問」功能上線。現根據改版上線一個月後的營運成果，公開具體成效與運用生成式AI進行網站開發的完整流程。

改版成果：達成SEO分數100分，每用戶瀏覽頁數提升約25%

自2026年5月改版上線後一個月的營運數據顯示，因載入速度改善與SEO優化措施，網站品質評估與使用者參與度皆有顯著提升。

（1）於PageSpeed Insights獲得「SEO分數100分」

Google評估工具「PageSpeed Insights」針對行動裝置與桌面版皆給予SEO分數「100分」滿分，顯示網站效能與搜尋引擎最佳化表現優異。

（2）每用戶瀏覽頁數（PV）提升約25%

因全頁面響應式設計（多裝置對應）、使用者介面（UI）更新與導覽動線優化，使用者在站內的瀏覽意願提高，每用戶瀏覽頁數較改版前提升約25%。

改版背景：從長期系統課題邁向多裝置對應

「おとりよせネット」自2003年開站以來，已持續20年以上作為全國食品電商與消費者之間的橋樑，目前收錄超過5,000項美食商品。

然而，長期營運導致系統日益複雜，網站改善速度遲緩成為課題。此外，因系統設計早於智慧型手機普及時代，過去PC與手機使用不同網址，造成跨裝置顯示不一致的結構性問題。

為解決上述問題，並協助使用者從龐大商品庫中找到符合個人口味的美食，同時建立更敏捷的服務優化環境，本次專案因而啟動。

開發歷程：以Vibe Coding追求網站設計革新

本次改版由自2003年開站起即參與系統建置的開發負責人長谷川浩司主導，採用「Vibe Coding」（Vibe編碼）——工程師與生成式AI自主對話、共同創作的開發手法。

時間

階段

使用工具

具體行動與歷程

2025年11月

構想與測試

ChatGPT（AI聊天服務）

開發負責人進行設計實作測試，驗證AI共創改版的可行性，獲得初步成效。

2025年12月

正式啟動

ChatGPT（AI聊天服務）

展開全站改版作業。初期因ChatGPT對過往指令記憶有限，團隊持續優化提示詞設計。

2026年1月

方法確立

Google Antigravity（Google開發的AI開發平台）

轉移至可直接修改原始碼的AI工具「Google Antigravity」，開發速度提升至傳統的3至5倍，成功同步開發三大系統：使用者網站、內部管理介面、商家管理介面。

2026年2月至4月

共創階段

Figma（網站設計工具）

由「おとりよせネット」編輯部於Figma設計的版型，交由AI進行編碼。為確保設計還原度，團隊制定共通驗證檢查表，快速完成設計調整與UI最佳化。

2026年5月底

正式上線

—

以響應式設計、網站負載對策、AI顧問功能完備的狀態正式上線。

專案負責人長谷川浩司表示：

「本次改版聚焦於網站設計更新與多裝置對應（響應式設計），旨在讓使用者更舒適地發現喜愛的美食商品。

憑藉長期參與系統建置的經驗，我將生成式AI視為可靠夥伴，並在開發過程中保持主導控制。此次將網站前端系統從「Perl」轉換為支援高速處理的「Next.js」，解決了過去PC與手機網址分離的結構性問題，實現設計統一管理。這也為未來快速迭代服務建立了彈性基礎。

開發過程中，我們並未完全交付給AI。從編輯部設計的還原度，到系統安全性與運作穩定性，皆經過內部驗證流程逐一細緻測試，確保提供安心可靠的服務體驗。

本次改版是全新美食探索體驗的起點。我們將善用AI共創帶來的快速優化能力，持續打造連結使用者與全日本美味商品的平台。」

（改版重點）

（1）推出「AI美食訂購顧問」，協助使用者找到理想商品

（2）全頁面「多裝置對應（響應式設計）」

（3）兼顧美味感與易搜尋性的新設計

詳情請見：

新聞稿：「おとりよせネット」全面設計改版　https://prtimes.jp/main/html/rd/p/000000226.000001653.html

「おとりよせネット」於2025年3月，獲secondz digital股份有限公司發布的「AI參考來源網站調查（EC・通販業界篇）」（※1）評選為AI搜尋時的國內第22名參考來源，在眾多EC平台中脫穎而出。未來除持續以使用者為中心優化服務，也將致力打造符合AI搜尋時代的網站架構。

（※1）https://www.ai-land.co.jp/press/p-otoriyosenet/25995

關於おとりよせネット

2003年開站，日本最大級美食商品評論網站。提供經審查的使用者評論，可依類別與情境搜尋；設有料理研究家、美食作家等「美食達人」推薦專區，以及配合季節活動的特輯專欄。致力協助全日本擁有「閃耀逸品」的線上商店提升集客力、銷售業績，並提供品牌塑造與公關支援服務。