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

presented by Be-DASH Inc.

Galafull ガラフル|株式会社フェリシモ

2018年 その他 HTML5&CSS3パララックスレスポンシブ イエロー系

かわいい商品画像とイラストをおしゃれに配置してデザインされた、株式会社フェリシモのカラフルで柄いっぱいの“かわいい”が集まる雑貨店「Galafull ガラフル」のPRランディングページ(LP)です。

 

ページ全体を通した、スクロールとマウスオーバーにあわせて切り抜かれたイメージ画像やかわいいイラストが動きだす、明るく楽しい雰囲気でデザインされているのが特徴です。

 

扱う題材が細かく数が多いのでバランスを間違うと、ごちゃごちゃしたデザインになってしまいますが、センタリングで中央に構成要素を配置するランディングページの特性を上手にいかして、両サイドにスペースを広くとり、アシンメトリーにすることで中央部分に自然と目がいく、レイアウトをすっきりさせる工夫をしています。

 

丸い点線が拡大されると回りだすところや、ゆったり浮かんで動いている雲のイラスト・端から飛んできて店の軒先に留まる鳥のイラスト・手を振ったりウインクしたりする2人のキャラクターイラストといった、滑らかなアニメーション部分の作り込みも参考になります。

投稿した人

endo

自分の勉強も兼ねて、良いランディングページをまとめていきます!!