Screenshot of www.baumjapan.com
BAUM(バウム)
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15

美容 のデザイン参考サイト
「 BAUM(バウム) 」

BAUM(バウム)
レイアウトが美しいです。またメンバーシップのアニメーションなど細かい部分が繊細です。
https://www.baumjapan.com/baum/index.html
2020-05-15

罫線の使い方と文字のレイアウトが参考になります。
メンバーシップのアニメーションは決して大きな動きではなく、サイト全体との馴染みも良いのですが、目を引くアニメーションになっています。

back
Screenshot of frenchbutnice.design
Olivier Gillaizeau — SF Based Creative Director
マウスオーバーで現れる動画が目をひきます。また非表示でも背景のグラデーションが単なる余白に感じさせないデザインになっているのもセンスが良いです。
https://frenchbutnice.design/
2020-05-13
detail
Screenshot of www.sa-n-yo.co.jp
アルパカ as こだわり綿棒
FVのインパクトが素敵です。
https://www.sa-n-yo.co.jp/kodawari/
2020-11-24
detail
Screenshot of jacobmckee.com
Jacob McKee
レイアウトが好みです。
https://jacobmckee.com/
2020-07-15
detail
Screenshot of butfirstchillout.com
CHILL OUT(チルアウト)オフィシャルサイト|【日本発】瞬間リラクゼーションドリンク
3Dモデルのモーションが美しいです。
https://butfirstchillout.com/
2020-05-09
detail
Screenshot of yourra.fr
Yourra! – Happy agency
ページの最下層にある、次ページへ誘導するリンクのマウスオーバー時の表現が面白いです。
https://yourra.fr/
2020-08-11
detail
Screenshot of ndcosd.jp
NIPPON DESIGN CENTER ON SCREEN CREATIVE DIVISION
noteと合わせて見ると学ぶべき箇所が多いです。
https://ndcosd.jp/
2020-07-29
detail
Screenshot of www.acsl.co.jp
ACSL | 株式会社自律制御システム研究所
KVが1スクロールでopacity:0;になるところが気持ち良いです。
https://www.acsl.co.jp/
2020-07-29
detail
Screenshot of www.forcas.com
FORCAS | ABM実践を強力にサポートするB2Bマーケティングプラットフォーム
KVの大胆な白透かしで少し考えが変わりました。
https://www.forcas.com/
2020-08-31
detail
Screenshot of agneslloydplatt.com
Agnes Lloyd-Platt
ファビコンにアニgifを設定できるなんて知りませんでした。
https://agneslloydplatt.com/
2020-07-01
detail
Screenshot of industrycity.com
Industry City
自分では選ばない色のセレクトだったので参考にします。
https://industrycity.com/
2020-10-12
detail
Screenshot of chillysourcetokyo.com
Chilly Source
Muliというフォントがとてもシンプルで細めのnoto sansと相性が良いように感じます。
https://chillysourcetokyo.com/
2020-05-11
detail
Screenshot of rinnai.jp
Micro Bubble Bath Unit by Rinnai | 公式サイト
高級感のあるLPです。
https://rinnai.jp/microbubble/
2020-08-20
detail

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