021 Analogue Foundation -- website 100選 -- #21

021 Analogue Foundation — website 100選 — #21

Analogue Foundation

印象点:

  • フォントと色彩の統一感
    フォントはRomieを基調とし、部分的にNauticaを使用している。基本的にモノクロで、時折アーシーカラー、特に赤系のアクセントが入ることで、洗練された印象を与えている。
  • 緻密なホバーアニメーション
    PC表示時に、メニュー項目やボタンなど、様々な要素にホバーアニメーションが適用されており、ユーザーのインタラクションを促し、サイトに動きを加えている。
  • スライダーのインタラクション
    スライダーの写真にカーソルを合わせるとドラッグ可能なUIが表示され、一枚ごとの表示時間を知らせるローディングアニメーションが工夫されている。これにより、操作性と視覚的な楽しさを両立している。
  • さりげないパララックス効果
    スクロールすると、写真がボックス内でわずかに上下にアニメーションするさりげないパララックス効果により、コンテンツに奥行きを与えている。
  • ユニークなフッター構成
    フッターが、コンタクトフォームかと思わせるようなセクションとして現れ、その下に配置されているメニューを含むさらに大きなフッターがパララックスとして現れる二重構造がユニークな印象を与える。

 

home に戻る