ランディングページ
まとめサイト

presented by Be-DASH Inc.

ELI ウェアラブル英会話教師

2018年 PC・家電 HTML5&CSS3シック系パララックス ホワイト系

ホワイト(白色)系を基調に制作された、ウェアラブル端末のPRランディングページ(LP)です。

 

ファーストビューでは、真っ白い背景に、まず商品名を含むテキストとおもしろい形の区切り線だけが配置され、少し遅れて商品を身につけた画像が現れ、興味をもたせる工夫をしています。

 

下部にあるナビゲーションは、スクロールにともない上へ移動して見えなくなったあと、再び上部に現れ、固定ヘッダーとなります。

 

見ていくうち、おもしろい形の区切り線は、商品のクリップ部分の形を模したものであることがわかり、「なるほど」と思わせるとともに、商品のデザインのスマートさも印象づけています。

 

ヘッダー、テキスト、区切り線などの色が統一され、それらが淡い虹色にゆるやかに変化しつづける演出もおしゃれです。

 

ファーストビューをPRスペースとして、より目立たせたいときや、シンプルかつオシャレなデザインにしたいときの参考になるページです。

 

 

 

投稿した人

mimayo

2017年12月よりランディングページ(LP)のデザイン制作を始めたばかりです。 今はまだ知識も技術もありませんが、いつかここにアップされているようなものをデザインできるようになりたいです。