日光物産様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、「ブランドイメージをアップしたい」というご要望をいただいたため、お客様のオリジナルブランドである「バリアーマン」と「アルマテックス」の製品ページを新たに作成しました。それぞれのブランド製品の特徴やラインナップを掲載することで、お客様の強みである「防護性の高さ」や「価格の手頃さ」をユーザーにしっかりと訴求できるコンテンツに仕上げております。

また、ブランドページを多くのユーザーに見てもらうため、メインビジュアルの右下にブランドページへの導線を設計しました。さらに、トップページにもブランド製品の強みを記載し、それぞれのブランドの「製品一覧」と「ブランド詳細ページ」への導線を配置しました。そうすることで、サイトを訪れた多くのユーザーに対して、お客様のオリジナルブランド製品への認知を高めるレイアウト設計となっています。

さらに、「防護服の基礎知識」ページは情報量が多いため、上部にページ内ナビゲーションメニューを固定表示しているほか、ユーザーが視覚的に内容を理解できるよう、文章に補足してイラストや画像を数多く使用しています。防護服の着脱方法は、すべてのフローに合わせて実際の装着写真を掲載することで、防護服を使用する際の流れを動画よりも明確に理解できるため、お客様の防護服を安心してご利用いただけます。

モバイル用サイトでは、ユーザーからスムーズな流れでお問い合わせいただけるよう、すべての製品ページの上部と下部にお問い合わせページへの導線を配置しました。さらに、それぞれの製品に関連した製品ページへの導線を、ページの下部に配置することにより、ユーザーがご希望の製品を見つけやすく、すぐにお問い合わせができるようなレイアウト設計となっています。

さらに、「バリアーマン」のブランドページに記載されている製品番号には、対応する製品ページへの導線を配置しました。そうすることで、豊富な種類の製品の中から、ユーザーが求めている利用場面や性能に合った製品を注文していただけます。

デザイン面では、文字の多いページでもユーザーが見やすいよう、主要コンテンツの見出しに動きを取り入れました。見出しに自然と目が留まりやすくなるだけではなく、メリハリのあるデザインに仕上げております。

また、お客様のオリジナリティが確立されたデザインとなるよう、お客様のロゴカラーである「レッド」を、見出しの一文字目やボタンにアクセントカラーとして使用しました。さらに、ボタンを丸みのある形にすることで、製品を使用したことによる「安心感」が伝わるデザインに仕上げました。

システム面では、カテゴリーやブランドごとに製品情報を登録できる「製品情報」をオリジナルのCMSで自社開発しました。そうすることで、豊富な取扱製品の中から、ユーザーが求める使用用途に合った製品を探しやすくなります。また、製品に使用されている素材や、どのような化学物質に対応しているかがわかる「対応区分」を項目選択により簡単に表示できるため、管理者様の負担を減らすシステムとなっております。

さらに、ユーザーが防護服や防炎服の具体的な使用場面をイメージしやすいよう、製品を導入するに至った背景や実際に使用したユーザーの声をまとめた「導入事例」をオリジナルCMSで自社開発しました。ページの最後には、該当する製品詳細ページへの導線を連携表示しているため、CVアップへの後押しとなるコンテンツとしてご活用いただけます。