3D ANIMATION PATTERNS — DESIGN PROPOSALS
海外アワードサイト(Awwwards / FWA / Godly)や1guu掲載サイトで評価の高いスクロール演出を試作したコレクション。01〜06はLITAブランド案、07〜16は業種別のショーケースです。
マウスに反応してうねる、鏡面のような液体オブジェ。近未来・テクノロジー感の王道。
REF: Lusion / Active Theory系ヒーロー
02 CONTOUR LINES淡い紙色の上を流れる地形の稜線。和の余白と静けさ。既存サイトの配色と一番近い案。
REF: 日本のミニマル系(1guu掲載傾向)
03 KINETIC TYPE TUNNELスクロールで言葉の回廊を進む没入体験。理念の言葉を浴びるように読ませる。
REF: Awwwards キネティックタイポ系
04 IMAGE DISTORTIONスクロールの勢いで写真が液体のように歪む。6事業を写真で見せる構成に最適。
REF: FWA ポートフォリオ系の定番
05 PARTICLE FLOW FIELD数万の光の粒が「利他の循環」のように流れ続ける。マウスで流れが変わる生きた背景。
REF: Godly掲載のジェネラティブ系
06 FLOATING GLASS文字の前をガラスのオブジェが漂い、光を屈折させる。上質・透明感のプレミアム路線。
REF: 海外SaaS/ブランドサイトの潮流
INDUSTRY SHOWCASE — 業種別ショーケース
スクロールで映像が進む「動画スクラブ」。砂塵を上げるライダーを追走し、HUDが加速する。
REF: Apple製品ページ / スポーツブランドLP
08 SOFT BODY縦書きの明朝×呼吸する餅。スクロールで串団子がほどけ、桜が舞う。
REF: 日本の老舗リブランディング系
09 BLUEPRINT CITY青写真の方眼からビル群が建ち上がり、視点が空へ。開発計画を体験で語る。
REF: 海外デベロッパー / スマートシティ系
10 SILK RIBBON絹の帯が画面を翻り、スクロールで配色が移ろう。明朝体のエディトリアル。
REF: メゾンブランドのコレクションLP
11 SOUND RING円形イコライザーが脈打ち、スクロールでBPMが上がり中心へダイブ。
REF: フェス公式 / クラブイベント系
12 DROPLETSガラス質の雫が漂い、スクロールでひとつの大きな一滴に集まる。
REF: スキンケアブランドの世界観LP
13 GROWING VINEスクロール=成長。つるが伸び、葉が開き、カメラが成長点を追いかける。
REF: D2C食品 / 生産者ストーリー系
14 DAY & NIGHTローポリの霊峰と海。スクロールで朝→夕→星空へと一日が巡る。
REF: 観光局 / リゾートのブランドサイト
15 DNA HELIX二重らせんがほどけて再び結ばれる。清潔なホワイト×ティールの信頼感。
REF: ヘルステック / 研究機関系
16 DATA RIDGE値動きの稜線が黄金の山脈に。スクロールでデータの上を前進飛行する。
REF: 海外フィンテック / 資産運用系