2021年3月17日

「脳汁ビシャビシャに出た」「無限ループって怖くね?」ポーラの特設サイトがスクロール芸極めてると話題に

472
木村浩康 @hiroccck

最近のスクロール芸極まりすぎててもうこれ以上先はないんじゃないかと思ってたけどめっちゃくちゃ王道でまっすぐ素直にど真ん中ぶち抜いて矛盾なく限界突破してる。。まだ先があったかー。すげー。。 pola.co.jp/wecaremore/

2021-03-10 15:02:14
木村浩康 @hiroccck

賑やかしじゃなくて文字を読ませるためのインタラクションなのが筋通っててもうこれはあるべき姿のお手本だわ。。

2021-03-10 17:02:15

POLAのサイトがやべー!!

※スマホでご覧ください
リンク ポーラ公式 エイジングケアと美白・化粧品 POLA 2029年ビジョン | ポーラ公式 エイジングケアと美白・化粧品 ポーラの2029年ビジョンサイトです。人をケアする。社会をケアする。地球をケアする。We Care More. 世界を変える心づかいを日本へ、世界へ。 79 users 703
Akihiro Fujiwara|MEFILAS @akihirofujiwara

アニメーションの気持ち良さがとんでもない、、スクロールと連動する動きって制御が難しいのに、ずっとスクロールしていたくなるぐらい心地良い。イラストのアニメーションだけでなく、文字にもバウンド系の動きがあるから全体がひとつの動きとしてまとまって見えるんだろうな pola.co.jp/wecaremore/ pic.twitter.com/TKp2rJLchB

2021-03-10 11:45:28
𓅓𓍯𓂋𓇌 🌸🤜☺️🤛🌸 @mol4423

かっっっっっこよ!!!!!ええーーー今こういうことできるのーーーーー!!かっこいいーーーーー!!!!!

2021-03-14 19:50:31
248i @248i_dev

めちゃ滑らかで気持ちいい、、!!! twitter.com/hiroccck/statu…

2021-03-15 20:36:49
竹田明日香 @takedaasuka_ill

思想を感じさせるスクロールアニメーションに痺れました twitter.com/hiroccck/statu…

2021-03-13 22:16:17
ゆき@復活 @ykrn_sn

これすごい…どんどんスクロールしたくなる… twitter.com/hiroccck/statu…

2021-03-12 22:09:52
サイキング @Sking02_2

参考サイト集で見かけて本当凄すぎた。。。webサイトはここまで表現できるんだなと rt

2021-03-12 22:01:21
杏奈 @natumomo555

無限ループって怖くね???????

2021-03-12 22:26:43

作り手の気概を感じる

ましー @massy_o

実装クッソめんどくさそうー フロントエンジニアよくやった twitter.com/hiroccck/statu…

2021-03-12 12:21:45
Shota M⑬@エンジニア @__shota13

想像の二段階くらいすごかった。 どうしてるんだろうこれ。 全部ラスタ形式でしてるとしたら 相当な計算量じゃないのかな。 あと「ムニュ」って感じの引張り具合のUXがすごい、、。 特にボール型に変化するところ。 スクロールがなんか気持ちいい。 こんなサイト作ってみたいな。 twitter.com/hiroccck/statu…

2021-03-11 19:38:23
木村 @kkknq

これくらい伝える内容がまとまっていればこういうのができる。あとなにより実装に関わる技術者(と十分な時間と予算)

2021-03-14 13:58:20
𝐦𝐚𝐜𝐡𝐢. @unevfil_e

POLAの美的センス、常に価値観が前衛的だなと思う。製品の形状もそう。視覚的にワクワクさせるのがうまい。>RT

2021-03-14 21:53:36
Juntera @jun_tera

動画で見せられると、自分のテンポで読み進めないのだけれど、コレだとちゃんと頭で理解できるので、動画と文字が一体化していて素晴らしい。 twitter.com/hiroccck/statu…

2021-03-12 12:06:15
Taichi AOKI @aoki_taichi

ページ内に位置エネルギーの高低を感じられるスクロール twitter.com/hiroccck/statu…

2021-03-12 07:29:41
企画制作担当の方
mount inc. @mount_inc

WEBサイトの企画、制作を主に手がけています。“世の中で効くもの”をつくることを最低限の目標に、「よいものであり、明快かつ、心が動くもの」をつくっています。

mount.jp

mount inc. @mount_inc

POLA 2029年ブランドビジョン特設ページを企画制作させていただきました。 新たなメッセージを有機的なアニメーションとともにご覧いただけます。 #mountinc #POLA pola.co.jp/wecaremore/

2021-03-10 10:48:38
イム ジョンホ / mount inc. @junim

