No.007 高還元率!公式JCBカードW

No.007 公式JCBカードのファーストビュー画面 クレジットカード
No.007 公式JCBカードのファーストビュー画面

「【公式】JCBカード W 年会費永年無料!高還元率!新規入会はこちら クレジットカードなら、JCBカード」は、JCBカードの公式サイトのランディングページです。

しかし、こちらのサイトもメールマガジンのリンクから訪問したので、検索して辿り着けるページではありません。

ファーストビューは、斜めのラインカラフルな色づかいが目を惹きます。

そのカラフルさの中で、クレジットカード画像のグレーと「JCBカードを申し込む」のリンクボタンが、引き締めています。

青・赤・緑のカラフルなロゴは、左上の白地部分に配置し、しっかり目立っています。

【サイトを見たきっかけ】

情報収集用に登録しているメールマガジンで紹介されていた。

【構造】

・一見しっかり作られているように見えたが、h1にタイトルやキーワードがない。

No.007 公式 JCBカードのHTML 5 Outlinerの結果

No.007 公式 JCBカードのHTML 5 Outlinerの結果

【カテゴリ】

・クレジットカード

【ターゲット】

・クレジットカードを作りたい人

【配色】

・カラフル

【ヴィジュアル/構成】

・カラフルな色合いの中、キーカラーとしてイエローを使っている。

・一筆書きの線画が印象的。

・斜めの配色がページを下へ下へと誘導していき離脱率を下げている。

【フォント】

・背景が斜めな部分はテキストも含めて画像になっているが、それ以外は基本的なフォントを使っている。

 

零とZERO | Webサイト100選

コメント

タイトルとURLをコピーしました