고양·파주 마사지샵 지도 검색 모바일 웹

고양·파주 마사지샵을 지도에서 찾아 바로 전화하는 안내용 모바일 웹과, 운영자용 관리자 웹 1차 구축 건으로 제안드립니다.

■ 공고를 읽고 가장 먼저 든 생각
"오픈"이 끝이 아니라 "6개월 안에 샵 80곳"이 진짜 목표라고 이해했습니다. 그렇다면 1차의 성패는 사용자 화면보다 관리자 웹의 등록 속도에서 갈립니다. 그래서 관리자 웹을 주소 한 줄 붙여넣기 → 행정동·지도 위치 자동 입력 → 사진 끌어다 놓기 → 저장까지 한 샵을 1분 안에 끝내는 기준으로 설계했습니다. 이 부분이 저희가 드리는 역제안의 핵심입니다.

■ 1차 범위 (공고 그대로)
· 지도(카카오맵)와 목록 전환, 고양·파주 동 단위 필터
· 샵 상세: 상호·사진·주소·전화번호·영업시간·소개
· 상세에서 바로 전화 연결
· 회원가입/로그인 없이 전체 열람
· 홈 화면 추가(PWA) — 앱스토어 심사·등록 비용 없음
· 관리자 웹: 샵 등록·수정·숨김, 사진 등록, 지역 설정
· 등록된 샵은 모두 같은 형식으로 노출(제휴 구분 없음)
1차에서 제외하는 것도 분명히 적습니다: 사용자/사장님 앱, 결제, 예약, 리뷰·별점, 고양·파주 외 지역. 견적 비교의 기준이 되도록 범위를 못 박아 두는 편이 낫다고 판단했습니다.

■ 금액을 판단하실 기준
업체마다 금액이 다른 이유를 저희가 먼저 분해해 드립니다. 기획(요구사항 정의서·화면 설계서) / 디자인(원본 파일) / 사용자 모바일 웹 / 관리자 웹 / 인프라·배포 다섯 덩어리입니다. 다른 제안서를 보실 때도 같은 자로 비교하실 수 있도록, 제안서 안에 항목별로 무엇에 비용이 드는지 적어 두었습니다.

■ 2차를 이미 계산에 넣은 1차 설계
지역 ON/OFF, 제휴 여부, 예약 요청, 별점, 사장님 계정 항목을 1차 데이터 구조와 연동 창구에 미리 넣어 두되 화면에서는 꺼 둡니다. 1차 금액은 그대로이고, 2차에 예약·알림톡·결제·사용자 앱을 붙일 때 1차 코드를 다시 만들지 않습니다. 사용자 앱도 지금 만드는 같은 창구를 그대로 씁니다.

■ 지도 웹에서 실제로 터지는 것들
· 샵이 200곳을 넘기면 지도가 느려집니다 → 보이는 영역만 조회하고 겹치는 핀은 묶습니다.
· 도로명 주소만으로는 상가 2층 샵 위치가 어긋납니다 → 등록 시점에 좌표를 고정 저장하고, 관리자 지도에서 핀을 끌어 보정할 수 있게 합니다.
· 전화 링크는 카카오톡 등 앱 안에서 열린 브라우저에서 동작이 다릅니다 → 오픈 첫날 "전화가 안 돼요"가 나오지 않도록 별도 검수 항목으로 잡습니다.
· 동 필터는 행정동/법정동 기준이 갈립니다 → 기획 단계에서 기준을 확정하고 고정합니다.

■ 진행과 마무리
기획 → 디자인 → 개발 → 검수·배포 순으로 단계마다 확인을 받고 넘어갑니다. 주 1회 진행 상황을 공유드리며, 일산동구시라 오프라인 미팅도 가능합니다. 결과물은 요구사항 정의서, 화면 설계서, 디자인 원본, 전체 소스코드, DB 스키마, 배포·운영 매뉴얼입니다. 소스코드·서버 계정·도메인 계정은 잔금 지급 전에 발주자 명의로 이전해 드리며, 무상 하자보수 3개월과 이후 유지보수 월 비용은 계약서에 명시합니다.

■ 확인이 필요한 것 (공고만으로는 판단이 어려운 부분)
1) 동 목록을 행정동 기준으로 할지 법정동 기준으로 할지 2) 샵 데이터는 누가 수집·입력하고 초기 몇 곳으로 오픈할지 3) 샵 사진의 제공 주체와 저작권 4) 브랜드명·로고 확정 여부 5) 성인·유흥 오인을 막기 위한 표기 정책 범위.

■ 함께 보실 자료
이번 공고만 보고 만든 전략 제안서, 스토리보드(화면 설계), 그리고 지도에서 전화까지 직접 눌러 보실 수 있는 인터랙티브 데모를 한 페이지로 묶어 두었습니다. 링크는 지원 댓글로 함께 남기겠습니다. 지도 기반 웹 구축 실적 URL도 같은 페이지에서 확인하실 수 있도록 정리해 두었습니다.

지원완료 댓글 공고 댓글란에 작성할 짧은 정중 멘트

이번 공고만 보고 만든 제안서·스토리보드·데모를 한 페이지로 묶어 링크로 남깁니다. 지도에서 동으로 좁혀 샵을 열고 전화가 걸리기까지를 직접 눌러 보실 수 있습니다.
특히 관리자 웹을 "주소 붙여넣으면 1분 안에 한 샵 등록"을 기준으로 설계했습니다. 6개월 80곳이라는 목표에 직접 맞닿은 부분이라 보시면 좋겠습니다.
동 기준(행정동/법정동)과 초기 데이터 확보 방식만 정해지면 바로 기획 착수 가능합니다. 오프라인 미팅도 편하신 날짜로 맞추겠습니다.

포트폴리오 1: 제안서 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[제안서] 고양·파주 마사지샵 지도 검색 모바일 웹 · 관리자 웹 1차 구축 전략 제안

[포트폴리오 설명]
고양·파주 마사지샵 안내 모바일 웹과 관리자 웹 1차 구축을 위해 이번 공고만 보고 작성한 전략 제안서입니다.

공고의 요구사항(지도+목록, 동 단위 필터, 샵 상세와 전화 연결, 비회원 열람, 홈 화면 추가, 관리자 웹)을 1차 범위로 정리하고, 앱·결제·예약·리뷰처럼 1차에서 제외할 항목을 함께 명시해 견적 비교의 기준을 만들었습니다.

핵심은 역제안입니다. 성공 기준을 "오픈"이 아니라 "6개월 안에 샵 80곳"으로 놓고, 관리자 웹을 주소 붙여넣기 한 번으로 행정동과 지도 위치가 자동 입력되는 1분 등록 도구로 설계했습니다. 또 지역 ON/OFF·제휴·예약·별점·사장님 계정 항목을 1차 데이터 구조에 미리 심어 두어, 1차 금액을 늘리지 않으면서 2차에 코드를 다시 만들지 않도록 했습니다.

기술 선택은 개발 용어가 아니라 얻는 것을 기준으로 적었습니다. 앱 확장 시 화면 재사용, 국내 주소 정확도, 샵이 늘어도 느려지지 않는 조회, 심사 없는 홈 화면 설치, 잔금 전 계정 명의 이전까지 여섯 축으로 정리했습니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

포트폴리오 2: 스토리보드 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[스토리보드] 고양·파주 마사지샵 안내 서비스 이용자·운영자 화면 설계

[포트폴리오 설명]
스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. 개발 전에 화면을 먼저 맞춰 보면, 만들고 나서 바꾸는 비용이 생기지 않습니다.

고양·파주 마사지샵 안내 서비스를 이용자(모바일 웹)와 운영자(관리자 웹) 두 유형으로 나누고, 각 유형의 여정 순서대로 화면을 배치했습니다.

이용자: 지도·목록 홈(동 칩, 지도/목록 전환, 가까운 순 목록) → 동 단위 필터(행정동 기준 다중 선택) → 샵 상세와 전화 연결(사진·주소·오늘 영업시간·휴무일, 하단 고정 전화 버튼).
운영자: 샵 등록(주소 붙여넣기 → 행정동·좌표 자동 입력, 지도 핀 보정, 사진 끌어다 놓기) → 샵 관리(검색·필터·노출 토글, 사진 없는 샵 구분) → 지역 설정(노출 지역 ON/OFF와 2차 확장 항목).

각 화면 오른쪽에는 그 화면의 목적과 핵심 동작 방식을 함께 적어 두었습니다. 마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려지실 것입니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

PDF → 이미지 변환 명령어 터미널에 입력하여 PDF를 고해상도 이미지로 일괄 분할 변환 (ImageMagick)

magick -density 300 proposal.pdf -quality 100 proposal_page_%02d.png