외주 · 2026

도면 한 장에서
공사 준비까지, 반장

인테리어 창업자가 도면을 그리고, 3D로 확인하고, 자재 수량과 공정 일정을 뽑고, 서류와 현장검증까지 한곳에서 준비하는 서비스입니다. 설계와 개발을 맡았습니다.

AI 도면 가져오기 결과 화면

형태

MVP 웹 서비스

구성

웹, 관리자, API, CLI

사용자

회원, 전문가, 관리자

맡은 일

설계, 개발

도면이 모든 것의
시작이었습니다

창업자가 밟는 순서는 정해져 있습니다. 공간을 정하고, 도면을 그리고, 입체로 확인하고, 자재와 일정을 뽑습니다. 그래서 화면도 그 순서대로 만들었습니다. 도면 하나가 바뀌면 뒤따르는 3D와 자재 수량이 같이 바뀌어야 했고, 이 부분에 가장 많은 시간을 썼습니다.

프로젝트 하나가 공간 정보에서 시작해 도면, 3D, 자재, 일정, 서류, 현장검증 순서로 진행됩니다. 아래 화면은 모두 데모 데이터로 찍었습니다.

1단계

프로젝트 만들기

업종과 면적, 공간 구성을 넣으면 기본 공간이 바로 준비됩니다. 갖고 있는 도면이 있으면 AI로 바꾸거나 밑그림으로 깔 수 있습니다. 만든 뒤에는 개요 화면이 진행 상황과 지금 할 일을 안내합니다.

2단계

AI 도면 가져오기

PDF 도면을 올리면 벽과 방을 편집할 수 있는 도면으로 바꿉니다. 전부 맞히려고 하지 않고, 확실하지 않은 곳만 사용자에게 묻습니다. 출입구, 개구부, 방 이름, 축척을 질문으로 확인하고, 답할 때마다 도면에 바로 반영합니다.

3단계

도면 편집기와 AI 도우미

방, 벽, 문, 창, 기둥, 가구, 조명을 그리고 치수와 면적을 자동으로 표시합니다. 도면 이미지를 깔고 따라 그릴 수도 있습니다. AI 도우미는 바뀔 곳을 먼저 보여 주고, 적용과 저장은 사용자가 정합니다.

4단계

3D 보기

저장한 도면이 바로 입체가 됩니다. 2D에서 고치면 3D도 함께 바뀝니다. 회전, 확대, 이동과 2D·3D 전환을 지원합니다.

5단계

자재 산출

방마다 바닥, 벽, 천장 면적을 계산하고 할증과 포장 단위를 반영해 수량을 냅니다. 공간별 추천 자재를 켜고 끄며 고를 수 있습니다. 도면이 바뀌면 다시 산출하라고 표시하고, PDF와 엑셀로 내보낼 수 있습니다.

6단계

공정 일정

착공일, 공사 가능 요일, 공휴일 제외 여부와 포함할 공정을 고르면 일정이 자동으로 만들어집니다. 간트와 월간 달력으로 보고 고칠 수 있습니다. 로그인 없이 보는 공유 링크를 만들 수 있고, PDF, 엑셀, 캘린더 파일로 내보냅니다.

7단계

서류 가이드

업종과 지역으로 필요한 인허가 서류를 판정합니다. 사업자 정보를 한 번 넣으면 서류 PDF를 자동으로 채워 줍니다.

8단계

현장검증

방문 주소와 희망 일정을 넣고 전문가를 고르면 신청이 끝납니다. 진행 상태를 보고 취소하거나 일정 변경을 요청할 수 있습니다. 전문가는 별도 화면에서 사진과 리포트를 올립니다.

AI는 제안만 합니다

"거실을 조금 넓혀 줘" 같은 요청을 받으면 무엇이 어떻게 바뀌는지 먼저 보여 줍니다. 도면은 돈이 걸린 문서라서, 알아서 고치는 쪽보다 미리 보여 주는 쪽이 맞다고 판단했습니다.

일정도 같은 방식입니다. 조건을 고르면 일정이 만들어지고, 사용자가 간트와 달력에서 직접 고칩니다.

모바일

앱 설치 없이 휴대폰 브라우저에서 같은 기능을 씁니다. 편집기는 두 손가락 확대와 이동을 지원합니다.

관리자 콘솔

운영값을 코드에 박지 않고 관리자 화면에서 바꾸도록 만들었습니다. 회원과 프로젝트 조회, 자재와 가구 카탈로그, 3D 질감, 공정 템플릿, 서류 규칙, 약관 버전까지 개발자 없이 운영할 수 있고, 모든 변경은 감사 기록에 남습니다.

쓴 기술

웹
Next.js, React, TypeScript
도면·3D
도면 편집기, 3D 뷰어, PDF 변환
운영
관리자 콘솔, CLI, 배포 자동화

비슷한 서비스를 만들고 싶다면

문의하기다른 작업 보기