플러스프로젝트 배경
1) 문제점 - 현장 작업자가 카카오톡으로 보낸 사진과 데이터를 본사 직원이 수기로 고객사 양식에 맞춰 문서로 만드는 반복 업무 발생 - 자재·인건비 단가표가 엑셀로 분산 관리되어 견적 산출 시 일관성 부족 - 서면 결재 의존으로 결재 대기·반려 사유·진행 단계 추적 어려움 - 발주서 작성 및 공급사 이메일 발송이 수작업이라 누락·지연 발생 - 납기 1개월 이상 건의 제작 상황 확인이 담당자 메
프로젝트 성과
RFP 핵심 요구 견적서 2-Track Mix & Match 인터페이스 사전 구현
최저가 기준과 품질(실적) 기준 두 종류 견적을 좌·중 패널에 자동 산출하고, 항목 선택 시 우 패널에 실시간 누적되는 3분할 인터페이스를 사전 기획 단계에서 동작 가능한 형태로 구현했습니다.
룰 베이스 자동화 흐름을 4개 화면으로 분해하여 시각화
현장 입력부터 견적 산출, 전자결재, 본사 검토까지 이어지는 룰 베이스 자동화 흐름을 메인 대시보드·견적서·결재함·현장 모바일 4개 화면으로 분해하고 각 단계의 데이터 흐름을 명시했습니다.
고연령층 친화 모바일 UI를 17pt / 56px 등 구체 수치로 설계
현장 작업자 평균 연령 50대 후반을 기준으로 본문 17pt, 터치 영역 56px 이상, 한 줄 한 입력 원칙을 적용하고 사진 우선 흐름과 큰 칩 버튼으로 입력 단계를 최소화한 모바일 화면을 설계했습니다.
4페이지 전체에 일관된 토큰 기반 디자인 시스템 적용
컬러 토큰, 타이포그래피, 카드 스타일, 인터랙션 패턴을 CSS 변수로 정의하고 4페이지 전체에 동일하게 적용. cubic-bezier 이징과 페이지 reveal 애니메이션으로 운영 완성도까지 사전 기획에 반영
회계·근태 등 사내 업무 확장을 염두에 둔 메뉴 구조 설계
1차 오픈 후 회계·근태 관리·휴가원 등 사내 전체 업무로 확장 가능하도록 GNB 메뉴 구조와 권한 관리 영역을 사전에 설계. 활성 메뉴와 확장 예정 메뉴를 인디케이터로 구분해 단계적 확장 동선을 가시화했습니다.
핵심 기능
견적서 Mix & Match 3분할 인터페이스
마스터 데이터 기반 최저가 기준과 품질(실적) 기준 두 종류 견적을 좌·중 패널에 자동 산출. 항목 선택 시 우 패널에 실시간 누적되고 부가세를 포함한 총 금액이 자동 계산됩니다.
진행 단계
RFP 분석 및 화면 설계
2026.04.
RFP 핵심 요구사항 분석 후 룰 베이스 자동화 흐름을 4개 화면으로 분해. 메인 대시보드·견적서·결재함·현장 모바일 페이지의 정보 구조와 사용자 동선 설계.
프로젝트 상세
1) 포트폴리오 소개 사내 서류 업무 자동화와 전자결재를 통합한 웹 시스템의 사전 기획 시안입니다. RFP 분석 후 제안서 제출에 앞서 핵심 화면 흐름을 먼저 풀어본 화면 설계로, 룰 베이스 기반 자동화로 현장 데이터 입력부터 문서 자동 생성, 전자결재, 본사 검토까지 한 흐름으로 연결되는 구조를 시각화했습니다. 2) 작업 범위 - 화면 설계, UI/UX 디자인, 프론트엔드 구현 - 디자인 시
