Screenshot of jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15

広告・制作会社・クリエイター 海外 のデザイン参考サイト
「 Jacob McKee 」

Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15

初期表示はブロック内の四隅を埋めることで、きれいなレイアウトを実現しています。

凄いのは、クリック後に写真を入れた際のアニメーションとレイアウト、さらにページ繊維後にそのままレイアウトの一部になる構成です。

ページ最下層に次のコンテンツへの導線が用意されているのも、参考になります。

back
Screenshot of www.cupnoodle.jp
カップヌードルの裏側
みんなのギモンページにあるアコーディオンのマウスオーバー表現が良いです。
https://www.cupnoodle.jp/uragawa/
2021-07-28
detail
Screenshot of tokoshie-bullet.com
永久×バレット 公式サイト | TOKOSHIE×BULLET Official Site
様々な技術が上手く纏まっています。
https://tokoshie-bullet.com/
2020-09-08
detail
Screenshot of studiomaertens.com
Studio Mærtens
ローディングがお洒落です。マウスカーソルがそのままロードアニメーションになっているのも良いです。
https://studiomaertens.com/
2020-06-08
detail
Screenshot of www.theclimatepledge.com
The Climate Pledge
全体の質感が素敵です。
https://www.theclimatepledge.com/
2021-02-16
detail
Screenshot of botanistofficial.com
植物の生命力を肌へ|BOTANIST SKINCARE EVER
背景と画像のシャドーの関係性が良いです。
https://botanistofficial.com/special/skincare_ever/
2020-08-11
detail
Screenshot of visualize60.ndc.co.jp
VISUALIZE 60
日本語サイトとは思えないほど美しいです。
https://visualize60.ndc.co.jp/
2021-03-12
detail
Screenshot of lmchabot.com
LM Chabot
画像がロードされる前にカラフルな要素が表示されているとことが良いです。
https://lmchabot.com/
2020-06-15
detail
Screenshot of kovalweb.com
Koval Web
ホバーアニメーションなどの細かい部分が、見たことのないアニメーションをたくさん使用しています。
https://kovalweb.com/
2020-11-16
detail
Screenshot of voiceofracism.co.nz
Voice of Racism
参考にするタイミングは不明ですが、とにかく初めての経験です。メッセージ性は高く感じました。
https://voiceofracism.co.nz/
2020-08-25
detail
Screenshot of a-dot.co.jp
adot|プロデュースカンパニー・エードット
綺麗なクリエイティブが目をひきます。
https://a-dot.co.jp/
2020-05-12
detail
Screenshot of lesinge.paris
Le Singe
リアルなものにマウスを追いかけられたのは初めてです。
https://lesinge.paris/fr
2020-12-15
detail
Screenshot of lumine.co.jp
LUMINE 会社情報
平体のかかったフォントが特徴的です。
https://lumine.co.jp/
2020-07-29
detail

サイトのキャプチャは、自動で撮影されているため、意図していないデザインが表示されている可能性があります。