←BACK TO WORKS一覧へ戻る
実案件FeaturedCORPORATE
AOKI ATELIER
ファッション・ライフスタイル / ブランドサイト
ジュエリーブランドのコーポレートサイト。上質なブランドイメージを表現するデザインとアニメーション。
このプレビューは実サイトを埋め込み表示しています。レイアウトは実際の閲覧環境と異なる場合があります。
CONCEPT
ハンドメイドジュエリーブランドのポートフォリオサイト。ダーク×ゴールドの配色にGSAP ScrollTriggerによるパララックス・フェードアップ・横スクロールを全セクションに実装し、WebP二重対応・prefers-reduced-motion・ARIA属性など品質面も徹底。
背景・課題
全セクションにGSAP ScrollTriggerのアニメーションを実装しながら、prefers-reduced-motion対応やARIA属性など品質・アクセシビリティ基準を両立させた。
DESIGN PERSPECTIVE
TECHNOLOGIES & FEATURES
主な機能
アニメーションパララックス横スクロールコレクションフィルター動画背景
使用技術
HTMLCSSJavaScriptGSAPScrollTrigger
CMSなし
フォームあり
アニメーションあり