← WORK 목록으로
KOREA위시켓웹 개발REMOTE

재단 웹사이트 고도화 반응형 웹 퍼블리싱 전문가

충주문화원재단 웹사이트 고도화 프로젝트로, 완료된 피그마 시안을 바탕으로 PC/모바일 반응형 웹 퍼블리싱(HTML/CSS/JS)을 전담하는 작업입니다. 반응형 GNB·푸터, 권한별 마이페이지(탭 UI·상태 뱃지·출석 토글·동적 폼), 프로그램 게시판 및 필터, 문화 달력 등 스크립트 처리가 포함된 동적 UI 퍼블리싱이 핵심입니다. jQuery/JS로 동적 UI를 다룰 수 있고 캘린더·동적 폼 퍼블리싱 경험이 있는 반응형 퍼블리셔에게 적합합니다.

2026.09.28VIEW 11위시켓에서 수집
Budget4,285,714원
Difficulty중급
Duration1~2주
Work style원격 가능
Required stack

필요 기술

HTML5CSS3JavaScriptjQueryFigmaFullCalendar
Project brief

프로젝트 내용

[프로젝트 개요]
- 저희는 충주문화원재단의 웹사이트를 새롭게 고도화하는 프로젝트를 진행 중입니다. 현재 기획 및 피그마(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)와 희망 총 견적 금액을 명확히 적어 주세요.
지원 기회 분석

지원 전에 볼 것

핵심 요구사항

  • 피그마 시안 기반 PC/Mobile 반응형 퍼블리싱 및 크로스 브라우징 확보
  • 권한별 마이페이지 - 탭 UI, 상태 뱃지, 출석 토글, 보고서 동적 폼 구현
  • 문화 달력 - 월별 캘린더 렌더링 및 일자별 일정 매칭 UI
  • 프로그램 게시판 카테고리 필터 및 썸네일 그리드 리스트
  • 백엔드 연동을 고려한 주석 처리된 정돈된 코드 산출

예상 산출물

  • 퍼블리싱 완료된 HTML/CSS/JS 파일 일체
  • 이미지 에셋 원본 파일
  • 백엔드 연동용 주석 처리된 코드

매력 포인트

  • 기획·디자인 시안 완료로 스펙이 비교적 명확함
  • 순수 프론트 퍼블리싱으로 외부 연동·배포 부담 없음
  • 일정·견적 협의 여지가 열려 있음

확인할 점

  • 표기 예산(약 428만원)과 설명 본문 예산(100만원, VAT 별도)이 크게 상이하여 실제 단가 확인 필요
  • 동적 마이페이지·캘린더·동적 폼 등 스크립트 작업량 대비 7일 일정이 촉박할 수 있음
Client signal

클라이언트 정보

회사 · 위시켓 / 지역 · 서울특별시 강남구 / 고용형태 · CONTRACTOR
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...