Cloudin様
細部までこだわったデザインと綿密な設計により、ブランディングの強化
https://www.cloudin-earth.co.jp/
東京都豊島区

- 制作プランMeta定額制30プラン
- カテゴリーコーポレートサイト(PC・タブレット)
![]() |
|
|---|---|
| お客様アンケート |
5段階評価平均値5
ホームページリニューアルの目的は?集客(新規)を増やしたい リクルートを強化したい ブランディング向上 ネオインデックスを選んだ理由は?初期費用0円 運用サポート フルオーダーメイド設計 制作実績が良かった |
![]() | |
|---|---|
| Web制作のポイント |
企業の営業活動を自動化するSalesforce(セールスフォース)の導入や運用に関するサポートを行う「Cloudin様」のコーポレートサイトを新規制作いたしました。
今回の新規制作にあたって、「IT企業としての信頼度を向上するため、“ブランドイメージ”を強化したい」というご要望をいただきました。そのため、ファーストビューに「Cloudin×Salesforceでビジネスを加速させる」というキャッチコピーを大きく打ち出し、“メジャー感“をデザインで演出いたました。また、セカンドビューの「Cloudinについて」部分にはSalesforce認定資格のバッジを設置することで、お客様のサービスの信頼感を視覚的に訴求しております。さらに、取り扱いサービスが一目でわかるため、導入を検討しているユーザーのCV率を高める効果がございます。 |
![]() | |
|---|---|
| 設計・デザインのポイント |
今回の新規制作にあたって、「ブランドイメージを強化したい」というご要望をいただきました。そのため、ホームページを訪れたユーザーにプロフェッショナルなIT企業という印象が与えられるよう、モバイルサイトではメインビジュアルの3枚の写真配列を工夫しました。PCサイトでは左から「人の写真、地球儀の写真、テクノロジーの写真」と並んでいたものを、モバイルサイトでは真ん中に“人の写真”がくるように配置を変更しました。そうすることにより、画面の狭いモバイルサイトで見た時にも寂しい印象にならず、サービスを提供している「人」を感じられるデザインとなっています。
また、ユーザビリティを高めるために、ハンバーガーメニューは主要なコンテンツへの導線ボタンを写真付きで大きめにデザインしました。リンクエリアを広くすることで、ユーザーがタップしやすくなる工夫を施しました。さらに、サムネイル写真を配置することで各ページ内容がイメージしやすくなり、ユーザーが迷うことなく目的のページを閲覧できます。
さらに、採用情報ページでは、エントリーボタンを画面下部に固定表示しました。そのため、ホームページを閲覧している際、情報を読んで納得したタイミングでいつでもスムーズに応募することができるため、エントリー率の向上につながります。 デザイン面では、写真をそのまま使用するのではなく、「ブルー」のグラデーションのフィルターをかける加工を施すことにより、ホームページ全体をシンプルなデザインにまとめながらも、おしゃれでスタイリッシュさを感じさせるデザインとなっています。また、数ある色の中でも、ロゴカラーである「ブルー」を使用することで、ホームページ全体のカラートーンが統一され、より洗練された印象を与えることができます。細やかな工夫を重ねることにより、シンプルながらも唯一無二のフルオーダーデザインとして仕上げております。 さらに、導入実績として、実際にお客様と取引されているクライアント様の企業ロゴをデザインとして掲載しました。お客様が導入支援を行う会社が一目でわかるため、ユーザーの安心感・信頼感の向上につながります。 |
![]() | |
|---|---|
| Web制作・運用サポート一覧 |
PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート |







