メソッド

ユーザー体験|検索・口コミ機能実装


国内最大級の卵子凍結保管サービスとして、女性のライフプランに寄り添う「Grace Bank(グレイスバンク)」のサービスの利用拡大に伴い、ユーザーが「自分に合ったクリニック」を直感的に探せないことや、クリニック選びの決め手となる「リアルな評判」が可視化されていないことが課題となっていました。

今回の改修では、安定稼働している既存の「クラシックテーマ」環境を維持しながら、高度な機能追加を実現。

あえてゼロからのスクラッチ開発にはこだわらず、信頼性の高い既存プラグインをベースに採用しつつ、独自のPHPカスタマイズを加える「ハイブリッド手法」を採用。

コストを抑えながらも、ユーザーの要望に100%応える柔軟なシステムを構築しました。

サイト名Grace Bank(グレイスバンク) | 卵子凍結保管サービス
URLhttps://gracebank.jp/cliniclist/
https://gracebank.jp/clinic_reviews/
種別サービスサイト
作業機能拡張・PHPカスタマイズ・UIUX改善・プラグイン選定/最適化

選定眼と技術で検索システムを実現

ユーザーが求めているエリアや詳細条件で即座にクリニックを絞り込める検索機能の実装にあたり、私たちは数ある拡張機能の中から、将来のアップデート耐性とセキュリティに優れたベースシステムを選定しました。

しかし、標準機能のままではGrace Bank様独自の複雑な検索ロジック(複数条件の掛け合わせや、表示順の制御など)には対応できません。

システムの裏側で動く処理(クエリ)をPHPで直接書き換えることで、標準仕様にアレンジを加えて「パッケージの安定性」と「オーダーメイドの挙動」を両立させ、ユーザーが迷わず目的へ辿り着ける快適な検索体験を作り上げました。

信頼を担保する口コミ管理フローの構築

医療サービスにおいて重要な「信頼」を可視化するため、口コミ投稿機能を実装しました。

ここでも、単に投稿フォームを設置するだけではなく、管理画面側の運用フローまで設計に落とし込んでいます。

投稿された内容をそのまま表示するのではなく、管理者が確認・承認した承認済みデータのみをフロントエンドに出力するようプログラムを調整。

また、出力されるHTML構造にも手を加え、デザインの統一性を保ちながら、検索エンジンが内容を理解しやすい(構造化データ)形式に最適化しています。

既存テーマに馴染ませる調整力

今回のプロジェクトの要は、「既存のクラシックテーマのデザインや構造を壊さずに、最新機能を組み込む」点にありました。

導入したシステムが出力するCSSやJavaScriptが、既存サイトのレイアウトと干渉しないよう、コードレベルでの競合検証と調整を徹底。

見た目は既存のトーン&マナーに完全に馴染んでいながら、中身は最新のシステムが稼働している、そんな違和感のないアップデートを実現しました。

「あるものは使い、足りない部分は技術で補う」という柔軟な開発スタンスにより、開発期間の短縮と品質の向上を両立させています。

見積もり項目

機能追加

  • クリニック検索システム
    • 選定および導入
    • 詳細条件による絞り込み機能の実装
    • 検索項目(タグ・カテゴリ)の作成・整理
    • 検索ボタン・画面のデザイン作成
    • 既存データへの情報紐付け
  • 口コミ管理システム
    • 口コミ投稿機能の設置
    • クリニック別の口コミ表示設定
    • 一覧ページへの評価(★)表示
    • 投稿管理・承認フローの設定

全体調整

  • 導入プラグインと既存環境の競合テスト
  • 既存サイトへの組み込み・表示調整