Components MM 위시켓 159496 · 스포츠 레슨 플랫폼 홍보 사이트 리뉴얼
상세 기획·설계서 시안 보기

PROPOSAL · WISHKET 159496

3분 안에 이해되고,
이벤트는 직접 바꾸는
홍보 사이트

스포츠 레슨 플랫폼 홍보 웹사이트 리뉴얼과 이벤트 페이지 제작 제안입니다. 공고 내용을 바탕으로 메뉴별 9개 화면이 실제로 동작하는 시안을 먼저 만들었습니다.

제안 금액
500만 원VAT 별도 · 공고 예산 기준
작업 기간
30일계약 다음 날 시작, 검수 포함
개발 방식
자체 개발이벤트 관리 화면 포함
오픈 후 운영비
월 1천 원 안팎AWS 기준 · 도메인 별도
SCOPE

공고의 요구사항을 이렇게 수행합니다

  1. 기획 및 디자인수행 범위 1제공 자료와 현행 사이트를 진단해 사이트맵과 화면 설계서를 먼저 제안하고, 색·글꼴·간격·폼 규격을 정한 디자인 시스템으로 모든 화면을 같은 기준으로 디자인합니다.
  2. SW 개발수행 범위 2PC·모바일 반응형 사이트(메인 + 서브 7종)와 이벤트 목록·상세, 개발자 없이 이벤트를 올리는 관리 화면을 만듭니다.
  3. 인프라 구축·배포수행 범위 3협의한 호스팅(기본안: 클라이언트 명의 AWS)에 배포하고, 기존 주소로 들어와도 새 페이지로 이어지게 연결한 뒤 접근 권한을 넘겨 드립니다.
  4. 테스트·QA수행 범위 4화면 폭 7종(360~1920px) 자동 점검과 실제 기기 점검을 하고, 15일차부터 검수용 주소를 상시 공개합니다. 의견은 영업일 2일 안에 반영합니다.

2-1 서비스 소개 웹사이트

  • 화면 구성 개선: 문제 → 해결 → 신뢰 → 행동 순서로 정보 전달 방식 재구성
  • 서비스 소개·주요 콘텐츠: 서비스 소개, 레슨 종목, 이용 방법, 코치 지원, 고객센터
  • 메뉴·이동 흐름: 모든 화면의 머리글과 마지막에 앱 이동 버튼, 첫 화면에서 종목·지역을 고르면 바로 앱으로
  • 반응형: 7개 화면 폭 기준으로 설계하고 점검

2-2 이벤트 페이지

  • 이벤트 목록: 진행 중 · 오픈 예정 · 종료를 날짜로 자동 분류, D-day 표시
  • 이벤트 상세: 혜택, 참여 방법, 쿠폰, 유의사항을 텍스트 블록으로. 관련 화면과 앱으로 연결
  • 공통 화면 구조: 하나의 틀에 내용만 바꿔 계속 사용, 관리 화면에서 직접 등록·수정
  • 브랜드 적용: 사이트와 같은 디자인 시스템, 모바일 하단 고정 참여 버튼

3 결과물

  • 운영 가능한 웹사이트와 이벤트 목록·상세
  • 소스코드와 관련 파일
  • 화면 설계서와 디자인 원본
  • 호스팅·배포 정보와 접근 권한
  • 운영 안내서 (콘텐츠 수정·이벤트 재활용·배포)
  • 결과보고서 (작업 내용·테스트 결과·수정 내역)
  • 설정 파일 하나로 문구·이미지·색을 바꾸는 구조
필수 1

개발 방식과 기술 스택, 선택 이유

제안

자체 개발
정적 사이트 + 이벤트 관리 화면

방문자는 빠른 정적 페이지를 보고, 담당자는 비밀번호로 들어가는 관리 화면에서 이벤트만 고칩니다.

HTML · CSS · JavaScriptGSAP · Lenis (스크롤 연출)AWS S3 · CloudFront (호스팅)AWS Lambda (관리 화면 · 폼 접수)AWS SES (문의 메일)

선택 이유

  1. 이벤트 교체가 가장 쉽습니다사내 개발 인력이 없으셔서, 칸만 채우면 목록과 상세에 바로 반영되는 전용 관리 화면을 둡니다.
  2. 지원사업이 끝난 뒤 비용이 작습니다빌더의 월 이용료 대신 AWS 무료 구간 안에서 월 1천 원 안팎으로 운영됩니다.
  3. 이해시키는 화면을 제약 없이 만듭니다스크롤 연출과 맞춤 레이아웃을 그대로 구현하고, 필요한 파일만 실어 빠르게 열립니다.

기존 운영 환경 고려: 지금 사이트가 아임웹·윅스 같은 빌더이고 직접 수정에 익숙하시면 빌더 유지도 선택지입니다. 착수 첫 주에 현행 환경을 확인한 뒤 함께 결정하고, 운영 중인 서버가 있으면 그 환경에 맞춰 올립니다.

필수 2

이 상태가 되면 성공적으로 끝났다고 봅니다

예쁜 화면보다 오픈 뒤에도 운영이 계속되는 사이트가 완료 기준이라고 생각합니다. 항목마다 근거를 결과보고서에 넣습니다.

완료 기준확인 방법
01방문자가 첫 화면에서 서비스 내용과 앱으로 가는 길을 찾는다모든 화면의 앱 버튼과 링크 점검표
02담당자가 개발자 없이 새 이벤트를 10분 안에 올린다운영 교육 때 담당자가 직접 해 보기
03화면 폭 7종에서 가로 넘침, 잘린 글자, 겹친 요소가 0건이다자동 점검표 (시안 단계 77개 조합 0건)
04모바일 Lighthouse 성능 85점, 접근성 90점 이상이다측정 결과 첨부
05실제 도메인으로 접속되고, 기존 주소도 새 페이지로 이어진다배포 확인
06소스, 디자인 원본, 계정 권한, 운영 안내서, 결과보고서를 모두 넘겨받았다인수 확인
필수 3

