프로젝트 소개
주제 : 삼성 닷컴 프로토타입 제작 프로젝트
기간 : 2024.08 ~ 2024.11 (16주)
인원 : 웹 퍼블리셔 4명 / 디자이너 2명 / 기획자 3명 (9명)
스택 : HTML, SCSS, Javascript, GSAP
역할 : 웹 퍼블리싱
- 제품 상세 페이지 마크업, 스타일 적용 및 반응형 웹 구현
- 스크롤 이벤트 기반 UI 인터렉션 적용
- Zoomist를 활용한 제품 이미지 확대 기능 구현 및 터치 이벤트 대응
기여한 부분
✔️ 공통 스타일 컴포넌트 구성
- 재사용 가능한 스타일 요소들을 컴포넌트로 분리하여 관리
- 버튼, 입력 폼, 카드, 아코디언 메뉴 등 공통적으로 사용되는 UI 요소를 재사용 가능한 컴포넌트 단위로 분리
- 시멘틱 마크업과 ARIA 속성을 반영하여 웹 접근성 준수
✔️ 제품 상세 페이지
- 제품 상세 페이지 레이아웃 구현
- 제품 이미지를 클릭 시, 확대 및 드래그 가능한 Quick View 팝업 구현