ruri14

ruri14

【サイト分析】 Plantica

フラワークリエイティブスタジオのPlanticaさんのサイト。デザイン&開発はGarden Eightさん。 推しポイント1. TOPのこの演出 🔽 予測できない展開。いい意味で驚かされる 窓の外から別の世界に入り込んでいくような感覚 2. 画像のプレ表示 画像が表示される前に、フィルターをかけたようなとても小さい画像を表示させてる。画像にただopacity0=>1だと余白が広い時間が一瞬できるのに対し、pre画像があると余白はそのままだけど動きがあっていい。 読み込みま

ruri14

    • 【サイト分析】 Roaster

      ウェブメディア・紙媒体・SNSの編集・ディレクションを手がけるRoasterさんのサイト。デザインと開発はGarden Eightさん。 推しポイント1. 文字が出てくる時/消える時のアニメーション 出てくる時はゆったり大きな動き、消える時はサッと控えめな動き X軸Y軸でも回転があるので奥行き感のあるアニメーション 2. ページを出る時/入る時のアニメーション テキストも画像も、画面に表示される時だけでなく、ページを出て行く時もフワッとアニメーションで消えていく🫧 3.

      ruri14

      • 【サイト分析】 QINO

        木の新しい使いみちを発明する地域共創プロジェクトQINOさんのサイト。デザイン&開発はGarden Eightさん。 推しポイント1. 複数のパララックスを組み合わせた表現 慣性スクロールとも相まって、大自然のゆったりとした時間の流れを感じさせる🌿 2. パララックスやマウスストーカーの装飾が入ったスライダー パララックスな画像の動き、ホバーの演出、マウスストーカー、左にある連動するテキスト・・ 細かい演出がたくさん入っていて、ドラッグしたくなる💭 3. ホバーで画像が

        ruri14