Photographer Portfolio Web

Description & Url

This site displays the portfolio of photographer Cho Hee-su.
It was made responsive so that it can be viewed on mobile and PC.

사진작가 조희수의 포트폴리오 사이트입니다.

url: https://hsphotography.site/

Tech Stack

React.js GSAP

Pages (Web | Mobile)

• Main Page
  

1. GSAP을 사용하여 스크롤 및 스와이프에 따른 애니메이션 전환 효과를 넣었습니다.
2. 일부 프로젝트만 대표로 표시되며, 클릭 시 해당 프로젝트 상세 페이지로 전환됩니다.
3. "Take a look" 문구가 커서를 따라다니며 사용자의 클릭을 유도합니다.
4. 모바일에서는 최초 1회 "swipe up or down" 알림이 표시됩니다.

• Project List Page
  

1. 상단 카테고리 메뉴를 통해 카테고리별로 프로젝트를 필터링할 수 있습니다.
2. 모바일에서는 카테고리 바가 버튼으로 대체됩니다.
3. 프로젝트에 마우스를 올리면 프로젝트 이름과 제작 시기가 표시되고, 클릭 시 상세 페이지로 이동합니다.
4. 'Top' 버튼을 추가해 빠르게 페이지 상단으로 이동할 수 있습니다.

• Project Detail Page
  

1. 이미지를 클릭하면 슬라이더로 전환되어 한장씩 볼 수 있습니다.
2. 모바일에서는 최초 1회 "swipe right or left" 알림이 표시됩니다.
3. 'Top' 버튼을 추가해 빠르게 페이지 상단으로 이동할 수 있습니다.

• Contact
  

1. 이메일을 클릭하면 클립보드에 복사되도록 하였습니다.