패션 촬영 웹사이트 피그마 디자인 구현 전문가

[프로젝트 개요]
- 피그마로 거의 완성된 디자인을 바탕으로 패션 촬영 웹·모바일 페이지를 PC/모바일 반응형으로 개발합니다. 홈·어바웃·포트폴리오·컨택트 4개 탭과 포트폴리오 상세 페이지, 이미지와 문의 DB를 관리하는 관리자 페이지를 함께 만듭니다.

[클라이언트 소개]
- 패션 촬영 분야의 웹·모바일 페이지를 신규로 제작하는 프로젝트이며, 외부 방문자가 보고 문의를 남기는 고객용 사이트입니다.

[프로젝트 배경 및 목표]
- 지금 상황: 신규 페이지 제작으로, 패션 촬영 페이지에 맞게 시원한 이미지를 활용한 디자인을 피그마로 거의 완성했습니다. 이 디자인을 구현할 개발자를 찾고 있습니다.
- 끝나면 이렇게 되기를 바랍니다: 완성 후에는 관리자 페이지에서 이미지를 계속 직접 관리하고, 컨택트로 접수된 문의를 DB로 활용하려 합니다. 이후 유지보수와 다른 프로젝트까지 함께 이어갈 수 있는 책임감 있는 파트너를 찾고 있습니다.

[필수 과업 범위와 결과물]
1. 수행 범위
- 디자인: 피그마 디자인이 거의 완성된 상태로 제공되므로 신규 디자인 작업은 없습니다. 개발을 진행하면서 디자인 일부를 함께 수정할 수 있습니다.
- 퍼블리싱: PC/모바일 반응형
- SW 개발: 사용자 페이지 인터랙션 구현, 관리자 페이지(이미지·문의 DB 관리) 개발

2. 상세 기능 요구 사항
- 화면 디자인은 피그마로 정리되어 있으며, 지원해 주신 분께 공유한 뒤 견적을 협의합니다.
2-1. 사용자 프론트엔드 공통 (PC/Mobile 반응형 웹)
- 페이지 구성: 홈, 어바웃, 포트폴리오, 컨택트 4개 탭 및 포트폴리오 클릭 시 상세 페이지
- 로고 고정: CONTACT 페이지를 제외한 모든 페이지에서 브랜드 로고를 고정 위치로 노출, 스크롤 시 따라다니는 처리
- 로고 반전 효과: [제외] 효과 적용, 다른 이미지·텍스트와 겹칠 때 반전
- 컨택트(문의): 문의 접수 및 관리자 페이지 DB 저장
2-2. 페이지별 인터랙션
- About 페이지 PPM: 1·3번째 줄 오른쪽, 2번째 줄 왼쪽 방향 루프 효과
- About 페이지 Film design: gif 삽입 자동재생 이미지
- Archicve 페이지 이미지 배열: 7*@ 배열, 이미지 가로값 고정·세로값 이미지 비율대로 삽입
- Archicve 페이지 이미지 로딩: 로드 중 이미지 영역을 회색 박스가 아닌 해당 이미지 주 색상 컬러박스로 표시
2-3. 관리자 페이지
- 이미지 관리: 사이트 이미지 등록·수정·삭제 (지속 업데이트, 이미지 업로드가 편한 구조)
- 문의 DB 관리: 컨택트 접수 문의 목록 조회 및 관리

3. 결과물
- PC/모바일 반응형 웹페이지 (사용자 페이지 + 관리자 페이지)
- 전체 소스코드 (발주사 소유)

[참고]
- https://olivedesign.fr/
- https://www.serenacongiu.com/
- https://mudstudios.com/
- https://aliciadubuis.com/projects/art-de-la-table/
- https://visualsociety.ch/
- https://eastlogue.com/collections.html?cate_no=306
- https://dunststudio.com/product/collection.html?product_no=9095&cate_no=802&display_group=1

[클라이언트 준비 사항]
- 준비된 것: 피그마 디자인(거의 완성, 개발 중 일부 수정 가능), 레퍼런스 사이트 목록

[오픈 시점과 예산]
- 목표 시점: 11월 5일까지 최종 개발 완료를 원합니다. 일정이 일부 조정될 수는 있으나 최대한 이 날짜에 맞추려 합니다.
- 희망 착수: 계약 후 즉시
- 지급 조건: 작업 완료 후 최종 확인을 거쳐 지급합니다.
- 예산: 150만~250만원

[제안 포함 필수 사항]
- 지원 내용은 아래 기준으로 검토합니다.
1. 적합한 기술 스택과 그 선택 이유를 제안에 포함해 주세요. 사용 언어는 제한이 없으나, 관리자 페이지에서 이미지를 올리고 관리하기 편한 구조인지 함께 적어 주시면 도움이 됩니다.
2. 파트너님께서 판단하시기에 어떤 부분이 완료되어야 이 프로젝트가 성공적으로 마무리되었다고 보시는지 제안에 포함해 주세요. 전문가로서 이 프로젝트의 결과물에 대한 의견 부탁드립니다.
3. 11월 5일 완료 기준 작업 일정과, 개발 중 수정 요청에 어떻게 대응하실지 제안에 포함해 주세요. 일정 안에 빠르게 수정이 가능한 분을 찾고 있어 이 부분을 특히 중요하게 보고 있습니다.
4. 포트폴리오 및 유사 작업 사례를 제안에 포함해 주세요. 일반 상업 홈페이지보다 아트적인 포트폴리오 성격의 사이트 작업 사례가 적합합니다.