mount inc. | ceo, director いっぱいつくってます。

mount.jp

残りを読む(6)

コメント

🐰砂漠のうさぎ🐰 @Rudder_Qiana 2021年3月17日
スマホで見るとわかりやすいです!
20
キタムラシステム @kitasys 2021年3月17日
「君もこういうの作ってよ。できるでしょ?真似するだけだから。がんばって来週ぐらいにでも」なお賃金
38
sake @sake_ne_ku 2021年3月17日
これすごいね 似たような発想のサイトはいくらでもあるけど、このページほど細かい挙動を含めてスクロールが綺麗に動いてるサイトはほとんどない 大抵変なつっかえ感や、上下のチャタリングみたいなのが起きる
91
おく のぶ @samorou 2021年3月17日
視覚のみなのに、なんか脳内で触覚を感じてるようなヤバい感覚になってきた。
30
永眠 @LcxPbY7uTkJAz6t 2021年3月17日
エモすぎてチビッた。 今のフロントエンドってここまで進化してるの…?
12
Yuka|Wicca @QQYukaQQ 2021年3月17日
これ、作った人も絶対楽しかっただろうなあ…。
40
Yuka|Wicca @QQYukaQQ 2021年3月17日
「理屈上は可能」を、その通り作れた快感は本当に脳汁噴き出ると思うの…。
66
もはたろ @MoHaTaRo_Pa 2021年3月17日
一生スクロールしていられるな……
9
PDF @PDF77495429 2021年3月17日
本当に無限にスクロール出来るし、そうしているうちにPOLAの理念が脳に直接刷り込まれるのすごい ずっとここのパウダーコンシーラー買うか悩んでたけど買おうかな
43
じゅうもじ @jumojumo123 2021年3月17日
上にスクロールさせても破綻がないのが凄い
42
alan smithee @alansmithy2010 2021年3月17日
ソース見ると6年前に更新が止まってるライブラリで実現してるんだけど、これを枯れたと判断してgo出してくれるクライアントに恵まれたのやも https://github.com/leeoniya/transformation-matrix-js
4
もりぞー @mo_ri_zoo 2021年3月17日
ガヤがぐちゃぐちゃコロコロして文章に集中できない(ADHD感
21
ミサイル @junko_missile 2021年3月17日
POLAじゃなかったらもう少し楽しめたかも。今後のパロディに期待
4
緑青 @juki_f_250_j 2021年3月17日
しゅるんしゅるんって動くの気持ちいい〜
0
Earwax @Earwax97409510 2021年3月17日
こういうスクロール効果ハンドリングしてるサイトって自分の思ったスピードで操作出来ないから嫌いなんだよなー…と思ったらこのサイトめっちゃ操作に対して違和感無く動くわ。こりゃ突き詰めてるなあ。
30
VRAM01K @VRAM01K 2021年3月17日
スクロール芸といえばベイルートの爆発事故についてのNYTの記事も印象に残ってる
5
ツマグロ @vsp_a_ffns 2021年3月17日
スクロール芸を極めてるならキーボードでもちゃんと操作できると思うんですよね
1
106💉💉 @immr_oxo 2021年3月17日
語彙力がなくてアレだけどすごい! こういうページ作りたいって考えた人もすごいし、実装した人もすごすぎる…
1
駄🐼ゆうこ @yuukoaozora 2021年3月17日
デジタルなのに自分で動かすアナログ感が味わえる。これはすごい!
4
金魚 @gingyoz 2021年3月17日
私はこういう動くタイプのサイトは苦手だな。なんだか落ち着いて文字が読めない。
55
柴犬 @egmvd 2021年3月17日
「脳汁ビシャビシャに出た」を「豚汁ビシャビシャに出た」に空目してクリックしたのでしばらく存在しない豚汁を探してしまった(すごいサイトだね!)
40
ザンちゃん(マクハキカン) @zanchann 2021年3月17日
アニメ気になって文字読めなさそうだな……。
9
めらんこりんこ @merancorinco 2021年3月17日
lotte書き出しでここまで良い感じのビジュアルが作れるのか。あれAEのエフェクトや合成モードやその他効果なんかが全然使えなくて制限多いんだよね。想像以上に泥臭い手仕事なんだろうな…
1
cocoon @cocoonP 2021年3月17日
これ、内製デザイナーがいるんですかね。化粧品メーカーならいてもおかしくなさそうではありますが。外注ではここまで細かく指示も提案もできなさそうな気がします。(テーマと伝えたい内容先出しでコンペとかなのかもだけど)
0
エビゾメ|1/23軍司令酒保 D-25 @ABzome 2021年3月17日
FLASHサイト全盛期はこういうインタラクティブな映像の動くサイトいっぱいあったなぁ。 単に情報が読みたい人からは嫌われるのですぐ減ってしまったけど、結構ライトな層でもネットを見る現代だから今ああいうサイト見たら感動する層いっぱい居ると思うし、それがもう見れなくなってしまってるのが惜しい。
31
なのか @neet_nanoka 2021年3月17日
普段スクロールしながら読むときは シャッ ピタッ シャッ ピタッ で読むけどこれはゆっくりスクロールしたくなる気持ちよさがある
7
まなー @manner_life 2021年3月17日
携帯メーカーのHPにもありがちだけど、スクロールするたび無茶苦茶動くのはやめてほしい… 勝手にスクロールして勝手に自分で読むんで
10
うおどむ@付藻屑教 @walkingdome 2021年3月17日
企業ビジョンのページだからこそこういう芸当も許されるのであって、これが通販ページとかだったら地獄やで。
4
梅雨 @tuyunoowari 2021年3月17日
創始者が妻にハンドクリームを作ったところから始まったというエピソードで、ハンドクリームを伸ばす動きをしたときが一番声出た
4
Metallis(へたれ) @c7R1S0tU 2021年3月17日
うちのPC版Chromeではめっちゃ静的だった
0
巴投 @pooh3_oyasumi 2021年3月17日
egmvd 豚汁仲間っ 豚汁いつ出てくるんだろうと必死にスクロールした馬鹿者です…
3
tomtia_tw @tomtia_tw 2021年3月17日
なんで「スマホで見て」なのかよくわからなかったけど、なるほど、PC版のブラウザでキーボード操作だと最初のページから動けないんですね。マウスホィールでスクロールしてたから、スマホ版と大して変わらないと思ってしまった。
1
tomtia_tw @tomtia_tw 2021年3月17日
ちなみにタッチパッドで2本指スクロール(ホィールのエミュレーション)させたら、ものすごい速度で動いて、これはこれでものすごいなぁ、と思ってしまった。
0
fully vaccinated バガミ @xxbagamixx 2021年3月17日
PCで見たらなんぞこれと思ったがスマホで見るのね・・
0
ネギ@メタンナイト @negi__ 2021年3月17日
PCで自分の環境だと相当頑張ってマウスホイールを回さないと次の画面に遷移できず, 動きはなんかすごいことがわかるものの文字を読む余裕が全く無い
4
ハイホー @Ho__Hi 2021年3月17日
いやむしろ自然に文字を読んでましたけど
1
やーもと @mtbook0824 2021年3月17日
リーンカーネーションする
0
絶対 @2BenKi 2021年3月17日
今のままでもいいけど、PC版とスマホ版の二つ用意してたら尚よかった
0
黄色いかまぼこ @yellow_chikuwa 2021年3月18日
AppleがよくiPhone出した後とかに似たようなことやってたね。海外のサイトに多い気がする。
1
人形使い @doll_player 2021年3月18日
フロントミッションオルタナティブのOP思い出した
0
さいペン @ikirunodaruihit 2021年3月18日
どうやってんだこれ…!!!
0
Strata @isolated_kuu 2021年3月18日
まとめにするほどでもないような。。このまとめ自体もWEBマーケティング()の一環かなぁと思ってしまう。 ポーラさんはそんなことよりも本業をちゃんとしてくださいと。
5
たるたる @heporap 2021年3月18日
イラレでSVGを作成→アフターイフェクト(lottie+BodyMovinプラグイン)で動作を作成→ウェブ用に出力。(コーディング不要。) こういう動作定義系のライブラリを作りたいけど、頭が全然追いつかない。
1
すぢこ@ふたけ共同代表 @kilsche 2021年3月18日
素直にスゲーとは思うけど文字はまるで読みづらいので何が言いたいんじゃ、ってとこで躓く。POLAが好きな人は頑張って読むだろうと思われるんおで興味がない人がどう思うがどうでもいいという感じなんだろう。気持ちいいけど情報は入ってこねえ。
6
k9cycle @__hage 2021年3月18日
スペースキーでスクロールさせろよな。あと言っちゃ悪いけど派手な動き以外何も残らないね。刺さる人もいるとは思うから全否定はしないけども、自分には合わないや。
2
ミサイル @junko_missile 2021年3月18日
momotaronodango すごいけどスマホ熱々になりました
1
ちゃのまのもちすけ @cafeschwalbe2 2021年3月19日
クーロンズゲートの移動画面くらい画面酔いした🤢
0
りっちゃん @root_r_crown_p 2021年3月24日
動画が苦手だからだろうか。一度スクロールしたら止まったバージョンで見たい。作品として美しいけど好きではないみたいな
0