오토공방
회사 업무 자동화 시스템을 만들고, 만드는 법을 가르칩니다.
아직 개발 전이어도 됩니다. 실제 데이터 대신 예시 데이터로 돌아가는 웹앱을 만들어 드립니다. 고객이 쓰는 화면부터 운영하는 관리자 화면까지, 모든 화면이 눌러집니다.
보이는 화면은 모두 샘플입니다. 회사 · 사람 · 숫자는 가상입니다.
업종이 다른 샘플 7개입니다. 회사 · 사람 · 숫자는 모두 가상입니다.




























CNC 정밀가공 공장 관제
발주 → 견적 → 작업지시 → 설비 · 품질 → 외주 → 출하. 현장 TV · 태블릿 화면 포함.
화면 30 · 직원 20 · 관리자 10



02 경영 대시보드휴대폰 · 태블릿 화면전 화면 30장 보기
10 작업자 작업 화면
11 불량·이상 보고
15 자재·공구 재고
09 설비 현황판
08 생산 일정
06 도면·사양 뷰어
1인 개발 사업자 업무 웹
문의 → 미팅 → 견적 → 계약 → 입금 → 프로젝트. 고객에게 보내는 링크 화면 4장까지.
화면 30 · 직원 16 · 고객 링크 4 · 관리자 10



11 견적서 편집·PDF휴대폰 화면전 화면 30장 보기
06 사전 질문지(고객)
07 미팅 예약(고객)
13 계약서·서명(고객)
01 현황
02 인박스
16 프로젝트 현황판
B2B 설비 영업팀 웹
리드 → 현장 진단 → 절감 제안 → 견적 · 할인 결재 → 수주 → 설치 인계.
화면 30 · 직원 20 · 관리자 10



13 할인 결재휴대폰 화면전 화면 30장 보기
02 내 하루
09 현장 진단 시트
18 설치 인계 카드
03 영업 대시보드
07 파이프라인
10 절감 시뮬레이터
상가 재활용 수거 · 지원사업 발표용
점주가 수거를 맡기고, 기사가 경로대로 수거하고, 운영팀이 배차 · 정산 · ESG 리포트.
화면 30 · 점주 13 · 기사 6 · 공통 1 · 관리자 10



23 배차 보드휴대폰 화면전 화면 30장 보기
01 서비스 소개
04 점주 홈
15 수거 처리
21 운영 대시보드
22 수거 요청 관리
24 상가 관리
교회 예배 자막 서비스
교회가 가입해 예배 자막을 쓰고, 운영팀이 교회 · 결제 · 글을 관리. 기본 30화면을 넘겨 키운 예.
화면 44 · 고객 25 · 관리자 19



34 주문과 결제휴대폰 화면전 화면 44장 보기
02 만든 사람
04 사역 노트
16 회원가입
27 관리자 대시보드
28 교회 목록
38 글 쓰기
인테리어 시공 견적 비교 · 매칭
고객이 견적을 받아 비교하고, 파트너가 견적 · 공정을 올리고, 운영팀이 검수 · 정산.
화면 30 · 고객 13 · 파트너 7 · 관리자 10



22 견적 요청 검수휴대폰 화면전 화면 30장 보기
01 홈
09 견적 비교
12 공사 진행 현황
21 관리자 대시보드
23 요청 상세·파트너 배정
16 견적서 작성
치과 · 병원 마케팅 SaaS
자료 → 영상 기획 · 편집 → 게시 · 광고 → 성과 대시보드. 의료광고 표현 검수 화면 포함.
화면 30 · 병원 20 · 관리자 10



