ARTICLE

MarsCafe

ROLE

Planning / Design / Cording

SKILL

CSS Animation / Swiper / GSAP / JavaScript

ABOUT

架空の飲食店サイトを制作しました。このサイトでは、複数のCSSアニメーションを駆使して、飲食店の魅力を最大限に引き出し、訪問者が飽きないように設計しました。JavaScriptでは、GSAPを使用してパララックス効果や横スクロールを実装し、Swiperを用いて無限ループスライダーを作成しました。また、サイトの軽量化のために、jQueryを使用せずに純粋なJavaScriptで実装し、IntersectionObserverを活用して、各セクションごとにアニメーションを動作させることでメモリの効率的な使用も図っています。

back