豊鋼材工業様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「ホームページからのお問い合わせを増やしたい」というご要望をいただきました。そのため、画面の大きなPCサイトのファーストビューには、お客様の自社工場での製造工程のお写真をスライドショー形式で表示しています。製品づくりの高い技術力や充実した設備環境を視覚的に印象づけることで、「この会社に鋼材製品の製作を依頼したい」と感じさせるデザインに仕上げました。

採用情報ページでは、「製造系の企業で技術者として働きたいと思っている学生」「建物やものづくりが好きで転職を考えている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を2：8に想定し、モバイルファーストで設計しております。

法人からの閲覧が多く想定されるＰＣサイトでは「製品検索」を画面上部に固定表示していましたが、求職者からの閲覧が多く想定されるスマートフォンサイトでは、「採用情報」への導線ボタンを固定表示いたしました。さらに、メインビジュアルのすぐ下にも「採用情報」ページへの導線を追加いたしました。ネオインデックスでは、デバイスごとにターゲットが異なる場合、ＰＣとスマートフォンで導線設計を変えることで、コンバージョン率の向上に貢献しています。

また、採用に関するすべてのページにおいて、目次をアコーディオンメニューとして画面上部に固定表示いたしました。そうすることで、画面の小さなスマートフォンサイトでも画面幅を狭めることなく、知りたい情報にスムーズに遷移できるユーザビリティの高い設計となっています。

デザイン面では、メインカラーにホワイトやスカイブルーを使用し、誠実感のある爽やかなホームページにいたしました。さらに、お客様のサービスを連想させる「製品の設計図面」を背景にアクセントとして取り入れることで、唯一無二のオリジナリティと信頼感を印象づけるデザインに仕上げました。

システム面では、お客様が製造している製品の情報を更新できる「製品情報」をオリジナルのCMSで自社開発しました。こちらのCMSでは、ユーザーが「製品検索」機能を使ってスムーズに目的の製品を検索できるよう、「一次加工製品」や「鋼材販売」などの鋼材の種別や「建築」「土木」などの分野を管理画面からカテゴリー登録できるシステム設計に仕上げております。