워드프레스 원하는 효과 구현

처음 화면이 나오고, 스크롤 했을 때, 로고가 자연스럽게 이동이 되었으면 합니다. 

처음엔 크지만, 스크롤 했을 때, 왼쪽 상단으로 자연스럽게 올라가는 효과입니다. 추가적으로 배경 동영상이 점점 커져, 가득채워지면서, 아래 섹션으로 자연스럽게 이동이 되는게 핵심입니다.

 

<레퍼런스>
레퍼런스 사이트 2개가 흡사한데 각각 특징만 뽑아 합치고 싶습니다.
- 로고 움직임이 부드럽고 왼쪽으로 이동하는 사이트: http://wanderlust-studio.co.kr/  
- 로고가 움직이고 난 뒤에 아래로 페이지 이동이 가능하고 / 로고 색상도 변하는 사이트: http://www.hihat.co.kr/kor/
- 제작하고 싶은 부분은 녹화해서 보냅니다. 첨부한 2개 movie file 확인해주세요. 
- Gsap 로 효과를 구현했으면 합니다.

---------------------------------------------

<제작을 원하는 범위 :  http://wanderlust-studio.co.kr >
- 처음 오렌지 색의 'wanderlust'로고가 가운데 크게 있고, 스크롤을 뒤로 했을 때, 왼쪽 상단으로 작아지며 자연스럽게 이동해야합니다. 
-동시에 배경에 깔린 중앙에 있는 작은 영상은 반대로 점점 커지면서 배경을 꽉 채워야 합니다.
(참고사항 : wanderlust 사이트는 모바일 구현이 안 되어있습니다)


<제작을 원하는 범위 :  http://www.hihat.co.kr/kor >
- 뒤로 스크롤 하면 로고가 왼쪽 상단으로 이동 후(작았던 영상이 화면을 꽉 채운 후) 자연스럽게 아래로 페이지 이동을 해야합니다.
- hihat 로고가 아래 화면 색이 바뀌면서 로고 색상이 반전이 됩니다.
(hihat 사이트는 모바일 구현이 되어있습니다)

----------------------------------------------------

<제작방식>
- 반응형 사이트 / 워드프레스 / 엘리멘토 템플릿으로 제작해 템플릿 파일로 전달해주세요.
- pc와 mobile 버전이 다 구현이 되어야 합니다. 반응형 모드로 되어야 하며, 모든 기기에서 최적화가 되었으면 합니다.
hihat 사이트를 확인하면 모바일이 이쁘니 참고해주세요.

< 기타사항>
- 예상 작업 시간과 비용을 알려주세요.

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기

※ 상품, 상품정보, 거래에 관한 의무와 책임은 의뢰자와 작업자에게 있습니다.

  • 프로젝트 의뢰인과 댓글 작성자 본인만 볼 수 있습니다.

※ 프로젝트에 지원하기 위해서는 코스모스팜에 로그인이 필요합니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요