Cloudin様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、「ブランドイメージを強化したい」というご要望をいただいたため、画面の大きいPCサイトでは、メインビジュアルを工夫いたしました。具体的には、メインビジュアルの中央にお客様の企業ロゴで使用されている「地球儀」をデザインとして配置することで、お客様の企業イメージをファーストビューで印象づけております。また、IT企業としてのオリジナリティが出るよう、近未来的な3枚の写真を斜めにカットし並べることで、通常は1枚の画像で構成されることの多いメインビジュアルを、唯一無二のデザインに仕上げております。

また、情報量をシンプルに厳選して掲載しているため、逆に寂しい印象になってしまわないよう、導線ボタンの動きを工夫しました。お客様にご要望いただいた「シンプルで洗練されたデザイン」を実現しつつ、マウスをボタンの上にのせると角が丸くなったり、色が滑らかに広がるように変化したりといった動きがあることにより、シンプルなデザインでありながら冷たい印象にならず、動きのあるデザインに仕上げております。

「Salesforceの認定パートナーとしての強みをわかりやすく伝えたい」というご要望もいただいたため、お客様の扱っているサービスの紹介を一ページにまとめました。競合他社のホームページでは、サービスの説明が長く、逆に内容が分かりにくいことが多いため、今回は情報を絞り込んで1ページにまとまることにより、ユーザーに対してサービス内容を、より明確でシンプルに表現しております。Salesforceの認定パートナーとしてのお客様の強みをより印象的に伝えられる設計を意識いたしました。

今回の新規制作にあたって、「ブランドイメージを強化したい」というご要望をいただきました。そのため、ホームページを訪れたユーザーにプロフェッショナルなIT企業という印象が与えられるよう、モバイルサイトではメインビジュアルの３枚の写真配列を工夫しました。PCサイトでは左から「人の写真、地球儀の写真、テクノロジーの写真」と並んでいたものを、モバイルサイトでは真ん中に“人の写真”がくるように配置を変更しました。そうすることにより、画面の狭いモバイルサイトで見た時にも寂しい印象にならず、サービスを提供している「人」を感じられるデザインとなっています。

また、ユーザビリティを高めるために、ハンバーガーメニューは主要なコンテンツへの導線ボタンを写真付きで大きめにデザインしました。リンクエリアを広くすることで、ユーザーがタップしやすくなる工夫を施しました。さらに、サムネイル写真を配置することで各ページ内容がイメージしやすくなり、ユーザーが迷うことなく目的のページを閲覧できます。

さらに、採用情報ページでは、エントリーボタンを画面下部に固定表示しました。そのため、ホームページを閲覧している際、情報を読んで納得したタイミングでいつでもスムーズに応募することができるため、エントリー率の向上につながります。

デザイン面では、写真をそのまま使用するのではなく、「ブルー」のグラデーションのフィルターをかける加工を施すことにより、ホームページ全体をシンプルなデザインにまとめながらも、おしゃれでスタイリッシュさを感じさせるデザインとなっています。また、数ある色の中でも、ロゴカラーである「ブルー」を使用することで、ホームページ全体のカラートーンが統一され、より洗練された印象を与えることができます。細やかな工夫を重ねることにより、シンプルながらも唯一無二のフルオーダーデザインとして仕上げております。

さらに、導入実績として、実際にお客様と取引されているクライアント様の企業ロゴをデザインとして掲載しました。お客様が導入支援を行う会社が一目でわかるため、ユーザーの安心感・信頼感の向上につながります。

システム面では、最新情報を更新できる「お知らせ」をオリジナルのCMSで自社開発しました。こちらのCMSでは、ボタンひとつで簡単に「お知らせ」と「導入事例」をカテゴリー分けすることができるため、管理者様の負担を減らしながら、情報が整理されたお知らせページとしてご活用いただけます。