logo

パララックスサイトを作るのに参考にしたいイケてるサイト10選

スクリーンショット 2015-08-16 22.20.55


 

ここ最近のおしゃれでイケてるサイトはパララックスサイトが多いですね。

プラグインなども豊富になってきており、誰でも動きのあるパララックスサイトが作れるようになってきました。

 

実際、そういうイケてるサイトを作った方が、SNSでの広がりも大きいはず。

自己満足だとしても、一度はそういうサイト作ってみたいですよね。

 

そんな時に参考にしたいパララックスサイトを集めてみました。

 

 

1. With Happiness


スクリーンショット 2015-08-16 21.53.51

何度もスクロールしたくなるサイトに出来上がっています。

意外とSNSでシェアされてないあたりが今ひとつ。

こういうサイト作ったら誰かに見せたいですよね。

DEMO

 

 

2. Webydo


スクリーンショット 2015-08-16 22.04.53

スクロールしていくと「おお〜」と思わず言ってしまうほどイケてます。

こういうストーリー性のあるサイトは本当にかっこいい。

DEMO

 

 

3. audio-technicaヘッドホン


スクリーンショット 2015-08-16 22.00.44

まず背景の動画がかなりイケてますが、商品をよく見せるのには良いですね。

ただ、スクロール中の表示の遅さが気になりますが。

DEMO

 

 

4, Waseda University


スクリーンショット 2015-08-16 22.08.29

早稲田大学のホームページかっこいいですよねー!

高校生のときにこんなサイト見たらそりゃ入りたくなるはず。

自分の大学のサイトUIもこんな感じにしてほしい。

DEMO

 

 

5. Manufacture d’Essai


スクリーンショット 2015-08-16 22.20.55

あえてぼかした写真を入れて人間の眼で見る自然な感じを出してるのか分かりませんが、

立体感がハンパないです。

この女性の表情が正解だと言わんばかりに。

DEMO

 

 

6. Yahoo! JAPAN インターネットクリエイティブアワード


スクリーンショット 2015-08-16 22.25.54

スクロールしていくと、Yahoo! JAPANのこれまでの歴史がフェードインしてきます。

ここ10年間のネットの歴史を縦長に載せていますが、濃いなあと実感します。

今後10年もすごい楽しみになるサイト!

DEMO

 

 

7. レバレジーズ採用ページ


スクリーンショット 2015-08-16 22.35.29

この動き真似したいと思うようなイケてるサイトです!

学生は特にこういうサイト好きそう。

DEMO

 

 

8. Koharu Sugawara


スクリーンショット 2015-08-16 22.52.13

個人のポートフォリオにも関わらず手が込んでますねー!

個人的には、スプツニ子さんっぽくて好きですね。

DEMO

 

 

9. Mélanie F


スクリーンショット 2015-08-16 23.15.59

これはイケてるサイトですね。

フォントのセンスといい色のセンスといいフォントの動きといい全てが良い感じです。

DEMO

 

 

10. Awwwards Conference


スクリーンショット 2015-08-16 23.27.14

めちゃめちゃシンプルですが、おお〜と言うようなサイトです。

画面いっぱいに綺麗な画像をスクロールに合わせて表示しています。

DEMO

 

 

いつでもフロントサイドは華やかだなーと思いながらサーバーサイドでプログラムを書いてるわけですが、

トレンドも年々変わっていてUIも進化しています。

 

自分のポートフォリオはパララックスサイトにしたいものですね。

 




コメントは受け付けていません。