철강 유통 역량과 제품군을
구매자가 검토하는 순서로 정리했습니다.
스틸러스는 강관, 형강류, 기타 철강 제품을 유통하는 기업으로, 제품 보유 역량과 납품 신뢰, 인증 정보를 함께 보여줘야 하는 B2B 철강 웹사이트입니다.
웹핏은 매출과 납품 실적, 제품 카테고리, 기업 인증, FAQ, 위치 정보가 구매 문의 흐름 안에서 자연스럽게 이어지도록 화면을 정리했습니다.
회사 소개, 사업 소개, 제품, 인증, 고객센터, 위치 정보가 이어지는 흐름을 구성했습니다.
매출, 매입, 누적 매출, 설립연도 등 구매자가 보는 신뢰 지표를 전면에 배치했습니다.
강관류, 형강류, 기타 제품을 이미지와 카테고리 중심으로 탐색하도록 정리했습니다.
기업 인증과 등록 자료를 한 화면에서 확인할 수 있도록 인증 페이지를 구성했습니다.
구매 문의, FAQ, 위치 정보를 통해 상담과 방문으로 이어지는 흐름을 만들었습니다.
실제 화면 구성
철강 유통사의 규모와 제품 보유 역량, 구매 문의에 필요한 정보를 화면별로 나누어 보여주었습니다.
01 Main
기업 규모와 제품군을 보여주는 메인
철강 유통의 신뢰를 먼저 보여주고, 제품 소개와 인증, 고객사, 상담 CTA까지 이어지도록 구성했습니다.
- 매출, 매입, 누적 매출, 설립연도 지표 배치
- 최대 물량 확보, 맞춤 제작, 단위 맞춤 납품 가치 정리
- 제품군과 인증 현황, 상담 CTA 연결
02 Certification
신뢰를 보강하는 기업 인증
구매자가 거래 전 확인하는 인증서와 등록 자료를 한 화면에서 볼 수 있도록 정리했습니다.
- 중소기업 확인서, 사업자등록증, 특허증 등 인증 자료 배치
- 인증 자료를 카드형 이미지 목록으로 구성
- 상담 CTA를 함께 배치해 문의 흐름 유지
03 Products
제품을 탐색하는 카탈로그
철강 제품을 이미지와 제품명 중심으로 보여주어 구매자가 필요한 품목을 빠르게 확인하도록 구성했습니다.
- 강관류, 형강류, 기타 카테고리 필터
- 제품 이미지와 품목명을 한눈에 보이게 배치
- 페이지네이션으로 추가 제품 탐색 흐름 제공
04 FAQ
구매 문의를 모으는 고객센터
회원 전용 견적 게시판 형태로 구매 요청과 상담 문의가 쌓이는 구조를 구성했습니다.
- 구매 문의 게시판 안내 문구 배치
- 견적 요청 목록과 조회수, 날짜 정보 제공
- 게시글 작성 버튼으로 문의 행동 연결
05 Map
방문과 상담을 돕는 오시는 길
본사와 검단 사업장 위치를 지도와 주소, 연락처로 구분해 방문 상담 정보를 명확히 정리했습니다.
- 본사와 사업장 위치 구분
- 지도, 주소, 전화번호 정보 배치
- 오프라인 상담과 방문 연결을 위한 위치 안내
