CLAYN

CLAYN은 심플하고 감각적인 도자기 제품을 디자인하는 브랜드로,
현대적이고 세련된 느낌을 추구하며, 패럴랙스 효과를 활용한 웹사이트를 통해
브랜드 스토리와 제품을 더욱 몰입감 있게 전달하고자 합니다.

🌟 프로젝트 개요

• 브랜드 컨셉: 미니멀 & 감성적인 도자기 디자인
• 컬러 톤: 뉴트럴 미니멀 (Off-White, Warm Gray, Deep Beige, Deep Blue)
• 기술 스택: HTML, CSS, JavaScript, GSAP ScrollTrigger, Lenis.js, Swiper.js
• 웹사이트 형식: 원페이지 디자인 (Apple TV 소개 페이지 참고)

🛠️ 사용 기술

• GSAP ScrollTrigger: 패럴랙스 애니메이션 적용
• Lenis.js: 부드러운 스크롤 효과
• Swiper.js: 제품 슬라이더 구현
• Vanilla JavaScript: 모달 및 인터랙션 기능 직접 구현

📌 목표

• 패럴랙스 효과를 활용하여 브랜드 스토리를 강조
• 부드러운 인터랙션을 통해 사용자 경험 향상
• 심플하고 직관적인 UI/UX 디자인 적용

---

📌 CLAYN 웹사이트 개발 진행 중
추후 업데이트 예정! 🚀