藤栄冷熱工業株式会社様 はじめまして、pmi graphicsと申します。 この度、本コンペに興味を持ち、ぜひお力になれればと思い応募させていただきました。 サイト構成案も下記にアップしてご提案しておりますので、お手数ですが、ご参照ください。 https://94.gigafile.nu/0701-c52dee9facbc389168400df2ad28daf70 ___ 【ご要望】 現在のHPはあるが、より問い合わせを増やしたり見栄えの良いデザインにするためのリニューアルを行う。 ・デザインコンセプトに合っているかどうか ・企業Webサイトとしてわかりやすい導線が引けているか サイトの導線やユーザビリティなども考慮したデザインを希望します。 最初にも書いていますが、今回、参考サイトは掲載や仕様書はありますがあくまでも、 「TOPページに掲載するコンテンツ」として配置しているので、全部無視してもかまいません。 ___ という点を踏まえてのご提案となりますので、添付のWFから外れていることを予めご了承ください。 以下ご提案内容となりますので、デザインとあわせてご確認いただけますと幸いです。 気になる点などあればすぐに修正も可能です。よろしくお願いいたします。 【ユーザビリティについて】 現サイトのナビゲーションのラベリングが複雑で、ユーザーが目的の情報にたどり着きにくい。 カテゴリがシンプルに分かれていないため、ユーザーが混乱する可能性がある。 以上の点から、以下の内容を提案いたします。 ＞メニュー内容（ナビゲーション）の提案 ①シンプルなメニュー構成にする メニュー項目を主要カテゴリに絞り、ドロップダウンメニューでサブカテゴリを整理する。 主要カテゴリは以下のように設定する（ラベリングは誰が見てもわかりやすいものにする）： ・ホームあるいはトップ ・サービス内容 ・事例紹介 ・企業情報 ・採用情報 ・お問い合わせ ②ドロップダウンメニューの採用 メインメニューにカーソルを合わせるとサブメニューが表示されるドロップダウン形式を採用。 例えば、「サービス」メニューの下に「プレート式熱交換器」「設備メンテナンス」「総合ビル管理（コンサルティング）」などを配置する。 ＊プレート式熱交換器については、力を入れているようなので大カテゴリとして入れるのもありかもしれません。 ③パンくずリストの導入 メニューのカテゴリをシンプルにする分、下層ページでは、 ホーム > サービス > 設備メンテナンス - 作業フロー のようにパンくずリストを表示することをお勧めいたします。 【トップページ構成案の現状の課題】 具体的な情報が多すぎてユーザーがスクロールしすぎるのではないかと考えます。 そのため、重要な情報が埋もれてしまう可能性がある。 ＞トップページの構成改善案 ①メインビジュアル 大きなビジュアルとインパクトのあるキャッチコピーを配置し、最初にユーザーの興味を引く。 現在のキャッチコピーは当方で仮の物をいれております。 CTA（Call to Action）ボタンを目立つ位置に配置。「お問い合わせ」「採用情報をみる」など具体的なアクションを促す。 問い合わせを増やしたいということでしたので、施設管理者からの問い合わせ・あるいは採用申し込みのことと判断し、 問い合わせ・採用の２種のボタンを置いています。 ②企業情報セクション 企業の信頼性をアピールするためのセクション。簡潔な会社概要、経営理念、沿革などを掲載。 「もっと知る」リンクを設置し、詳細ページへ誘導。 創業年は信頼感を得るために重要な社会的権威についての情報ですので、目立つところに載せることを提案します。 また、トップページに社長の顔を載せることで、実在の会社であり、信用できることをアピールします。 ③サービス紹介セクション 主要なサービスをドロップダウン形式等で紹介。各カードには写真もしくはアイコン、簡単な説明、詳細リンクを配置。 例：「プレート式熱交換器」「設備メンテナンス」「総合ビル管理（コンサルティング）」 ＊既存ホームページに記載のこれまでの実績や365日対応可能、全メーカー対応などの情報は、 ターゲットユーザーにとってかなり有益な情報であり、 アピールして伝えないことはもったいないと考えます。 「これだけのしっかりとした仕事ができる会社と仕事をしないのは機会損失ですよ」という メーセージを暗黙的に伝えるべきと思います。 加えて、可能でしたら、お問い合わせから作業～報告までの流れを載せておくと、問い合わせるほうにとっては ストレスなく済むと考えます。（詳細はリンク遷移先で良いと思います） ④事例紹介セクション 実際のプロジェクトや顧客の成功事例を紹介するセクション。 トップページでは写真と短いテキストでわかりやすくまとめる。 「メンテナンス事例を見る」などのリンクを追加し、詳細ページへ誘導する。 ⑤採用情報セクション 求人情報や働く環境を紹介するセクション。可能であれば、社員のインタビューや施設案内動画を追加し、 企業文化を伝える。「採用情報を見る」リンクを配置。 企業が働きやすく成長できる場所であることをアピールするためのブランディング活動を行う。 社員が企業での働き方やキャリアについて語るコンテンツを作成し、社内の魅力を発信する。 ＊既存ホームページにすでに記載されているため、デザインを少し直すだけで魅力的なコンテンツになると思います。 加えて、応募から内定までのプロセスをフロー図でわかりやすく説明し、応募者にとってストレスとならないような コンテンツ作りをするとユーザーは応募しやすいと考えます。 ⑥ニュース・お知らせセクション（＊更新が難しければ省きます） 最新のニュースやイベント情報を短く紹介するセクション。きちんと管理されたHPであることをアピールすることが信頼や安心感につながるため、 今後もホームページの更新が可能でしたら載せることを提案します。 たとえば、「インターンシップを募集」、「社内研修を実施した」、「トラブル解決事例の報告」など 3か月に1回程度でも良いので、企業に関する最新の情報を更新すると、信用度が高まるため、 クライアントへの営業にもリクルーティングにも有用と考えます。 ⑦お問い合わせセクション CTAボタンとして、どのページの最下部にも同様のセクションを設置することをお勧めします。 今回はPC版SP版ともにメールを想定しましたが、電話を強調する場合は電話番号を大きく載せて 受付時間、受付曜日等を記載するようにいたします。 ユーザーに迷わせないように、メールフォームか電話番号か優先情報を大きく目立つようにいたします。 ⑧フッター お問い合わせ先の情報、あればSNSリンク、著作権情報を配置。簡単にアクセスできるようにする。 実在の電話番号があることも、電話からの問い合わせの有無にかかわらず、信用情報となるため、載せておく。 アルファラバルと提携していることも強みと考えるため、フッターに提携企業として掲載して社会的信用を高める。 電話番号はもっと大きく載せてもよかったかもしれませんが、お問い合わせページへの誘導をと考え、 いったん小さめに配置しています。（改善可能です） もう少しこうしてほしい！などご意見ございましたら 適宜修正いたしますので、お気軽にメッセージよりお申し付けください。 なお、実デザインの提出はFigmaで行います。 以上、長くなりましたがご提案内容となります。 少しでも参考になれば嬉しいです。ご検討のほど、よろしくお願いいたします。
メンバーからのコメント
藤栄冷熱工業株式会社様
はじめまして、pmi graphicsと申します。
この度、本コンペに興味を持ち、ぜひお力になれればと思い応募させていただきました。
サイト構成案も下記にアップしてご提案しておりますので、お手数ですが、ご参照ください。
https://94.gigafile.nu/0701-c52dee9facbc389168400df2ad28daf70
___
【ご要望】
現在のHPはあるが、より問い合わせを増やしたり見栄えの良いデザインにするためのリニューアルを行う。
・デザインコンセプトに合っているかどうか
・企業Webサイトとしてわかりやすい導線が引けているか
サイトの導線やユーザビリティなども考慮したデザインを希望します。
最初にも書いていますが、今回、参考サイトは掲載や仕様書はありますがあくまでも、
「TOPページに掲載するコンテンツ」として配置しているので、全部無視してもかまいません。
___
という点を踏まえてのご提案となりますので、添付のWFから外れていることを予めご了承ください。
以下ご提案内容となりますので、デザインとあわせてご確認いただけますと幸いです。
気になる点などあればすぐに修正も可能です。よろしくお願いいたします。
【ユーザビリティについて】
現サイトのナビゲーションのラベリングが複雑で、ユーザーが目的の情報にたどり着きにくい。
カテゴリがシンプルに分かれていないため、ユーザーが混乱する可能性がある。
以上の点から、以下の内容を提案いたします。
＞メニュー内容（ナビゲーション）の提案
①シンプルなメニュー構成にする
メニュー項目を主要カテゴリに絞り、ドロップダウンメニューでサブカテゴリを整理する。
主要カテゴリは以下のように設定する（ラベリングは誰が見てもわかりやすいものにする）：
・ホームあるいはトップ
・サービス内容
・事例紹介
・企業情報
・採用情報
・お問い合わせ
②ドロップダウンメニューの採用
メインメニューにカーソルを合わせるとサブメニューが表示されるドロップダウン形式を採用。
例えば、「サービス」メニューの下に「プレート式熱交換器」「設備メンテナンス」「総合ビル管理（コンサルティング）」などを配置する。
＊プレート式熱交換器については、力を入れているようなので大カテゴリとして入れるのもありかもしれません。
③パンくずリストの導入
メニューのカテゴリをシンプルにする分、下層ページでは、
ホーム > サービス > 設備メンテナンス - 作業フロー
のようにパンくずリストを表示することをお勧めいたします。
【トップページ構成案の現状の課題】
具体的な情報が多すぎてユーザーがスクロールしすぎるのではないかと考えます。
そのため、重要な情報が埋もれてしまう可能性がある。
＞トップページの構成改善案
①メインビジュアル
大きなビジュアルとインパクトのあるキャッチコピーを配置し、最初にユーザーの興味を引く。
現在のキャッチコピーは当方で仮の物をいれております。
CTA（Call to Action）ボタンを目立つ位置に配置。「お問い合わせ」「採用情報をみる」など具体的なアクションを促す。
問い合わせを増やしたいということでしたので、施設管理者からの問い合わせ・あるいは採用申し込みのことと判断し、
問い合わせ・採用の２種のボタンを置いています。
②企業情報セクション
企業の信頼性をアピールするためのセクション。簡潔な会社概要、経営理念、沿革などを掲載。
「もっと知る」リンクを設置し、詳細ページへ誘導。
創業年は信頼感を得るために重要な社会的権威についての情報ですので、目立つところに載せることを提案します。
また、トップページに社長の顔を載せることで、実在の会社であり、信用できることをアピールします。
③サービス紹介セクション
主要なサービスをドロップダウン形式等で紹介。各カードには写真もしくはアイコン、簡単な説明、詳細リンクを配置。
例：「プレート式熱交換器」「設備メンテナンス」「総合ビル管理（コンサルティング）」
＊既存ホームページに記載のこれまでの実績や365日対応可能、全メーカー対応などの情報は、
ターゲットユーザーにとってかなり有益な情報であり、
アピールして伝えないことはもったいないと考えます。
「これだけのしっかりとした仕事ができる会社と仕事をしないのは機会損失ですよ」という
メーセージを暗黙的に伝えるべきと思います。
加えて、可能でしたら、お問い合わせから作業～報告までの流れを載せておくと、問い合わせるほうにとっては
ストレスなく済むと考えます。（詳細はリンク遷移先で良いと思います）
④事例紹介セクション
実際のプロジェクトや顧客の成功事例を紹介するセクション。
トップページでは写真と短いテキストでわかりやすくまとめる。
「メンテナンス事例を見る」などのリンクを追加し、詳細ページへ誘導する。
⑤採用情報セクション
求人情報や働く環境を紹介するセクション。可能であれば、社員のインタビューや施設案内動画を追加し、
企業文化を伝える。「採用情報を見る」リンクを配置。
企業が働きやすく成長できる場所であることをアピールするためのブランディング活動を行う。
社員が企業での働き方やキャリアについて語るコンテンツを作成し、社内の魅力を発信する。
＊既存ホームページにすでに記載されているため、デザインを少し直すだけで魅力的なコンテンツになると思います。
加えて、応募から内定までのプロセスをフロー図でわかりやすく説明し、応募者にとってストレスとならないような
コンテンツ作りをするとユーザーは応募しやすいと考えます。
⑥ニュース・お知らせセクション（＊更新が難しければ省きます）
最新のニュースやイベント情報を短く紹介するセクション。きちんと管理されたHPであることをアピールすることが信頼や安心感につながるため、
今後もホームページの更新が可能でしたら載せることを提案します。
たとえば、「インターンシップを募集」、「社内研修を実施した」、「トラブル解決事例の報告」など
3か月に1回程度でも良いので、企業に関する最新の情報を更新すると、信用度が高まるため、
クライアントへの営業にもリクルーティングにも有用と考えます。
⑦お問い合わせセクション
CTAボタンとして、どのページの最下部にも同様のセクションを設置することをお勧めします。
今回はPC版SP版ともにメールを想定しましたが、電話を強調する場合は電話番号を大きく載せて
受付時間、受付曜日等を記載するようにいたします。
ユーザーに迷わせないように、メールフォームか電話番号か優先情報を大きく目立つようにいたします。
⑧フッター
お問い合わせ先の情報、あればSNSリンク、著作権情報を配置。簡単にアクセスできるようにする。
実在の電話番号があることも、電話からの問い合わせの有無にかかわらず、信用情報となるため、載せておく。
アルファラバルと提携していることも強みと考えるため、フッターに提携企業として掲載して社会的信用を高める。
電話番号はもっと大きく載せてもよかったかもしれませんが、お問い合わせページへの誘導をと考え、
いったん小さめに配置しています。（改善可能です）
もう少しこうしてほしい！などご意見ございましたら
適宜修正いたしますので、お気軽にメッセージよりお申し付けください。
なお、実デザインの提出はFigmaで行います。
以上、長くなりましたがご提案内容となります。
少しでも参考になれば嬉しいです。ご検討のほど、よろしくお願いいたします。