kikaku_ac様
初めまして。都内で17年グラフィック・WEBデザイナーをしている神田と申します。
今回のコンペに参加させていただきたく、ご提案させていただきます。
クラウドワークスの画像だと小さくてわかりづらいと思いますので、
以下に画像データの形式でデータをアップいたしました。
差し支えなければこちらご確認いただければ幸いです。
https://www.dropbox.com/t/YEXpxKgCziuC1npd
(2案分同封しており、フォルダ内の「元案.png」が本提案の画像になります)
【デザインについて】
ご要望に従って作った本提案と、この後ご提案させていただく、
よりユーザー目線に変更した案の2つご提案させていただいております。
構成や見せ方が違うだけでデザインはほぼ同じになりますので、
デザインの説明をこちらに記載させていただきました。
今回はサイトの一部ページのデザインということでしたので、
基本的なトーンは他ページを参照に作成しております。
変にこのページだけ変わったことをすると、
サイトの一貫性が弱まり、最も大切な「信頼度」を下げてしまいますので、
他ページと沿ったデザインでわかりやすくなるようにデザインいたしました。
また、ターゲットを中高年の管理職に響くように、
とのことでしたので、できるだけ訪問者が読みたい、と思った時に出てくるような仕様が好ましく思いまして、
導入事例やQ&Aはクリックする前は一部の情報だけ出る、クリックして展開、
という構成を取り入れております。
※今回のコンペではPC版のみでご提案しておりますが、
採用頂ければモバイル版でのデザインも作成いたしますが、
全ての情報が開封されている状態だと、スクロールが長くなりすぎてしまい、
途中で離脱されてしまう可能性が高くなります。(もしくは別ページに遷移される)
そのため、訪問者が見たい情報がどこにあるか、一瞬でわかるようなサイトが好ましい、とされておりますので、
上記のようなクリック(タップ)で情報が展開される、という形が良いかと思います。
また、マルチエアコンのメーカー一覧ですが、
こちらがあるとそれぞれのページに遷移してしまいますので、
逆に全てのメーカーを扱っていて、どれが最適がご提案できます、
というアピールに変更させていただきました。
クリックすると「見積もり依頼」→「メーカーから選ぶ」を選択したページにリンクするイメージです。
【データについて】
illustratorにて作成しておりますので、
修正などを経たあと、そのままデータをお渡しすることが可能です。
最大横幅980pxで作成しており、
フォントも現在のサイトと同じものを使用しておりますので、
大きな問題なく実装できるかと存じます。
【スケジュールについて】
修正があれば5日以内には修正し、再度ご提案が可能です。
【特典】
修正は2回まで無償で対応させていただきます。
長い文章、お読みいただきありがとうございます。
この後すぐに別案ご提案させていただきますので、
こちらも併せてご検討のほど、よろしくお願いいたします。
メンバーからのコメント
kikaku_ac様
連投にて失礼いたします。
こちら私の方で構成や内容を一部変更した別案となります。
以下に全体のわかる画像データをアップしております。
https://www.dropbox.com/t/YEXpxKgCziuC1npd
(2案分同封しており、フォルダ内の「別案.png」が本提案の画像になります)
【変更箇所について】
・ファーストビュー(アイキャッチの箇所)ですが、
ここに一番わかりやすく、信頼度が高く、他社との差別化ができる情報を入れた方が良いと思います。
(『施工実績6万件以上』『満足度98%』『10年延長保証』の4つです。)
・HP中にCTAが多く、訪問者はどこを押せばいいのかわからなくなってしまう可能性があります。
サイト全体で、固定の「ご相談受付中」「無料お見積もり」の追随ヘッダーがあり、右下にも固定のCTAがあります。
さらにこのページ内で4つもあると、まるで違う種類のボタンのように思われたり、混乱を招く可能性がございます。
そのためメインのCTAを一つだけにさせていただきました。
(アイキャッチ→マルチエアコンとは?→お悩みありませんか→CTA、の一箇所のみ)
・情報の圧縮
導入事例、よくあるご質問に追加して、マルチエアコンのメリットも簡略化し、クリックすると詳細が伸びる、
という仕様にしています。
お問い合わせの流れも、7ステップあると面倒臭いと躊躇される方も出ますので、
問合せ「後」のステップとして、3ステップまで省略いたしました。
・ページのストーリー
情報を圧縮することで、ページ内の情報がどこにあるかわかりやすくなり、
訪問者は
マルチエアコンとは?(ここで概要を知る)
↓
メリット(マルチエアコンを欲しいと思う)
↓
導入事例(実際の予算感や工事の内容を把握)
↓
お客様のお声(実際の声を読んで安心する、本当はここも別ページリンクではなく、ポップアップウィンドウかクリックで詳細がでる形の方がCTAが伸びると思います)
↓
オススメのマルチエアコン(どれを買うか考えてもらう、もしくは相談へ)→「メーカーから選ぶ」ページ遷移後にCTAへ
↓
ステップで申込後の流れの確認
↓
よくあるご質問(ここまで思った疑問を解消)→CTAへ
というストーリーでこのページを見てもらえるかと思います。
全国対応の箇所はマルチエアコンのページからの遷移を促してしまうので、
こちらの案では省かせていただきました。
入れるとしたらよくあるご質問の下が良いかと思いますが、
あくまでマルチエアコンの説明ページ、と割り切って省いてしまうのがよいかと存じます。
CTA重視にかなり大きく組み替え、情報にメリハリをつけることで、
シンプルでわかりやすいデザインにさせていただきました。
私自身ターゲットに近い、まもなく40代の経営者なのですが、
HP上の細かな文字はほぼ読まずに、見出しくらいを流し見します。
その中で興味があるものだけ読みますので、
全ての情報が出ているような、縦に長いサイトだと、
途中で何を探しに来たのか、何を調べているのか、よくわからなくなってしまうことがよくあります。
自分にとって不要な情報は最小限に、見たい情報がどこにあって、どうすれば見つかるのか、
こちらを最優先にデザインさせていただきました。
他の日程感や要素については元の案と同様ですので、
こちらでは省かせていただきます。
最後になりますが、こちらの案件、私に担当させていただければ一生懸命デザインさせていただきます!
また何か不明点やご希望があれば、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。