제품 검토, 기술자료 확인, 적용 사례 탐색, 문의 접수, 관리자 운영까지 이어지는 B2B 카탈로그형 홈페이지 구축 방향을 정리한 제출용 기획서입니다.
본 문서는 실제 고객사명, 실제 로고, 실제 인증서, 실제 카탈로그 원본을 포함하지 않습니다. 공개 검토용 샘플 콘텐츠만 사용했습니다.
건축자재 B2B 홈페이지는 일반 홍보형 페이지보다 제품 비교와 자료 확인의 효율이 중요합니다. 설계사, 시공사, 발주처가 제품군을 빠르게 이해하고, 상세 사양과 적용 예시를 검토한 뒤 문의까지 이어질 수 있는 구조가 필요합니다.
이번 제안은 제품 카탈로그, 질감·색상 탐색, 기술자료 지원, 적용 사례 갤러리, 관리자 운영 예시를 하나의 흐름으로 연결하는 방향을 기준으로 합니다.
| 화면 | 역할 | 검토 포인트 |
|---|---|---|
| Main | 브랜드 첫인상과 핵심 이동 버튼 제공 | 제품, 자료, 제안서, 작업공간으로 빠른 진입 |
| Company | B2B 신뢰 요소와 운영 방향 안내 | 샘플 인증·파트너 지원 구조 |
| Products & Services | 제품군별 비교와 확장 탐색 | 외장, 흡음, 실내 마감재 분류 |
| Product Detail Hotspot | 구성 번호 기반 레이어 설명 | 사용자가 클릭 또는 호버로 상세 정보 확인 |
| Texture / Color Toolkit | 질감과 색상 코드 탐색 | 검색, 선택, 팝업 안내 흐름 |
| Support / Contact | 기술자료와 문의 흐름 | 저장·메일 발송 없는 화면 미리보기 |
| Reference | 국내·해외 적용 예시 갤러리 | 큰 팝업으로 이미지 집중 확인 |
| Admin Preview | 운영자 관리 화면 예시 | 제품, 적용 사례, 자료, 문의 상태 관리 |
외장재, 흡음재, 실내 마감재 등 주요 제품군을 먼저 구분합니다.
핫스팟과 상세 페이지를 통해 구성 레이어와 예시 사양을 확인합니다.
샘플 자료, Q&A, 문의 미리보기로 상담 전 필요한 정보를 정리합니다.
제품명 중심 나열이 아니라 용도, 적용 부위, 연결 자료, 공개 상태를 함께 보여주는 구조로 설계합니다.
컨셉 이미지는 실제 시공 실적처럼 표현하지 않고, 공개 검토용 예시임을 명확히 구분합니다.
카탈로그, 시방서, 인증 안내는 실제 원본 노출 없이 샘플 자료 흐름으로 검토합니다.
사용자가 필요한 제품군과 자료를 미리 정리한 뒤 문의를 남기는 흐름을 제공합니다.
운영자는 제품, 적용 사례, 자료, 문의 항목을 한 화면에서 확인하고 상태를 바꾸는 흐름을 검토할 수 있습니다. 공개 대기, 검토, 예약, 비공개와 같은 상태값을 사용하여 실제 운영 방식에 가까운 구조를 제안합니다.
메뉴, 제품 분류, 자료 유형, 문의 항목, 관리자 운영 항목을 정의합니다.
석재 베이지, 세이지, 그라파이트, 클레이 계열을 기반으로 B2B 신뢰감을 주는 화면 톤을 정리합니다.
메인, 제품, 상세, 자료, 레퍼런스, 문의, 관리자 예시 화면을 데스크톱과 모바일에 맞게 구성합니다.
문구, 자료 고지, 다운로드, 문의 미리보기, 검색 흐름을 점검한 뒤 공개 전 검토를 진행합니다.
방문자는 제품과 자료를 빠르게 찾고, 운영자는 공개 상태와 문의 흐름을 한눈에 확인할 수 있습니다. 단순 회사 소개 페이지를 넘어 B2B 영업과 자료 지원에 맞춘 카탈로그형 홈페이지로 확장할 수 있습니다.
제안 문서 기준일: 2026년 6월 23일
공개 검토 URL: https://nelydo-building-material-b2b-demo.pages.dev/