多言語の製品情報を、検索・CMS・計測まで一つの公開工程に

製品数が多く、一つの製品にも仕様、構成例、画像、動画、PDFなど多様な情報が紐づくため、利用者が用途に合う情報を探しやすく、担当者が正確に更新できることが求められました。日本語以外の表示、長い説明文、製品内の複数タブ、画像ごとのキャプションにも対応する必要があります。また、CMS入力で不要なタグが混入しないこと、CSV取込で既存データを損なわないこと、解析・SEO・Cookie関連の設定を他案件と取り違えず公開することが重要でした。

製品詳細を見出し、仕様、関連資料、構成例、動画などの部品へ分解し、文章量や登録数が増えても画面が破綻しない構成を設計しました。管理画面では入力項目と出力箇所を対応付け、画像ごとのキャプション、ユーザー権限、多言語データを明示。CSV仕様書、翻訳リスト、リダイレクト一覧、権限表、リリース手順を作成し、データ移行と公開を再現可能な工程にしています。解析タグ、SEO、Cookie、外部フォームの設定は案件固有のチェックリストで照合し、コンテンツと計測を同時に確認しました。

専門的で情報量の多い製品ページを、比較と理解のしやすさを軸に整理しました。ブランドカラーの範囲で濃淡と余白を使い分け、長い文章、表、タブ内タブ、画像、動画が並んでも情報の階層を見失わない設計です。構成段階から共通パーツを意識し、各言語で文字量が変わっても崩れにくい見出しとカードを作成しました。製品を使う場面や操作を補うイラストも設計資料から再現し、装飾ではなく複雑な情報を理解する手掛かりとして画面へ組み込んでいます。

Laravelでフロント、管理画面、API、多言語ファイルを分け、製品・資料・構成例・動画などの関係を管理できる構造にしました。CSV取込は項目定義と更新条件を仕様書にし、削除済み製品や既存の紐づきを意図せず変更しないよう検証しています。CMSエディタは貼り付け時のタグを制御し、長文や個別キャプションを安全に表示。解析タグ、Cookie、CSP、WAF、フォーム、ニュース購読など公開後に変わる設定も環境別に管理し、製品追加とセキュリティ対応を継続できる基盤を整えました。