프로젝트 배경
도료 회사 홈페이지의 실제 방문자는 시공사와 설계사무소이고, 이들이 찾는 것은 브랜드 이미지가 아니라 제품이 자기 현장에 맞는지 판단할 수치와 문서입니다. 국내 도료사들의 제품 페이지를 조사해 보니 상세 최상단이 기술자료·MSDS 내려받기였고, 사양은 고정된 항목 표, 건조시간은 온도별로 나뉘어 있었습니다. 한 대형 도료사는 기술자료집만 모바일 전용 사이트로 따로 운영하고 있었습니다. 현장에서 휴대폰으로 확인
프로젝트 성과
필요량 계산
면적을 입력하면 로스율을 포함한 필요 용량과 용기 수가 계산됩니다
제품 상세 11개 고정 항목 표
열한 개 고정 항목 표와 온도별 건조시간, 도장 단계 표시, 자료 첨부 자리를 갖췄습니다
관리자 등록 서식 1:1 대응
서식 항목과 제품 상세 표 항목이 1:1로 대응해 담당자가 제품·시공 사례를 실제로 추가·삭제합니다
375px 오버플로 자동 검증
캡처 스크립트에 375px 가로 오버플로 검사를 내장해 화면을 찍을 때마다 자동으로 검증됩니다
핵심 기능
진행 단계
도메인 조사
2026.07.
국내 도료사 제품 페이지의 항목 구성·분류축·문서 제공 방식 확인
프로젝트 상세
페인트·도료 브랜드의 기업 소개 홈페이지를 현장 실무자 기준으로 설계한 화면입니다. 회사 소개·제품 소개·시공 사례·연락처와 제품 상세, 그리고 담당자가 직접 콘텐츠를 등록하는 관리자 화면까지 브라우저에서 실제로 동작합니다. 가상 브랜드를 세워 만든 자체 프로젝트이며, 제품 8종과 시공 사례 8건으로 전 흐름이 돌아갑니다. [배경] 도료 회사 홈페이지에 오는 사람은 대부분 시공사와 설계사무소이고, 이들







