ポップな雰囲気漂うサイト5選!

こんにちは、あんころ餅です。

今回は、ポップな雰囲気漂うサイトを5つ紹介します!

①放課後カルピス

画像1

可能性だらけの放課後をさまざまなコンテンツでおもしろい方へ変えていくプロジェクト。放課後カルピス®のサイトです。

ポップなポイント1 思い切ったデザイン
パッと見ただけでも、かなり思い切ったサイトだなーと、振り切ってる!と感るサイトです。
同じ画像が続いていたり、左右に文字が流れているなど
全体的に思い切ったデザインになっています。(ここまで思い切っていると見てて飽きないですね)

ポップなポイント2 思い切った動き
サイトを読み進めていくと、いきなりブワッと画像が出てくる箇所があるのですが、
この思いきった動きいいですね!
フェードでふわっと出てくるのとは違う、迫力感があります。

②ペルソナ5 スクランブル ザ ファントム ストライカーズ | 公式サイト

画像2

『ペルソナ5 スクランブル ザ ファントム ストライカーズ』のサイトです。

ポップなポイント1 大胆カット
真四角で囲って~なんて箇所はほぼないです。
全てが大胆な枠組みなっています!
動きもついていることで、躍動感があっていいですね。

ポップなポイント2 動きの組み合わせ
ここのサイトでは、スクロールすると各要素がふわっと出る箇所と
バン!バン!と打ち付けた?ような思い切った動きの両方が使われています。
同じ箇所で2つの動きで要素を出すので、メリハリがでていいですね!

③スペースチャンネル5 VR あらかた★ダンシングショー

画像3

セガの名作ゲーム「スペースチャンネル5」の世界をVRで体験!

ポップなポイント1 動きまくる
とにかくここのサイトは動きます。動きまくります!
最初にキャラクター紹介?が表示されるのですが
そこを押すとキャラクターがぬるぬる動きます。
マウスカーソルの動きに連動してキャラクターや背景が上下に動くのもなかなか楽しいです。

ポップなポイント2 カラフルな要素表示
単純に要素が表示されるのではなく、表示前にもカラフル枠が何重にも表示されるなどの一工夫が施されています。
こういったポイントで結構サイトのイメージ変わりますよね。
まさにポップな表示方法!

④ちゃんとGood!サービス|0円ではじめる、太陽光発電|京セラ関電エナジー合同会社

画像4

太陽光発電「京セラ × 関西電力」のサイトです。

ポップなポイント1 イラストで親近感
何かの契約系のサイトってちょっと難しそう、わかりにくそうなイメージが強くて嫌煙しがちですよね(私はそうです)
ただし!ここではかわいくポップなイラストが沢山使われているので
難しそうというイメージが薄れてきますね。
親近感湧いてきちゃいます。

ポップなポイント2 細かな動き
サイトのイラストたちですが、結構動きます。
ここ、動かしてて意味あるの?という箇所もずっと動いています。
でも、そんなところがまたいい。(意味は人それぞれなんだ!)

⑤こんなこと、できるの!?|さくラボ

画像5

さくらインターネットという会社を知ってもらうため、世の中がちょっと楽しくなるアイデアを提案する「さくラボ」というサイトです。

ポップなポイント1 配色
さくらインターネットということからか、全体的に桜色っぽいピンクが使われています。
水色とピンクで、まさに青空の中の桜って感じですね!

ポップなポイント2 どこでもイラスト
下の方に地図のような、虫眼鏡を押すと各項目が見れる箇所があるのですが
全体通してイラストで構成されているのいいですね!
可愛くポップなイラストが沢山使われているので、ついポチポチ押してしまいます。(イラスト効果すごい。。。!)


この記事が気に入ったらサポートをしてみませんか?