ダンハンビー・三井物産カスタマーサイエンス様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

ID-POSに関する専門知識があるマーケティング部の方とデータマーケティングをよく知らない営業担当者やバイヤーの方でユーザーの知識レベルが2極化してしまう為、モデルケースページでは、専門的な内容にすることで前者に訴求しつつ「こんな方におすすめ」でユーザーのお悩みを簡単な言葉で表現したり、レイアウト、デザインにメリハリをつけたほかアイコンやピクトグラムを使用し視覚的にわかりやすいよう工夫することで後者にも訴求しており、様々な知識レベルのユーザーのどなたでも利用しやすいよう細部まで工夫を凝らしたことが最大のポイントです。ほかにも、ユーザーに安心感を持っていただくために「課題」「解決方法」「効果」とストーリー性のある構成でまとめた導入事例を紹介しております。

サービスページにモデルケースページへの動線を配置することで、CVを終着地として流れの一本化をはかりました。また、お問い合わせフォームへのリンクバナーを各ページ上部とフッターに設置しており、ユーザーが思い立ったタイミングですぐお問い合わせができるようCVアップにつながる工夫を施しました。

デザイン面では、「データサイエンスのプロフェッショナル」というリクエストをいただきました。データやテクノロジーをイメージしたテクスチャ、画像を随所に配置することでデータサイエンスを演出し、濃いブルーの背景で強調されたエリアでは数値やピクトグラムで世界的に実績をあげていることを視覚的にアピールすることでプロフェッショナルを表現いたしました。ほかにも、各ページのメインビジュアルに大きくキャッチコピーを配置しており、トレンド感のあるデザインでありながらキャッチコピーが目に留まりやすく、デザイン性と高い訴求効果を両立したWebサイトに仕上げております。

モバイル用サイトでは、ファーストビューで何をされている会社なのかがわかるよう設計したことがポイントです。各ページのメインビジュアルにイメージ写真だけでなくキャッチコピーを配置することで訴求度を２倍にし、ピクトグラムや写真、マークアップを活用しつつ、さらにエリアごとにレイアウトに変化をつけることで感覚的に読み進めやすいよう工夫しております。ほかにも、メニューでは主要ページへの動線に画像を添えることで訴求効果をアップさせ、ユーザーにどういったページなのかを視覚的に理解していただけるようユーザビリティーを考慮した設計にいたしました。

採用ページはレイアウトにブロークングリッドを使用し笑顔の先輩社員の写真を多く取り入れることで、明るく楽しい会社の雰囲気を演出しております。また、募集要項など縦長になってしまうコンテンツにはアコーディオンを採用しコンパクトにまとめており、画面サイズの小さいスマートフォンでもすっきりと見やすいよう細部まで工夫をこらしております。ほかにも、ユーザーが思い立った時にすぐエントリーできるよう、フッターにエントリーページへのリンクバナーを固定しております。

独自コンテンツのモデルケースページでは「小売企業モデルケース」「メーカーモデルケース」と業種ごとにディレクトリを分けることでユーザーは目的のページへ自然と誘導され、１ページで完結させることでページ遷移による離脱を防ぎながら、スクロールするだけでサービスの魅力が伝わるようCVアップと操作性を両立させた設計にいたしました。メインビジュアルにはイメージカットを複数枚使用しており、他のページと差別化しつつ、ユーザーがより具体的な場面を想像していただけるよう工夫を施しました。

デザイン面では、親会社のロゴに調和させたネイビーとすっきりとしたホワイトをメインカラーに使用しており、背景にテクスチャを入れていたり英語のタイトルに縦長のフォントを採用することで、シンプルの中にさりげないスタイリッシュさを演出いたしました。さらに訴求したいエリアにはタイトルの背景に英語の装飾を入れることで、デザイン性がありつつユーザーが自然と注目できるよう工夫いたしました。随所に消費者が買い物をする写真やデータに関する写真、テクスチャを使用することで、ホームページに訪れていただいた時にひと目で「消費財のデータ分析に優れている」とわかるよう、デザイン面からもアプローチいたしました。