09 편집기·미리보기휴대폰 화면전 화면 30장 보기
10 승인 요청·검토
03 통합 대시보드
19 주간 리포트
03 통합 대시보드
17 캠페인 상세
25 의료광고 표현 검수
중간 · 최종 점검이 다가오는데 보여 줄 실물이 없을 때. 사업계획서 속 서비스를 심사위원이 직접 눌러 보는 링크로 만듭니다.
중간 · 최종 점검 전에협약이나 회계연도가 끝나기 전에, 남는 결과물로 쓰고 싶을 때. 화면 목록을 정하면 3영업일 안에 첫 시연본이 나옵니다.
12월 · 1월 마감 전에아이디어를 말로만 설명하지 않고, 눌러 보는 앱으로 보여 주고 싶을 때. 발표 순서에 맞춰 시연 흐름을 짭니다.
12월~2월 공고 시즌제안서에 시연 링크를 넣어야 할 때, 또는 개발사에 맡기기 전에 화면부터 확정해 견적을 정확히 받고 싶을 때.
신사업 · DX 담당자 품의용으로도이런 경우에는 맞지 않습니다. 내일 바로 장사에 쓸 도구가 필요하다면(예시 데이터라 실제 운영은 못 합니다), 또는 직접 만들 수 있는 개발자라면.
바이브코딩으로 화면 한두 장은 하루면 나옵니다. 시연본은 화면 30장이 같은 데이터 · 같은 디자인 규칙 · 같은 권한 구조 위에서 하나의 서비스처럼 움직여야 합니다.
화면마다 따로 놉니다같은 주문이 목록에선 300만 원, 상세에선 320만 원. 날짜 · 이름 · 상태가 화면끼리 어긋나면 보는 사람이 바로 알아챕니다.
데이터 정합성화면 목록과 데이터를 먼저 고정합니다무엇이 어디에 나오는지 정해 두고 만들고, 다 만든 뒤 화면끼리 숫자를 대조해 검사합니다.
고객 화면만 나옵니다요청하는 화면은 만들어도, 그 요청을 받아 처리하는 운영자 화면(검수 · 배정 · 정산 · 권한)은 빠지기 쉽습니다.
역할 · 권한 설계관리자 화면이 기본입니다고객이 요청하면 운영자가 처리하고, 고객 화면이 바뀌는 흐름까지 역할별로 이어 둡니다.
고칠수록 다른 곳이 깨집니다한 화면을 고치면 다른 화면의 모양이 바뀌고, PC를 맞추면 휴대폰이 깨집니다. 발표 전날까지 고치게 됩니다.
디자인 시스템한 가지 디자인 규칙으로 전 화면을색 · 글자 · 단추 규칙을 하나로 정해 30장에 똑같이 쓰고, 휴대폰 · PC 둘 다 확인합니다.
'AI로 대충 만든 티'가 납니다보라색 그라데이션, 이모지, 홍길동 · 테스트123 같은 데이터. 심사위원과 발주처는 그걸 먼저 봅니다.
업종 데이터업종에 맞는 가상 회사와 숫자로샘플 7개가 모두 다른 모양인 이유입니다. 업종에 맞는 이름 · 금액 · 일정으로 채웁니다.
화면 몇 장이 아니라 흐름을 보여 드립니다. 고객이 요청하면 운영자가 처리하고, 고객 화면에 결과가 도착합니다. 아래는 인테리어 견적 샘플 「반듯」의 한 장면입니다.

집 정보 · 공사 범위 · 사진을 올리고 보냅니다.

관리자 화면에서 요청을 확인하고 업체 3곳에 보냅니다.

세 업체의 견적을 나란히 놓고 비교합니다.
화면 수로 정합니다. 화면 1개는 주소 1개이고, 목록과 상세는 각각 셉니다.
시연용 MVP · 10월 한정 금액
선착순 5명300만 원정식 가격
150만 원VAT 별도
사용자 화면 20 + 관리자 화면 10
선착순 5명이 차거나 10월이 지나면 정식 가격 300만 원입니다.
30화면을 넘는 규모는 화면 목록을 보고 견적을 드립니다. 예를 들어 샘플 VerseLine은 고객 25 · 관리자 19, 모두 44화면입니다.
실제 데이터 · 로그인 · 결제를 붙이는 개발은 별도 견적입니다. 시연본에서 확정한 화면이 그대로 출발점이 됩니다.
무엇을 만들고 싶은지 한 줄과, 언제 보여 줘야 하는지만 알려 주세요.
1분누가 보는지, 꼭 보여 줄 장면 3개가 무엇인지 정합니다. 샘플도 같이 눌러 봅니다.
15분사용자 20 · 관리자 10을 함께 고르고, 시연 순서를 정합니다.
확정한 화면을 모두 눌러지게 만들어 링크로 드립니다.
3영업일고칠 곳을 반영해 발표 · 제출에 쓸 수 있게 마무리합니다.
회사 업무 자동화 시스템을 만들고, 만드는 법을 가르칩니다.
RECONNECT 대표. 엔지니어 팀을 이끌며 서비스를 설계하고 만듭니다.
"We make the hard easy."
발표 · 투자 · 발주 단계에서 필요한 건 "어떻게 동작하는지"를 보여 주는 것입니다. 실제 데이터 연결은 다음 단계에서 이 화면 그대로 붙입니다.
하실 수 있습니다. 차이는 기간과 완성도입니다. 누가 보는지, 어떤 장면을 먼저 보여 줄지 정하고, 화면 30개를 서로 맞물리게 만드는 시간을 사시는 겁니다.
이걸 들고 개발사 견적을 받으면 범위가 정해져 있어 견적이 정확해집니다. "뭘 만들지 아직 모르는 비용"이 빠집니다.
네. 실서비스 개발은 별도 견적으로 이어집니다. 받으신 화면 소스코드와, 그때 드리는 개발용 설계 문서가 출발점이 됩니다.
사업마다 외주 용역으로 쓸 수 있는 항목과 조건이 다릅니다. 공고문과 주관기관 안내를 먼저 확인해 주세요.