016 clutch store -- website 100選 -- #16

016 Clutch Store — website 100選 — #16

Clutch Store

印象点:

  • ユニークなロゴアニメーション
    傾いた©︎が印象的なロゴが、スクロールで上部に縮小しながらフェードアウトし、同時に写真がクローズアップされ、視覚的な楽しさを生み出している。
  • スタイリッシュな写真の質感
    明度と彩度を控えめに、コントラストを強めた写真が使用されており、自然光や白熱灯の落ち着いた明かりを感じさせる、スタイリッシュな雰囲気を演出している。
  • 文字と背景の融合
    「Apparel」の文字がmix-blend-modeやclip-pathのような手法で色反転していて、背景と文字のコントラストを生む効果的なデザイン。
  • スクロールと連動する写真切り替え
    左側の飲み物写真エリアが、スクロールに応じて写真が切り替わり、サイトを探索するような感覚でコンテンツを楽しめる。
  • カルーセルによる横方向の広がり
    複数のカルーセルが横方向に配置されており、視覚的な広がりを感じさせる。

 

home に戻る