「【公式】JCBカード W 年会費永年無料!高還元率!新規入会はこちら | クレジットカードなら、JCBカード」は、JCBカードの公式サイトのランディングページです。
しかし、こちらのサイトもメールマガジンのリンクから訪問したので、検索して辿り着けるページではありません。
ファーストビューは、斜めのラインとカラフルな色づかいが目を惹きます。
そのカラフルさの中で、クレジットカード画像のグレーと「JCBカードを申し込む」のリンクボタン黒が、引き締めています。
青・赤・緑のカラフルなロゴは、左上の白地部分に配置し、しっかり目立っています。
【サイトを見たきっかけ】
・情報収集用に登録しているメールマガジンで紹介されていた。
【構造】
・一見しっかり作られているように見えたが、h1にタイトルやキーワードがない。

No.007 公式 JCBカードのHTML 5 Outlinerの結果
【カテゴリ】
・クレジットカード
【ターゲット】
・クレジットカードを作りたい人
【配色】
・カラフル
【ヴィジュアル/構成】
・カラフルな色合いの中、キーカラーとしてイエローを使っている。
・一筆書きの線画が印象的。
・斜めの配色がページを下へ下へと誘導していき離脱率を下げている。
【フォント】
・背景が斜めな部分はテキストも含めて画像になっているが、それ以外は基本的なフォントを使っている。
コメント