아직 정하지 않은 범위에 대한 의견

미정 1

세부 화면 수와 콘텐츠 배치

메인 1 + 서브 7종 + 관리 화면을 기본안으로 하고, 현행 사이트를 본 뒤 착수 1주 안에 확정합니다. 늘거나 줄면 페이지당 30만 원으로 정산합니다.

미정 2

첫 이벤트 콘텐츠와 상세 구성

상시로 쓰기 좋은 "첫 레슨 할인"과 시즌 이벤트 1개, 모두 2개로 오픈하기를 권합니다. 배너 이미지가 없으시면 2개 배너는 저희가 만듭니다(비용 포함).

미정 3

호스팅 환경

기존 호스팅이 있으면 그대로 씁니다. 없거나 빌더라면 클라이언트 명의 AWS 계정을 함께 만들어 배포하고 권한을 넘겨 드립니다.

공고만으로 판단이 어려워 확인이 필요한 부분

  • 지금 사이트의 주소와 구축 방식, 도메인·호스팅 계정 보유 여부
  • 앱 연결 주소(App Store, Google Play, 웹 서비스)와 특정 화면으로 바로 여는 링크가 있는지
  • 예산 500만 원의 VAT 포함 여부와 지원사업 정산 서류(견적서, 계약서, 세금계산서, 결과보고서 양식)
  • 이벤트 참여 신청을 사이트에서 받을지, 앱으로만 연결할지 (사이트에서 받으면 신청 폼 추가)
  • 문의를 받을 곳(이메일, 구글 시트, 슬랙)과 방문 분석 도구(GA4 등) 설치 여부
  • 로고 원본, 브랜드 색·글꼴 기준, 쓸 수 있는 실제 사진의 양
필수 4

항목별 비용과 예상 기간

항목포함 내용금액
웹사이트 리뉴얼분석·기획 50만 원 · 디자인 140만 원 · 개발 160만 원현행 진단, 사이트맵, 화면 설계서, 메인 + 서브 PC·모바일 디자인, 반응형 개발, 스크롤 인터랙션, 폼 2종, 검색 노출 기본 설정350만 원
이벤트 페이지 제작목록·상세 공통 틀, 이벤트 관리 화면, 첫 이벤트 2개 입력90만 원
배포 및 검수호스팅 구성과 배포, 기존 주소 연결, 기기별 점검, 운영 안내서, 결과보고서60만 원
합계 (VAT 별도)500만 원

예산이 VAT 포함 500만 원이라면 공급가 450만 원(VAT 포함 495만 원)으로 맞춥니다. 서비스 소개와 이용 방법을 한 페이지로 합치고 이벤트 관리를 구글 시트 편집 방식으로 바꾸며, 품질 기준은 같습니다.

기간 30일

1~7일기획착수 회의, 진단, 화면 설계 확정
8~14일디자인PC·모바일 디자인, 1차 수정
15~21일개발퍼블리싱, 관리 화면, 검수용 주소 공개
22~27일검수기기 점검, 수정, 운영 교육
28~30일배포오픈, 권한 이전, 문서
별도 발생 비용예상메모
호스팅 (AWS S3 + CloudFront)월 1천 원 안팎월 1TB 전송까지 CDN 무료 구간, 저장·도메인 연결 비용만 발생
외부 서비스 (Lambda, 이메일 발송)0원에 가까움Lambda 무료 구간, 이메일 1,000통당 0.1달러
도메인기존 사용 시 0원새로 사면 연 2만 원 안팎
유료 리소스 (글꼴·사진)0원무료 상업용 글꼴, 제공 사진 사용. 유료 사진이 필요하면 실비로 협의
필수 5

포함 범위, 필요한 자료, 검토·수정 절차, 납품 후 지원

포함 범위

  • 기획: 현행 진단, 사이트맵, 화면 설계서
  • 디자인: 메인 + 서브 7종 PC·모바일, 디자인 시스템, 원본 파일
  • 개발: 반응형 퍼블리싱, 인터랙션, 문의·코치 지원 폼, 이벤트 관리 화면, 검색 노출 기본 설정, 배포

범위 밖: 앱 기능 개발, 회원가입·결제 기능, 사진 촬영과 유료 이미지 구매

필요한 자료 (착수 3일 안)

  • 서비스 소개 문구와 참고 자료
  • 로고 원본(AI·SVG), 브랜드 색·글꼴 기준
  • 사용할 사진과 앱 연결 주소
  • 첫 이벤트 2개의 내용
  • 기존 사이트·도메인·호스팅 접근 정보

검토와 수정 절차

  • 매주 30분 화상으로 진행 상황 공유
  • 15일차부터 검수용 주소를 열어 휴대폰·PC에서 바로 확인
  • 의견은 공유 시트나 캡처로 주시면 영업일 2일 안에 반영
  • 디자인 방향 수정 2회 포함. 합의 범위 안의 오류·깨짐·링크 오류·누락은 횟수 제한 없이 수정

납품 후 오류 수정 지원

  • 오픈 후 60일 무상 하자 보수: 합의 범위 안의 기능 오류, 화면 깨짐, 링크 오류
  • 이후 유지보수: 월 15만 원, 또는 수정이 있을 때 건별 결제
  • 신규 기능·고도화: 따로 협의
PREVIEW

미리 만들어 본 시안

가상 브랜드 "레슨픽"으로 만든 시안입니다. 누르면 해당 화면으로 바로 열립니다.