菅野包装資材様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、画面の大きなPCサイトのファーストビューには、お客様の自社工場での製造工程のお写真をスライドショー形式で表示しています。製品づくりに真剣に向き合う社員様の様子が伝わるお写真を用いることで、信頼感や製品づくりにかける熱い想いを印象づけています。

採用情報ページでは、「地元の安定企業で働きたいと思っている学生」「ものづくりに興味があり、転職を考えている方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9：1に想定し、モバイルファーストで設計しております。

求職者からの閲覧が多く想定されるスマートフォンサイトでは、「採用情報」への導線ボタンを画面上部に固定表示いたしました。さらに、トップページのファーストビュー直下には、ＰＣサイトとは異なり、「採用情報」ページへ導線を新たに配置しました。ネオインデックスでは、デバイスごとにメインとなるターゲットが異なる点に着目し、PCとスマートフォンで導線設計を最適化しています。これにより、ターゲットのスムーズな情報アクセスを実現し、コンバージョン率の向上につなげています。

デザイン面では、文字の多いページでもユーザーが見やすいよう、見出しやマーカーにアニメーションを取り入れました。そうすることで、重要な情報が自然と目に留まりやすくなるメリハリのあるデザインに仕上げております。

さらに、お客様ならではのオリジナリティを表現するため、ロゴカラーである「ブルー」や「オレンジ」を見出しの装飾やボタンのアクセントカラーとして使用しました。加えて、ボタンに丸みを持たせることで「安心感」や「親しみやすさ」を印象づけています。

システム面では、製品の活用事例を登録できる「事例紹介」をオリジナルのCMSで自社開発しました。製品または用途ごとに検索できる仕様となっているため、豊富な事例の中から、ユーザーが求めている製品を探しやすくなっています。また、製品や用途は管理画面からボタン一つで簡単にカテゴリー分けできるようになっているため、管理者様の負担を減らし、更新しやすいシステム設計に仕上げています。