製品ごとに問い合わせ先や対応フォームが分散すると、利用者が迷いやすく、社内側も案内や更新の管理が煩雑になりやすい。また、担当者依存の更新運用だと情報が古くなったり属人化しやすい問題があった。
商品ごとの基本情報をGoogleスプレッドシートから読み込む構成にし、更新しやすく属人化しにくい仕組みを構築。画像はCloudinaryで管理し、フロントはVercel上で運用することで、無料寄りの環境でも継続運用しやすい構成にした。各製品ごとの不具合対応フォームとしてGoogleフォームへの導線をまとめ、利用者が迷わず必要な窓口へ進めるUIを設計した。
基本情報をスプレッドシートから読み込むため、追加や編集がしやすく、非エンジニアでも更新しやすい。属人化を避け、長期運用しやすい構成にしている。
- 利用者が迷わない問い合わせ導線
- 商品ごとの情報整理
- 更新しやすい情報設計
- 低コストかつ継続運用しやすい構成
背景
問い合わせ窓口が製品ごとに分散すると、利用者はどこへ進めばよいか迷いやすくなります。同時に、社内側でも案内導線の更新が複雑になり、担当者に依存した運用ほど情報の鮮度が落ちやすくなります。
設計の考え方
この案件では、利用者が迷わず適切なフォームへ進めることと、更新運用を属人化させないことを同時に満たす構成を重視しました。商品ごとの基本情報は Google スプレッドシートから読み込み、画像管理は Cloudinary、公開環境は Vercel に整理しています。
実装と運用
各製品の不具合対応フォームとして Google フォームへの導線を集約し、必要な窓口へ最短で到達できるUIにしました。追加や編集はスプレッドシート中心で行えるため、非エンジニアでも扱いやすく、長期運用に向いた設計です。
