프로젝트 개요

• 프로젝트 유형 : 랜딩사이트
• 작업 기간 : 4일
• 기여도 : 퍼블리싱 100%
• 사용 기술 : HTML, CSS, JavaScript, jQuery, GSAP
• 협업 툴 : Photoshop

작업 내용

• HTML 마크업
  • 웹 표준 & 웹 접근성을 고려한 시맨틱 마크업 적용
• CSS 스타일링
  • 스크롤 시 따라오는 창업 문의 배너 UI 구현
  • Flexbox를 활용한 유동적인 레이아웃 적용
  • Media Query를 적용하여 다양한 기기에서도 최적화된 화면을 제공
• JavaScript 및 라이브러리 활용
  • jQuery simplyScroll 플러그인을 활용하여 콘텐츠 자동 스크롤 기능 적용
  • jQuery counterup, waypoints 플러그인을 활용하여 숫자 카운트업 애니메이션 적용
  • GSAP와 ScrollTrigger 라이브러리를 활용한 스크롤 애니메이션 기능 구현
  • click, scroll 이벤트를 활용한 창업 문의 배너 기능 구현
  • click 이벤트를 활용한 Scroll to Top 버튼 기능 구현

사이트 바로가기

소아벨라

참여 프로젝트 더보기 ▶