인테리어 칸막이 설계 웹 플랫폼
인테리어 칸막이 설계 웹 플랫폼
기업용
웹 솔루션

인테리어 칸막이 설계 웹 플랫폼 (2D/3D)

클라이언트국*칸막이
프로젝트유형인테리어 칸막이 설계 웹 플랫폼 (2D/3D)
비용약 2억원대
기술스택
React 19ReduxViteThree.js (3D 렌더링)Tailwind CSS + DaisyUIFramer MotionTiptap (리치 텍스트 에디터)카카오 OAuth 2.0Express.js

주요 기능

2D/3D 설계 캔버스: react-planner 기반 2D 도면 설계와 3D 뷰를 실시간으로 전환

배치 요소 카탈로그(25종+): 칸막이/문·창/유리 구성/소방 설비 등 현장 필수 요소를 드래그&드롭 배치

평형 템플릿(38종) + 스냅 보정: 평형별 기본 도면 제공, 수평·수직 정렬 및 끝점/버텍스 자동 흡착으로 빠른 설계

편집 도구 & 단축키: 칸막이 분할·병합, 지우개 모드, 단축키로 작업 속도 개선

실시간 면적 계산 & 자동 견적 엔진: 면적 기반으로 강화유리 높이 단가/인건비/협력업체 단가를 반영해 견적 자동 산출

저장·내보내기: 도면 저장/불러오기(AES 암호화) + SVG/고화질 이미지 Export 지원

운영/관리 기능: 카카오 로그인(OAuth) + JWT 인증, 관리자(사용자/단가·인건비 설정/견적·공지 관리), 견적 문의(현장 사진 5방향 + 도면/레퍼런스 제출), 반응형·태블릿 터치 지원

프로젝트 개요

인테리어 칸막이 전문 업체를 위한 웹 기반 2D/3D 설계 플랫폼입니다.
비전문가도 25종 이상의 칸막이·문·창·설비 요소를 드래그&드롭으로 배치하고, 실시간 3D 미리보기와 자동 견적 산출까지 한 번에 해결할 수 있습니다.
38개 평형별 템플릿, 스마트 스냅, 인허가 지역 검사 등 현장 중심 기능으로 설계부터 견적까지의 워크플로우를 혁신하며,
AES 암호화 기반 도면 보안과 역할 기반 관리자 시스템으로 기업 운영에 최적화된 솔루션을 제공합니다.

Background
team. DLNL

팀 디엘엔엘은?

단순 개발이 아닌, 사업의 관점에서
움직이는 팀입니다.

우리는 실제 시장에서 사업을 운영해본 경험을 바탕으로
대표님의 아이디어가 지속 가능한 비즈니스로 성장하도록 돕습니다.
기술은 우리의 수단이고, 사업의 성공이 우리의 목표입니다.

Planning

시장분석 · 전략수립

브랜딩 방향

Design

UX/UI · 브랜드아이덴티티

콘텐츠

Development

시스템 설계

서비스 구현 · 자동화

Operation

마케팅 · 데이터분석

피드백 · 수익화

클라이언트님이 DLNL을 선택한 이유

인테리어 칸막이 설계 웹 플랫폼 프로젝트 소통과정

유선 상담이랑 방문 실측으로 견적 내는 방식이 한계가 있어요.
고객이 치수나 소방법을 몰라서 매번 설명이 길어지고, 결과도 자주 달라지거든요.
고객이 직접 공간을 그려보고 2D 설계 → 3D 확인 → 자동 견적까지
한 번에 끝나는 웹 플랫폼으로 만들어주세요.

STEP 1

상황·요구 정의

STEP 1
유선 견적 과정에서
반복되는 불편과 오차 지점을 정리했습니다.
비전문가도 사용할 수 있는 설계 흐름과
필수 기능을 우선순위로 확정했습니다.
STEP 2

레퍼런스 분석·기능 확정

STEP 2
2D 도면 편집과 3D 시뮬레이션을
하나의 워크플로우로 설계했습니다.
템플릿·스냅·요소 카탈로그·자동견적 엔진까지
제품 구조를 구체화했습니다.
STEP 3

진행·검수 커뮤니케이션

