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

presented by Be-DASH Inc.

NEWoMan FOODFES ニュウマン フードフェスティバル

2018年 その他 パララックスレスポンシブ グレー系ホワイト系

ホワイト(白色)を基調に制作された、フードフェスティバル~土佐編~のPRランディングページ(LP)です。

 

ファーストビューでは、食材の色鮮やかな写真を画面からはみ出るように大きく配置した状態から、「土佐」の文字がアニメーションで現れ、続いてフェスティバルの日程が左からスライドイン&フェードインするようすが、おしゃれで印象的です。

 

スクロールすると、下からスライドイン&フェードインするテキストや画像が、互い違いに並べられたり、階段状に並べられたりしているため、それらのひとつひとつが時間差で現れます。

 

特別メニューの画像の下側に、説明のテキストが現れたり隠れたりするホバーエフェクトも、見る側を飽きさせません。

 

コンテンツの区切りは、アニメーションする波線や、白とグレーの背景をななめに切り替えたりして示しています。

 

画像の上にフセンを貼ったようなテキストののせ方も参考になります。

投稿した人

mimayo

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