프로젝트 배경
회사 연혁·제품 라인업·시공 사례·오시는 길 등 도료 제조사 홈페이지의 표준 정보 구조와 국내외 도료 브랜드의 화면 구성을 먼저 파악하고, 색상칩 카탈로그부터 사내 관리자 CMS까지 동작하는 반응형 홈페이지를 사전 구현했습니다. 담당자가 제품을 새로 등록하는 상황, 시공 사례에 사용 제품을 연결하는 상황, 실무 편집자에게 삭제 권한 없이 계정을 주는 상황 등 실제 운영 시나리오를 미리 검증해둔 덕분에, 15일
프로젝트 성과
담당자가 저장하면 0.2초 만에 고객 화면 반영
제품을 관리자에서 저장한 뒤 고객 제품 목록에 나타나기까지 0.20초를 실측했습니다. 개발사 재배포 요청 없이 담당자가 직접 바꿉니다.
제품 6건을 용도 한 번으로 2건까지 좁힘
색상코드·광택도·도포량이 데이터라 목록에서 바로 걸러집니다. 외벽 선택 시 6건이 2건, 시공 사례도 5건이 아파트 1건으로 좁혀집니다.
사용 제품 입력을 2회에서 1회로
시공 사례에 제품을 연결하면 제품 상세의 쓰인 현장 목록이 자동으로 채워집니다. 같은 관계를 양쪽에 다시 적을 필요가 없습니다.
편집자 계정의 삭제·비공개·주소 변경 3종 차단
실무자에게 등록·수정만 열어 준 계정으로 삭제, 공개 여부 전환, 공개 주소 변경을 시도하면 화면이 아니라 서버가 막습니다.
실제 사용 흐름 19가지를 매 배포마다 확인
로그인부터 제품 등록·공개 반영·사례 연결·권한 차단까지 직접 밟아 확인합니다. 25개 화면이 배포 즉시 깨짐 없이 동작합니다.
핵심 기능
진행 단계
정보 구조·화면 설계
2026.08.
공개 7개 화면과 관리자 6개 화면의 역할, 첫 화면 구성, 이동 경로를 확정했습니다. 국내외 도료 브랜드 화면 구성을 대조해 반영했습니다.
프로젝트 상세
건축용 도료 제조사의 회사 소개·제품 라인업·시공 사례·연락처와 사내 관리자 CMS를 함께 구축한 반응형 홈페이지입니다. 제품의 색상코드·HEX·광택도·도포량·건조시간·VOC 등급을 구조화 데이터로 다뤄 용도·광택도로 걸러 볼 수 있게 했고, 시공 사례에 사용 제품을 연결하면 제품 상세에 그 현장이 자동으로 붙습니다. 담당자가 관리자에서 저장하면 재배포 없이 고객 화면에 반영됩니다.