STEP 3
실제 현장 케이스로
반복 테스트하며 완성도를 높였습니다.
배치·스냅·면적 계산·견적 산출 결과를
빠르게 수정·반영해 운영 수준으로 맞췄습니다.

클라이언트님이 DLNL을 선택한 이유 02

원인을 찾고, 재발 없는 방식으로 바꿨습니다

Problem

웹 전환 후 성능 저하

Unity 3D 기반 이식 방식이 무거워 로딩이 길고 조작 반응이 떨어졌습니다.

Cause

엔진 구조의 과부하

브라우저 환경에서 엔진 렌더링·리소스 처리 비용이 커 사용성이 불안정해졌습니다.

Solution

웹 최적화 전면 재구성

추가금 없이 라이브러리를 처음부터 재개발해 2D→3D 전환 에디터를 독자 구현했습니다.

Point 03 - 의료 데이터 보안

Point 01

설계 상세 정보와 견적 결과를 한 화면에서

2D 도면 설계 결과와 3D 미리보기, 자재·수량·금액 계산 결과를 한 화면에 배치해설계 변경 시 견적 변화를 즉시 확인할 수 있도록 구성했습니다.

설계 결과 요약
설계 기반 견적 산출

설계 툴을 넘어,
기업 운영 시스템으로

역할 기반 권한 관리

사용자·협력업체·관리자 권한을 분리해
단가 수정, 데이터 접근, 견적 관리 범위를 체계적으로 통제할 수 있습니다.

단가·인건비 관리 구조

강화유리 높이별 단가, 협력업체 가격, 인건비 비율을 관리자가 직접 설정·수정할 수 있도록 설계했습니다.

설계 데이터 보안 설계

도면 파일은 AES 암호화 방식으로 저장되며, 기업의 설계 자산이 외부에 노출되지 않도록 보호합니다.

Point 02

설계 툴을 넘어,
기업 운영 시스템으로

평형 기준 템플릿 제공

평형 기준 템플릿 제공

21평·31평·40평 등 평형별 기본 설계를 제공해
초기 도면 작업 시간을 단축했습니다.

2D·3D 실시간 전환

2D·3D 실시간 전환

도면 편집과 3D 시뮬레이션을 즉시 전환해
공간 구조와 마감 상태를 동시에 검증할 수 있습니다.

견적 비교

DLNL을 선택하는 이유 01

개발, 어려워하지 마세요.
디엘엔엘이 처음부터 끝까지
함께하겠습니다.

대표님의 아이디어
전달만 해주신다면
찰떡같이 이해하겠습니다.

기획안이 없어도 괜찮습니다.
대표님의 아이디어를 바탕으로 핵심 기능과 서비스 흐름을
정리하고,화면 구조까지 빠르게 구체화합니다.
정리된 내용은 제작 단계로 자연스럽게 이어지도록 문서와 시안으로 깔끔하게 전달합니다.

소통 화면
F&B 기업 대표 권**님

담당 기획자가 없어 대충 말씀드렸는데

정말 정확하게 이해해서 작업해주셨어요

제조업 기업 팀장 박**님

DLNL에서는 완벽하게 작업하시는 것 같아요

근데 기간과 금액도 정말 합리적입니다!

인테리어 업체 대표 김**님

도면과 견적이 연동되는 게 정말 편해요

클라이언트 소통 시간이 절반으로 줄었습니다!

스타트업 대표 최**님

개발하는 기간 내내 개발 팀장을 채용한 것처럼

너무 편하고 결과물도 만족스러웠습니다.

AI기업 담당자 강**님

정말 실력이 출중한 개발진들만 있습니다.

처음부터 고민없이 쭉 함께할 수 있었어요!

DLNL을 선택하는 이유 02

실제 서비스에 필요한 전 과정,
디엘엔엘이 끝까지 완성합니다.

QA 전 과정 진행

QC 및 CS 대응 체계 지원

앱스토어 심사 대응 (Apple/Google)

결제(PG) 연동 및 검수

인하우스 직원 온보딩·운영 컨설팅

추가금 없이 진행

유지보수 무상 지원

버그픽스 무상 지원

DLNL을 선택하는 이유