菅野包装資材様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス仙台

Works

制作実績

菅野包装資材様
必要な情報が凝縮された“ページ設計”と魅力を引き出す“デザイン”で、新規顧客との出会いを生むホームページに

https://www.sugano-hoso.co.jp/

兵庫県 加西市

PC

SP

Web制作のポイント

食品や化粧品などのパッケージの企画・デザインからフィルムの製造、製袋、品質管理、物流まで、包装にまつわるサービスをワンストップで行っている、菅野包装資材様のコーポレートサイトをリニューアルいたしました。

今回、リニューアルの主要な目的として、「新規顧客からのお問い合わせを増やしたい」というご要望をいただきました。そのため、お客様が製造している多様な製品の強みを分かりやすく伝えられるよう、製品ごとのページを新たに作成しました。こちらのページでは、それぞれの製品の特徴・仕様・用途など、新規顧客が知りたい情報を詳細に記載し、製品のサンプルや製造機械などのお写真と共に掲載することで、各製品の強みや魅力がこのページを読んだだけで伝わるような構成・デザインに仕上げています。

設計・デザインのポイント

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

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


デザイン面では、文字の多いページでもユーザーが見やすいよう、見出しやマーカーにアニメーションを取り入れました。そうすることで、重要な情報が自然と目に留まりやすくなるメリハリのあるデザインに仕上げております。 さらに、お客様ならではのオリジナリティを表現するため、ロゴカラーである「ブルー」や「オレンジ」を見出しの装飾やボタンのアクセントカラーとして使用しました。加えて、ボタンに丸みを持たせることで「安心感」や「親しみやすさ」を印象づけています。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PCUI/UX設計、SPUI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP