← 블로그
앱개발

앱 기획서 양식과 와이어프레임, 개발 맡기기 전 이것만 준비하세요 (2026)

앱 기획서 양식을 찾는 분들은 대부분 “개발사에 무엇을 들고 가야 하지?“라는 고민에서 출발합니다. 아이디어는 분명한데, 그걸 개발사가 알아듣는 문서로 바꾸는 방법을 모르는 경우가 많습니다.

이 글에서는 앱 기획서에 꼭 들어가야 할 문서 5가지와, 그중 가장 어렵게 느끼는 와이어프레임을 그리는 순서를 예시와 함께 정리합니다. 끝까지 읽으면 오늘 바로 종이 한 장으로 첫 기획서를 시작할 수 있습니다.

한 줄 답 앱 기획서는 ① 기능 명세서와 우선순위 ② 정보 구조도(IA) ③ 핵심 화면 와이어프레임 ④ 개발 견적 기준서 ⑤ 출시 후 운영비 항목표, 이 5가지로 구성하면 충분합니다. 이 다섯 장이 있으면 개발사마다 다르게 상상하던 범위가 하나로 맞춰져, 견적 비교가 가능해집니다.

기획서 없이 견적을 받으면 생기는 일

같은 아이디어로 개발사 다섯 곳에 견적을 받으면 금액이 두세 배씩 차이 나는 일이 흔합니다. 누가 비싸게 부르는 것이 아니라, 각자 다른 앱을 상상하고 견적을 냈기 때문입니다.

“예약 앱”이라는 말 하나에도 이런 질문이 숨어 있습니다.

  • 예약은 날짜만 고르나, 시간·담당자까지 고르나?
  • 결제는 앱 안에서 하나, 현장에서 하나?
  • 예약 취소·변경 규칙은 누가 어디서 관리하나?

이 질문에 답이 없으면 개발사는 자기 경험대로 범위를 정합니다. 기획서는 이 답을 미리 적어 두는 문서입니다.

앱 기획서 양식, 이 5가지면 충분합니다

문서 담는 내용 없으면 생기는 일
기능 명세서와 우선순위 만들 기능 전체 목록, 1차 출시 포함 여부 견적에 들어간 기능이 업체마다 다름
정보 구조도(IA) 전체 화면 목록과 메뉴 계층 개발 중에 “이 화면은 어디서 가요?“가 반복됨
핵심 화면 와이어프레임 주요 화면의 배치 디자인이 나온 뒤에야 방향이 틀린 걸 발견
개발 견적 기준서 기능·화면·외부 연동 범위를 한 문서로 같은 기준으로 견적 비교가 안 됨
출시 후 운영비 항목표 서버, 스토어 계정, 수수료, 유지보수 출시 직후 예상 못 한 비용이 생김

벤처플래닛의 앱 기획 패키지도 이 다섯 가지를 산출물로 냅니다. 아래에서 하나씩 작성법을 보겠습니다.

1. 기능 명세서: 할 일을 적고, 1차와 나중을 나눈다

기능 명세서는 앱이 해야 할 일을 빠짐없이 적은 표입니다. 핵심은 모두 적은 다음, 1차 출시에 넣을 것과 나중에 할 것을 나누는 것입니다.

아래는 가상의 “동네 필라테스 예약 앱”으로 만든 예시입니다.

구분 기능 설명 1차 출시
회원 휴대폰 번호 로그인 인증번호로 가입·로그인 포함
예약 수업 시간표 보기 날짜별 수업과 남은 자리 포함
예약 예약·취소 수업 4시간 전까지 취소 가능 포함
알림 예약 확정·전날 알림 푸시 알림 포함
결제 앱 안 회원권 결제 카드 결제 나중 (1차는 현장 결제)
운영 강사별 정산 수업 수 기준 정산표 나중

“나중” 칸이 생기는 순간 견적이 현실적으로 바뀝니다. 첫 출시에서 결제를 빼면 결제 연동과 정산 개발이 통째로 빠지기 때문입니다.

IT 팀장 팁 1차 출시에 넣을지 고민될 때는 "이 기능이 없으면 사람들이 서비스를 아예 못 쓰는가?"를 물어보세요. 아니라면 대부분 나중으로 보내도 됩니다.

2. 정보 구조도(IA): 어떤 화면이 있고 어떻게 묶이는가

정보 구조도(IA, Information Architecture)는 앱에 들어갈 화면을 빠짐없이 나열하고, 메뉴를 기준으로 어떻게 묶이는지 계층으로 정리한 문서입니다. 앱의 지도라고 생각하면 됩니다.

예약 앱이라면 이런 구조가 됩니다.

1단계 (하단 탭) 2단계 3단계
홈 오늘 수업
수업 시간표 수업 상세
예약 내 예약 예약 상세·취소
마이 회원 정보 알림 설정
(탭 밖) 로그인 인증번호 확인

이렇게 표로 정리하다 보면 “취소는 어느 화면에서 하지?”, “알림 설정은 어디에 두지?” 같은 빈칸이 저절로 드러납니다. 화면 수도 여기서 확정되기 때문에, 견적의 기준이 되는 문서이기도 합니다.

정보 구조도와 자주 헷갈리는 것이 **화면 흐름도(유저 플로우)**입니다. 정보 구조도가 “무엇이 어디에 있는가”라면, 화면 흐름도는 “사용자가 어떤 순서로 지나가는가”입니다.

예약 흐름: 홈 → 시간표 → 수업 상세 → 예약 완료 → 내 예약

정보 구조도로 화면을 확정한 다음, 핵심 기능마다 이런 흐름을 한 줄씩 그려 두면 와이어프레임을 그릴 때 화면끼리 어떻게 이어지는지가 분명해집니다.

3. 와이어프레임 그리는 순서

와이어프레임은 화면의 뼈대 그림입니다. 색과 이미지 없이, 무엇이 어디에 있는지만 회색 상자로 표시합니다. 처음이라면 이 순서로 그리면 됩니다.

  1. 화면 하나의 목적을 한 문장으로 적습니다. 예: “수업 상세 화면은 이 수업을 예약하게 만든다.”
  2. 목적에 필요한 정보를 중요한 순서로 나열합니다. 수업 이름, 시간, 강사, 남은 자리, 예약 버튼.
  3. 위에서 아래로 배치합니다. 가장 중요한 정보와 버튼이 엄지가 닿는 곳에 오게 합니다.
  4. 상태별 화면을 그립니다. 자리가 남았을 때, 마감됐을 때, 이미 예약했을 때. 이걸 빼먹으면 개발 중에 추가 비용이 생깁니다.
  5. 정보 구조도·화면 흐름과 맞춰 봅니다. 버튼마다 눌렀을 때 어느 화면으로 가는지 적습니다.

도구는 피그마(Figma)를 가장 많이 쓰지만, 처음에는 종이와 펜으로 충분합니다. 와이어프레임은 그림 실력이 아니라 합의를 위한 문서입니다.

주의 와이어프레임 단계에서 색과 폰트를 정하기 시작하면 논의가 "예쁜가"로 흐릅니다. 이 단계에서는 "이 화면에서 사용자가 해야 할 일이 바로 보이는가"만 확인하세요. 디자인은 그다음 단계입니다.

4. 개발 견적 기준서: 어느 개발사든 같은 기준으로

견적 기준서는 앞의 세 문서를 개발사가 견적을 낼 수 있는 형태로 묶은 것입니다. 보통 이런 항목을 담습니다.

항목 예시
출시 범위 iOS·안드로이드 앱, 관리자 웹
개발 방식 웹뷰 하이브리드
화면 수 사용자 12개, 관리자 6개
외부 연동 휴대폰 인증, 푸시 알림
제외 범위 앱 안 결제, 강사 정산 (2차)

“제외 범위”를 적는 것이 특히 중요합니다. 빠진 것이 문서에 적혀 있어야 나중에 “그것도 포함인 줄 알았다”는 분쟁이 생기지 않습니다. 개발 방식을 무엇으로 정할지는 웹뷰 앱·플러터·네이티브 비교 글을 참고하세요.

5. 출시 후 운영비 항목표: 출시 다음 달 청구서를 미리 본다

앱은 출시하는 날부터 고정비가 생깁니다. 금액보다 항목을 빠짐없이 아는 것이 먼저입니다.

항목 내용
스토어 계정 애플 개발자 프로그램 연 99달러, 구글 플레이 개발자 등록 1회 25달러
서버·데이터베이스 사용자 수와 데이터 양에 따라 월 단위로 늘어남
문자·인증 휴대폰 인증 문자 건당 비용
결제 수수료 앱 안 결제를 넣으면 결제대행 수수료
유지보수 OS 업데이트 대응, 오류 수정, 소규모 기능 개선

스토어 계정 비용은 Apple Developer Program 안내에서 확인할 수 있습니다. 나머지는 서비스 규모에 따라 달라지므로, 기획 단계에서 항목만이라도 정리해 두면 출시 후 예산 계획이 훨씬 쉬워집니다.

정리: 오늘 할 수 있는 첫 번째 기획

완벽한 기획서가 아니어도 됩니다. 오늘 이 세 가지만 해 보세요.

  1. 만들고 싶은 기능을 모두 적고, “1차”와 “나중”으로 나누기
  2. 앱을 열고 목적을 이룰 때까지의 화면 이름을 화살표로 잇기
  3. 가장 중요한 화면 하나를 종이에 상자로 그려 보기

이 세 장만 들고 가도 상담과 견적의 질이 달라집니다. 이후 단계가 막막하거나, 개발사 견적을 비교할 기준서가 필요하다면 벤처플래닛 앱 기획 패키지로 함께 정리해 드립니다.

앱 기획 패키지 자세히 보기 →

함께 읽으면 좋은 글

👉 웹뷰 앱·플러터·네이티브, 첫 앱은 무엇으로 만들어야 할까

👉 앱개발 비용, 얼마가 적정할까? 유형별 범위와 견적 판단 기준

👉 앱개발 외주, 맡기기 전에 반드시 알아야 할 5가지

자주 묻는 질문

앱 기획서는 꼭 있어야 외주를 맡길 수 있나요?

없어도 상담은 가능합니다. 다만 기획서 없이 받은 견적은 업체마다 상상한 범위가 달라 금액 차이가 크게 납니다. 최소한 기능 목록과 핵심 화면 몇 장만 있어도 견적이 훨씬 정확해집니다.

와이어프레임은 어떤 도구로 그리나요?

피그마(Figma)를 가장 많이 씁니다. 처음이라면 종이에 사각형으로 그려도 충분합니다. 와이어프레임은 예쁘게 그리는 것이 아니라 화면에 무엇이 어디에 있는지 합의하는 문서입니다.

기능 명세서와 화면 기획서는 무엇이 다른가요?

기능 명세서는 앱이 할 일을 목록으로 적은 문서이고, 화면 기획서(와이어프레임)는 그 기능이 어떤 화면에 어떻게 놓이는지 그린 문서입니다. 둘을 함께 써야 빠진 기능이 보입니다.

기획서를 작성하는 데 얼마나 걸리나요?

첫 출시 범위의 앱이라면 범위에 따라 보통 2~4주 정도 걸립니다. 기능이 많거나 이해관계자가 여럿이면 더 길어집니다. 벤처플래닛 앱 기획 패키지는 2주부터 시작합니다.

기획서를 만든 뒤 다른 개발사에 맡겨도 되나요?

됩니다. 잘 만든 기획서의 목적이 그것입니다. 기능·화면·연동 범위가 문서로 정리돼 있으면 어느 개발사에서든 같은 기준으로 견적을 비교할 수 있습니다.

CONTACT

상담 신청

만들고 싶은 앱이 있다면, 범위부터 같이 정해 드립니다.

무엇이 필요하세요?

수집 항목: 담당자명, 연락처, 이메일, 문의 내용, 회사·브랜드명(선택) · 목적: 상담 회신 · 보관: 신청일로부터 1년 뒤 파기. 동의하지 않으면 상담 신청을 받을 수 없습니다. 자세히 보기