반응형 웹 페이지 형태의 가이드 퍼블리싱

프로젝트 개요 :
- 반응형 웹 페이지 형태의 가이드 퍼블리싱

프로젝트 현재 상황 :
- 프로젝트 기획 단계이며, 디렉터 1명 / 디자이너 2명이 참여하여 진행합니다.

필요 요소 :
- 웹 퍼블리싱

작업 분량 :
- 약 30~40page 내외

주요 기능 :
- 텍스트 및 이미지 정보를 웹 코딩하여 업로드 / 세부 페이지 내에 롤링 모션그래픽 삽입 2~3개

세부 작업 내용 :
1) 페이퍼 형태의 가이드북을 반응형 웹 페이지로 구현하기 위한 코딩 작업
- 페이지 구성과 디자인은 제공됩니다.
- 디자인된 페이지들을 반응형 웹으로 코딩하여 구현해주시면 됩니다. (스마트폰 / 태블릿 / PC)
2) 인트로 및 랜딩 페이지
- 화면을 스크롤하여 내렸을때 그림이 스크롤에 맞춰 움직이는 페이지로 제작 예정 (4p 정도 분량)
- 애플 공식사이트의 아이폰 SE 페이지 참고
* 단 해당 페이지처럼 영상이 결합되거나 회전하는 아이폰 모션처럼 난이도 높은 모션이 아니라 평면 이미지의 위치이동, 영상 페이드인-아웃, 텍스트 문자 페이드인-아웃, 4-5장의 레이어 순차 노출 정도의 움직임으로 표현할 예정입니다.)
3) 세부 페이지
- 세부페이지에는 롤링되는 모션그래픽이 2-3종 들어갈 예정입니다.
- 모션그래픽은 제공되며, 플레이타임은 5초 내외가 될 예정입니다.
4) 매월 업데이트 예정 (별건으로 진행)
- 세부 페이지 중 1-2p 내외가 업데이트될 예정
- 업데이트 내용 : 세부 문구 수정 및 이미지 변경

참고 주소 :
- <a href="https://www.apple.com/kr/iphone-se/" target="_blank">https://www.apple.com/kr/iphone-se/</a> (인트로 및 랜딩 페이지 모션 참고용)
- <a href="https://plus-ex.com/experience#new_avon" target="_blank">https://plus-ex.com/experience#new_avon</a>