計装配管等を開発している企業様の公式サイトの全面リニューアルのお話をいただきました。 営業の際、お客様にお見せするサイトとのことで、必要な情報をすぐに引き出せるよう、視認性と導線にこだわりました。 こちらの案件は、ヒアリングから提案書の作成、制作進行、ワイヤーフレームの作成など、主にwebディレクションを担当しました。 制作時のポイント▼ 1. 情報の整理と構造化 以前のホームページでは、不要な情報や類似ページが多く、ユーザーが目的の情報にたどり着きづらい状態でした。これを改善するため、情報の整理と取捨選択に最も時間を費やしました。ユーザーが必要な情報に迅速にアクセスできるよう、階層構造を見直し、直感的に使える設計を心掛けました。 2. わかりやすいカテゴリ分けとレスポンシブ対応 リガルジョイント様が取り扱う多数の商品を、一覧で視認しやすい構成に整理しました。また、スマートフォン画面では、アコーディオンメニューを活用して、情報をコンパクトにまとめることで、必要な情報を簡単に探し出せるよう工夫しました。 3. 視認性を向上させるデザイン 企業カラーであるグリーンを主軸に据えたデザインを採用し、ブランドイメージを強化しました。また、多数のコンテンツを効率よく表示するためにメガドロップメニューを導入。加えて、サイドバーにサブメニューを設置することで、ユーザーが迷わず操作できる導線設計を実現しました。広々としたスペースには画像やテキストを効果的に配置し、視認性とデザイン性を両立させています。 4. カスタムフィールドによる自動化機能 商品ごとのカタログや取扱説明書を、URLを入力するだけでダウンロード可能にする仕組みを導入しました。さらに、導入事例やCADデータへのリンクも自動的に反映されるよう設定し、管理業務の効率化を図っています。これにより、クライアント様が必要な更新作業を簡単に行えるシステムを提供しました。 営業時に必要な情報が即座に引き出せる、実用性と視認性を兼ね備えたサイトへと全面リニューアルしました。 ご予算▼ 250万円 PV数▼ GA4未設置のため不明 担当範囲▼ ヒアリング・制作進行・ワイヤーフレーム（構成） 制作期間▼ 6ヶ月間 使用ツール▼ XD ホームページ▼ https://rgl.co.jp/