参考サイト考察　ーFORCASー

FORCASとは | FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム

【テーマ】

・モダンなデザイン

・大胆な余白

・ワントーンカラー

【事業内容】

成約確度の高い企業をデータ分析に基づいて特定し、マーケティングと営業のリソースをターゲット企業に向けて集中する最新マーケティング手法「ABM（アカウント・ベースド・マーケティング）」の実践を強力にサポートするクラウドサービス。

【Responsive】

対応（ブレイクポイント:920px)

【color】

ベースカラー（background)：#fff

サブカラー ：#f5f5f5

サブカラー ：#18182f

【font-family】

YakuhanJP

【font-size】

（見出し）32px（本文）16px

【余白】

【工夫と目的】

①聞きなれないサービスに対して理解を促すために情報を受け取りやすくしようとしている。

・サービス内容を理解しやすくコンパクトにまとめた見出しとテキストで読み取るべき内容にスムーズに誘導している。

・各要素間に80~100px近い余白を設けることにゆとりのあるイメージを与え、読みやすさを向上させている。

②デザインに一貫性を持たせる中でアクセントを与え自社のサービスの持つヴィジョン、世界観、クオリティの高さを表現しようとしている。

・白とグレー系のと写真素材の影が調和させることで、ページ全体として単純なワントーンでなはくグラデーションを生み出し有機的な印象を与えている。

・スクロール時に各要素のボーダーが伸びるといったさりげないアニメーションを付与することでサービスの先進性や技術力の高さを示している。

・トップイメージにはムービーを使用し躍動感を与えつつ、透過した白のマスクをレイヤーすることで主張させずサイト全体の世界観を壊さない工夫をしている。

・自社サービス内のアクセントカラー（エメラルドグリーン）とwebデザインにおけるキーカラーを統一し一貫した世界観を表現している。

・背景画像には人、曲線によって構成されたグラフィックが描かれた壁、緑といった有機的な要素を配置することで人とデジタルなサービスの調和というイメージを表現している。