マッチングサイト / 改修
URL：https://rainbowkidscarejapan.com/ ｜ クライアント：Rainbow Kids Care 様制作期間：2024/11 〜 2025/1言語・ツール：HTML / CSS / Liquid / JavaScript / figma / Canva
依頼内容：登録ベビーシッターの一覧ページ、ベビーシッター詳細プロフィールページの作成をしました。また、ご希望のデザインに合わせた新規レビューセクションの開発、ベビーシッターの絞り込み機能の実装を行いました。
ベビーシッター詳細ページでは、対応年齢や対応エリアといった多様な属性を管理する必要があったため、各シッター情報をブログ記事として構造化し、タグとメタフィールドを活用してデータを管理しました。これにより、ユーザーが希望条件で絞り込みを行えるUIの実装が可能となり、目的のシッターにスムーズにたどり着ける設計としています。
ベビーシッター検索機能では、「対応エリア」「対応年齢」「対応言語」の3つのセレクトボックスを設置し、条件を組み合わせて絞り込みができる仕様としました。LiquidとJavaScriptを組み合わせ、ブログ記事に登録された情報をもとにリアルタイムで検索・表示が行えるように実装しています。
デザインに強いこだわりをお持ちのオーナー様と、メッセージベースで密にやり取りを行いました。デザインツールを用いたビジュアル共有を通じてイメージのすり合わせを丁寧に進め、スムーズなレスポンスを心がけることでテンポ良くコミュニケーションを重ねました。その結果、クライアントのイメージにしっかり沿ったデザインを実現することができました。
