

전력 배전 제품과 기업 신뢰를
다국어 B2B 웹사이트로 정리했습니다.
구주기술은 변압기, 스위치기어, 절연체, 원자력 관련 제품을 다루는 B2B 전력·전자 부품 기업입니다. 국내외 고객이 제품군과 카탈로그, 회사 규모, 문의 방법을 빠르게 확인할 수 있는 구조가 필요했습니다.
웹핏은 제품 탐색, 카탈로그 다운로드, 회사 소개, 공장 정보, 문의폼을 각각 분리해 기술 제품을 검토하는 고객의 순서에 맞게 화면을 정리했습니다.
실제 화면 구성
전력·전자 부품 구매자가 회사 신뢰, 제품군, 카탈로그, 문의 방법을 순서대로 확인할 수 있도록 화면을 나누었습니다.
01 Main
기업 신뢰와 주요 진입점을 보여주는 메인
전력망 이미지를 활용해 산업 신뢰를 먼저 전달하고, 제품·카탈로그·회사 소개·문의로 이어지는 진입점을 배치했습니다.
- 영문 중심의 글로벌 B2B 메시지 구성
- Products, Catalog, About, Contact 진입 카드 배치
- KR/EN 언어 전환을 통한 다국어 접근성 제공
02 Catalog
전력 배전 제품 카탈로그
제품군별 기술 항목을 목록화해 구매자가 필요한 자료와 세부 제품을 빠르게 확인할 수 있게 정리했습니다.
- 전체 카탈로그 다운로드 버튼 배치
- Transformers, Switchgears, Insulators 등 제품군 분류
- 기술 제품명을 아코디언형 리스트로 구성
03 Products
제품 이미지를 중심으로 보는 제품 목록
기술 제품을 카테고리 탭과 카드형 이미지로 보여주어 제품군을 시각적으로 비교할 수 있게 구성했습니다.
- 제품 카테고리 탭으로 탐색 경로 제공
- 제품 이미지와 제품명을 카드 안에 정리
- 페이지네이션으로 많은 제품군 확장 가능
04 Contact
견적과 기술 상담을 받는 문의 화면
해외 고객도 바로 문의할 수 있도록 회사, 이메일, 연락처, 메시지를 입력하는 영문 폼을 구성했습니다.
- 문의 전 안내 문구로 응답 방식 설명
- 회사명, 연락처, 메시지를 받는 B2B 문의폼
- 푸터에 본사 주소와 위치 정보를 함께 제공
05 About Us
회사 규모와 제조 기반을 보여주는 소개
공장, 사업 영역, 오피스 정보를 통해 기술 제품 기업으로서의 규모와 신뢰를 보여주는 페이지입니다.
- 본사와 공장 이미지를 크게 배치해 실체감 강화
- 전력 배전과 원자력 제품 영역을 다이어그램으로 설명
- 국내외 공장 위치와 연락 정보를 섹션별로 정리




