B2B 전자 부품

복잡한 산업 제품 정보를 글로벌 고객이 이해하기 쉬운 B2B 구조로 정리했습니다.

Client구주기술
Purpose철도·전력 변압기 및 전자 부품을 취급하는 다국어 기반 B2B 웹사이트 구축
Category웹사이트
TypeB2B 전자 부품
B2B 전자 부품 프로젝트 썸네일

전력 배전 제품과 기업 신뢰를
다국어 B2B 웹사이트로 정리했습니다.

구주기술은 변압기, 스위치기어, 절연체, 원자력 관련 제품을 다루는 B2B 전력·전자 부품 기업입니다. 국내외 고객이 제품군과 카탈로그, 회사 규모, 문의 방법을 빠르게 확인할 수 있는 구조가 필요했습니다.

웹핏은 제품 탐색, 카탈로그 다운로드, 회사 소개, 공장 정보, 문의폼을 각각 분리해 기술 제품을 검토하는 고객의 순서에 맞게 화면을 정리했습니다.

#B2B웹사이트#전력부품#다국어#제품카탈로그
구주기술 메인 페이지 캡처
01브랜드 신뢰

안전성과 신뢰성을 강조하는 첫 화면으로 전력 산업 고객에게 기업 이미지를 전달했습니다.

02제품 탐색

변압기, 스위치기어, 철도 절연체, 원자력 제품을 카테고리별로 탐색하게 구성했습니다.

03카탈로그

기술 제품명을 목록화하고 다운로드 버튼을 배치해 자료 확인 흐름을 단순화했습니다.

04회사 소개

경험, 공장, 사업 영역을 시각 자료와 함께 보여주어 B2B 거래 신뢰를 보강했습니다.

05문의 연결

기술 상담과 견적 요청을 받을 수 있도록 영문 문의폼과 연락 흐름을 구성했습니다.

실제 화면 구성

전력·전자 부품 구매자가 회사 신뢰, 제품군, 카탈로그, 문의 방법을 순서대로 확인할 수 있도록 화면을 나누었습니다.

01 Main

기업 신뢰와 주요 진입점을 보여주는 메인

전력망 이미지를 활용해 산업 신뢰를 먼저 전달하고, 제품·카탈로그·회사 소개·문의로 이어지는 진입점을 배치했습니다.

  • 영문 중심의 글로벌 B2B 메시지 구성
  • Products, Catalog, About, Contact 진입 카드 배치
  • KR/EN 언어 전환을 통한 다국어 접근성 제공
구주기술 메인 페이지 전체 캡처
02 Catalog

전력 배전 제품 카탈로그

제품군별 기술 항목을 목록화해 구매자가 필요한 자료와 세부 제품을 빠르게 확인할 수 있게 정리했습니다.

  • 전체 카탈로그 다운로드 버튼 배치
  • Transformers, Switchgears, Insulators 등 제품군 분류
  • 기술 제품명을 아코디언형 리스트로 구성
구주기술 전력 배전 카탈로그 페이지 전체 캡처
03 Products

제품 이미지를 중심으로 보는 제품 목록

기술 제품을 카테고리 탭과 카드형 이미지로 보여주어 제품군을 시각적으로 비교할 수 있게 구성했습니다.

  • 제품 카테고리 탭으로 탐색 경로 제공
  • 제품 이미지와 제품명을 카드 안에 정리
  • 페이지네이션으로 많은 제품군 확장 가능
구주기술 제품 페이지 전체 캡처
04 Contact

견적과 기술 상담을 받는 문의 화면

해외 고객도 바로 문의할 수 있도록 회사, 이메일, 연락처, 메시지를 입력하는 영문 폼을 구성했습니다.

  • 문의 전 안내 문구로 응답 방식 설명
  • 회사명, 연락처, 메시지를 받는 B2B 문의폼
  • 푸터에 본사 주소와 위치 정보를 함께 제공
구주기술 문의 페이지 전체 캡처
05 About Us

회사 규모와 제조 기반을 보여주는 소개

공장, 사업 영역, 오피스 정보를 통해 기술 제품 기업으로서의 규모와 신뢰를 보여주는 페이지입니다.

  • 본사와 공장 이미지를 크게 배치해 실체감 강화
  • 전력 배전과 원자력 제품 영역을 다이어그램으로 설명
  • 국내외 공장 위치와 연락 정보를 섹션별로 정리
구주기술 회사 소개 페이지 전체 캡처

우리 사업도 이해되는 화면으로
정리하고 싶다면

먼저 사업의 이야기와 고객이 이해해야 할 순서부터 함께 정리합니다.

홈페이지 제작 문의하기