KR
위시켓
보통
외주
원격 가능
재단 웹사이트 고도화 반응형 웹 퍼블리싱 전문가
예산
4,285,714원
예상 기간
1~2주
지원 마감
2026년 09월 30일
난이도
보통
기술 스택
HTML5
CSS3
JavaScript
jQuery
Figma
FullCalendar
AI 분석 요약 기회점수 58/100
충주문화원재단 웹사이트 고도화 프로젝트로, 완료된 피그마 시안을 바탕으로 PC/모바일 반응형 웹 퍼블리싱(HTML/CSS/JS)을 전담하는 작업입니다. 반응형 GNB·푸터, 권한별 마이페이지(탭 UI·상태 뱃지·출석 토글·동적 폼), 프로그램 게시판 및 필터, 문화 달력 등 스크립트 처리가 포함된 동적 UI 퍼블리싱이 핵심입니다. jQuery/JS로 동적 UI를 다룰 수 있고 캘린더·동적 폼 퍼블리싱 경험이 있는 반응형 퍼블리셔에게 적합합니다.
핵심 요구사항
- 피그마 시안 기반 PC/Mobile 반응형 퍼블리싱 및 크로스 브라우징 확보
- 권한별 마이페이지 - 탭 UI, 상태 뱃지, 출석 토글, 보고서 동적 폼 구현
- 문화 달력 - 월별 캘린더 렌더링 및 일자별 일정 매칭 UI
- 프로그램 게시판 카테고리 필터 및 썸네일 그리드 리스트
- 백엔드 연동을 고려한 주석 처리된 정돈된 코드 산출
산출물
- 퍼블리싱 완료된 HTML/CSS/JS 파일 일체
- 이미지 에셋 원본 파일
- 백엔드 연동용 주석 처리된 코드
매력 포인트
- 기획·디자인 시안 완료로 스펙이 비교적 명확함
- 순수 프론트 퍼블리싱으로 외부 연동·배포 부담 없음
- 일정·견적 협의 여지가 열려 있음
주의사항
- 표기 예산(약 428만원)과 설명 본문 예산(100만원, VAT 별도)이 크게 상이하여 실제 단가 확인 필요
- 동적 마이페이지·캘린더·동적 폼 등 스크립트 작업량 대비 7일 일정이 촉박할 수 있음
프로젝트 유형리뉴얼
적합 개발자2~4년차 반응형 웹 퍼블리셔 (JS/jQuery 동적 UI 능숙)
클라이언트 정보
회사위시켓
위치서울특별시 강남구
고용형태CONTRACTOR
프로젝트 원문 설명
[프로젝트 개요]
- 저희는 충주문화원재단의 웹사이트를 새롭게 고도화하는 프로젝트를 진행 중입니다. 현재 기획 및 피그마(Figma) 디자인 시안이 완료된 상태이며, 이를 바탕으로 반응형 웹 퍼블리싱을 전담해 주실 전문 인력을 찾고 있습니다.
[클라이언트 소개]
- 공공/문화 예술 관련 웹사이트 및 시스템을 구축하는 에이전시입니다.
- 프로젝트 의사결정 구조: 내부 PM 및 디자이너가 산출물을 검토하고 피드백을 드립니다.
- 개발 지식: 내부적으로 기획, 디자인, 백엔드 개발 인력을 모두 보유하고 있으나, 현재 퍼블리싱 리소스가 부족하여 외부 전문가와 협업하고자 합니다.
[왜 이 프로젝트를 하는가]
- 지금 상황: 기존 웹사이트의 노후화된 UI를 개선하고 모바일 접근성을 높이기 위해 디자인 개편을 완료했습니다. 기존 사이트에서 신규로 추가되는 페이지들을 위주로 작업이 필요합니다.
- 끝나면 이렇게 되기를 바랍니다: 피그마 시안과 동일하게 PC, 모바일에서 모두 깨짐 없이 동작하는 깔끔한 반응형 웹 퍼블리싱 산출물(HTML/CSS/JS)을 인계받아, 내부 백엔드 개발자가 바로 연동 작업을 시작할 수 있기를 바랍니다.
- 다만 이런 점이 우려됩니다: 문화 달력(Calendar)이나 권한별 마이페이지 등 스크립트(JS) 작업이 필요한 동적 UI가 포함되어 있습니다. 7 M/D를 예상하고 있으나, 협의 하에 일정 조정 가능합니다.
[필수 과업 범위와 결과물]
1. 수행 범위
- SW 개발: 제공되는 피그마 시안을 바탕으로 한 PC/Mobile 반응형 웹 퍼블리싱 (HTML, CSS, JavaScript/jQuery)
- 외부 연동: 없음 (순수 프론트엔드 퍼블리싱 업무)
- 인프라 구축·배포: 없음 (산출물 파일 전달)
2. 상세 기능 요구 사항 (https://www.figma.com/design/qcYhLrQJ9aCbfnMk5gR31L/%EC%B6%A9%EC%A3%BCv03?node-id=0-1&t=BbQwecVx1ixXmZWu-1)
2-1. 공통 UI 및 레이아웃
- PC/Mobile 반응형 GNB 및 푸터 구현
- 디바이스별 Breakpoint 설정 및 유연한 그리드 시스템 적용
- 주요 브라우저 크로스 브라우징 호환성 확보
2-2. 회원 및 권한별 마이페이지
- 일반/소셜 로그인 및 회원가입 폼 구현
- 사용자 마이페이지: 탭 UI, 신청 내역 리스트, 상태 뱃지 구현
- 중간관리자 마이페이지: 출석체크 토글 스위치, 보고서 작성 동적 폼 구현
2-3. 프로그램 및 캘린더 UI
- 프로그램 게시판: 카테고리 필터 버튼 및 썸네일 그리드 리스트
- 프로그램 상세 및 등록: 일정표 테이블, 동적 행 추가 UI
- 문화 달력: 월별 캘린더 렌더링 및 해당 일자 일정 리스트 매칭 UI
3. 결과물
- 퍼블리싱 완료된 HTML, CSS, JS, 이미지 에셋 원본 파일 일체
- 백엔드 개발 연동을 위한 주석 처리된 코드
[아직 정하지 않은 범위]
- 캘린더 구현 시 특정 오픈소스 라이브러리(FullCalendar 등) 사용 여부는 파트너의 제안을 적극 수용합니다.
[클라이언트 준비 사항]
- 준비된 것: 완료된 피그마(Figma) 디자인 시안 링크
- 이 프로젝트 담당: 내부 PM이 요구사항 전달 및 산출물 취합을 담당합니다.
[오픈 시점과 예산]
- 목표 시점: 12월 초중순 최종 오픈 예정입니다.
- 희망 착수: 파트너 선정 후 즉시 착수 희망
- 예산: 1,000,000원 (부가세 별도) / 파트너의 제안에 따라 최종 협의합니다.
[제안 포함 필수 사항]
- 지원 내용은 아래 기준으로 검토합니다.
- 관리자 대시보드, 동적 폼, 캘린더 UI 등 스크립트 처리가 포함된 퍼블리싱 경험(포트폴리오)을 반드시 첨부해 주세요.
- 피그마 시안을 확인하신 후, 파트너님께서 판단하시는 실제 소요 공수(M/D)와 희망 총 견적 금액을 명확히 적어 주세요.
- 저희는 충주문화원재단의 웹사이트를 새롭게 고도화하는 프로젝트를 진행 중입니다. 현재 기획 및 피그마(Figma) 디자인 시안이 완료된 상태이며, 이를 바탕으로 반응형 웹 퍼블리싱을 전담해 주실 전문 인력을 찾고 있습니다.
[클라이언트 소개]
- 공공/문화 예술 관련 웹사이트 및 시스템을 구축하는 에이전시입니다.
- 프로젝트 의사결정 구조: 내부 PM 및 디자이너가 산출물을 검토하고 피드백을 드립니다.
- 개발 지식: 내부적으로 기획, 디자인, 백엔드 개발 인력을 모두 보유하고 있으나, 현재 퍼블리싱 리소스가 부족하여 외부 전문가와 협업하고자 합니다.
[왜 이 프로젝트를 하는가]
- 지금 상황: 기존 웹사이트의 노후화된 UI를 개선하고 모바일 접근성을 높이기 위해 디자인 개편을 완료했습니다. 기존 사이트에서 신규로 추가되는 페이지들을 위주로 작업이 필요합니다.
- 끝나면 이렇게 되기를 바랍니다: 피그마 시안과 동일하게 PC, 모바일에서 모두 깨짐 없이 동작하는 깔끔한 반응형 웹 퍼블리싱 산출물(HTML/CSS/JS)을 인계받아, 내부 백엔드 개발자가 바로 연동 작업을 시작할 수 있기를 바랍니다.
- 다만 이런 점이 우려됩니다: 문화 달력(Calendar)이나 권한별 마이페이지 등 스크립트(JS) 작업이 필요한 동적 UI가 포함되어 있습니다. 7 M/D를 예상하고 있으나, 협의 하에 일정 조정 가능합니다.
[필수 과업 범위와 결과물]
1. 수행 범위
- SW 개발: 제공되는 피그마 시안을 바탕으로 한 PC/Mobile 반응형 웹 퍼블리싱 (HTML, CSS, JavaScript/jQuery)
- 외부 연동: 없음 (순수 프론트엔드 퍼블리싱 업무)
- 인프라 구축·배포: 없음 (산출물 파일 전달)
2. 상세 기능 요구 사항 (https://www.figma.com/design/qcYhLrQJ9aCbfnMk5gR31L/%EC%B6%A9%EC%A3%BCv03?node-id=0-1&t=BbQwecVx1ixXmZWu-1)
2-1. 공통 UI 및 레이아웃
- PC/Mobile 반응형 GNB 및 푸터 구현
- 디바이스별 Breakpoint 설정 및 유연한 그리드 시스템 적용
- 주요 브라우저 크로스 브라우징 호환성 확보
2-2. 회원 및 권한별 마이페이지
- 일반/소셜 로그인 및 회원가입 폼 구현
- 사용자 마이페이지: 탭 UI, 신청 내역 리스트, 상태 뱃지 구현
- 중간관리자 마이페이지: 출석체크 토글 스위치, 보고서 작성 동적 폼 구현
2-3. 프로그램 및 캘린더 UI
- 프로그램 게시판: 카테고리 필터 버튼 및 썸네일 그리드 리스트
- 프로그램 상세 및 등록: 일정표 테이블, 동적 행 추가 UI
- 문화 달력: 월별 캘린더 렌더링 및 해당 일자 일정 리스트 매칭 UI
3. 결과물
- 퍼블리싱 완료된 HTML, CSS, JS, 이미지 에셋 원본 파일 일체
- 백엔드 개발 연동을 위한 주석 처리된 코드
[아직 정하지 않은 범위]
- 캘린더 구현 시 특정 오픈소스 라이브러리(FullCalendar 등) 사용 여부는 파트너의 제안을 적극 수용합니다.
[클라이언트 준비 사항]
- 준비된 것: 완료된 피그마(Figma) 디자인 시안 링크
- 이 프로젝트 담당: 내부 PM이 요구사항 전달 및 산출물 취합을 담당합니다.
[오픈 시점과 예산]
- 목표 시점: 12월 초중순 최종 오픈 예정입니다.
- 희망 착수: 파트너 선정 후 즉시 착수 희망
- 예산: 1,000,000원 (부가세 별도) / 파트너의 제안에 따라 최종 협의합니다.
[제안 포함 필수 사항]
- 지원 내용은 아래 기준으로 검토합니다.
- 관리자 대시보드, 동적 폼, 캘린더 UI 등 스크립트 처리가 포함된 퍼블리싱 경험(포트폴리오)을 반드시 첨부해 주세요.
- 피그마 시안을 확인하신 후, 파트너님께서 판단하시는 실제 소요 공수(M/D)와 희망 총 견적 금액을 명확히 적어 주세요.
위시켓에서 원본 확인
원본 보기