브랜드 배너와
NEW SELLER
메인 상단에는 Allen-Bradley, TE Connectivity, Schneider Electric 배너를 넘겨 보는 슬라이드를 두고, 모바일에는 모바일용 배너 이미지를 따로 씁니다. 그 아래 NEW SELLER 영역에는 새로 등록한 제품 12개를 사진과 함께 보여 줍니다.
파츠테크 전자부품 유통 홈페이지 구축
카테고리·브랜드·부품번호로 부품을 찾고, 규격 확인부터 견적 문의까지 한곳에서
- 클라이언트명
- 파츠테크 · PARTS TECH
- 기술
- PHP · CodeIgniter · MySQL · jQuery · Bootstrap · HTML5 · CSS3
- 프로젝트 유형
- 기업 홈페이지 · 부품 카탈로그 · 견적 문의 · PC·모바일 웹
- 담당 범위
- 홈페이지 디자인 · 퍼블리싱 · 개발
- 주요 기능
-
- 브랜드 배너 슬라이드 · NEW SELLER 신상품 12개 · 상단 부품 검색
- 4개 대분류 제품 카테고리 · 주요 브랜드 24개 · A~Z 취급 브랜드 색인
- 제품별 부품번호·규격·주문 가능 수량·데이터시트 · 1:1 견적 문의 접수
- 프로젝트 개요
-
- 파츠테크는 반도체, 커넥터, 릴레이, 스위치, 센서, 모터, LED 같은 전기전자부품을 전문으로 유통하는 기업입니다.
- 취급하는 브랜드와 부품 종류가 많아, 부품을 카테고리·브랜드·부품번호 세 갈래로 찾도록 하고 제품마다 부품번호, 제조업체, 규격, 주문 가능 수량과 데이터시트를 정리한 홈페이지를 구축했습니다.
- 필요한 부품을 찾은 방문자가 제조업체와 부품번호를 적어 견적을 문의하도록 1:1 견적 문의 게시판을 연결했습니다.
- 개발 목표
-
- 방문자가 부품번호를 검색하거나 카테고리·브랜드 목록을 따라가 원하는 부품을 찾고, 규격과 주문 가능 수량을 목록에서 바로 비교하도록 합니다.
- 회원가입 없이도 견적을 문의할 수 있게 하고, 문의 내용은 비밀글로 저장해 글쓴이와 운영자만 확인하도록 합니다.
DESIGN SYSTEM
primary Color
secondary Color
text Color
Kor
Nanum Barun Gothic
Eng
Nanum Barun Gothic
WEB DESIGN
아는 것이 부품번호든 브랜드든,
찾는 데서 견적 문의까지
파츠테크는 반도체와 커넥터부터 산업용 공구, 계측기까지 여러 브랜드의 부품을 취급합니다. 방문자가 부품 종류, 브랜드, 부품번호 가운데 아는 것으로 부품을 찾고, 규격을 확인한 뒤 견적 문의까지 이어가도록 홈페이지 구조를 정리했습니다.
-
세 갈래로 찾는 부품
제품 메뉴는 4개 대분류 아래 중분류와 세부 분류로 나누고, 브랜드는 주요 브랜드 로고 목록과 A~Z 취급 브랜드 색인으로 따로 두었습니다. 상단 검색창에 부품번호를 넣어 바로 찾을 수도 있습니다.
-
같은 표로 보는 부품 정보
제품 목록을 이미지, 제품명, 제조업체 부품번호, 제조업체, 규격, 주문 가능 수량, 데이터시트 칸으로 나눈 표로 보여 줍니다.
-
부품번호를 적는 견적 문의
견적 문의 글쓰기에 회사명, 연락처, 이메일과 함께 제조업체와 부품번호 입력란을 따로 두었습니다.
브랜드마다 다른 부품 정보를
같은 항목으로 정리한 유통 홈페이지
브랜드마다 부품을 나누는 방식과 규격을 적는 방식이 다릅니다. 모든 제품을 부품번호, 제조업체, 규격, 주문 가능 수량, 데이터시트라는 같은 항목으로 정리하고, 신상품·브랜드별 목록과 검색 결과에서 같은 표로 보여 주도록 했습니다.
브랜드 배너와
4개 대분류로 나눈
제품 카테고리
전자부품·전원·커넥터, 전기·자동화·케이블, 기계 제품·공구, IT·계측·안전장비 4개 대분류 아래에 Connectors, Relays, Semiconductors 같은 중분류와 세부 분류를 한 화면에 펼쳐 두었습니다. 분류 이름을 누르면 그 분류의 제품 목록으로 이동합니다.
주요 브랜드와
A~Z 취급 브랜드 색인
주요 브랜드 페이지에는 ABB, FLUKE, SIEMENS, molex 같은 24개 브랜드를 로고로 모아 두었습니다. 취급 브랜드 페이지는 A부터 Z, 숫자까지 첫 글자별로 브랜드 이름을 나눠 보여 줍니다. 브랜드를 누르면 그 브랜드의 제품 목록으로 이동하고, 목록에서는 그 브랜드의 제품 분류로 다시 좁혀 볼 수 있습니다.
부품번호 검색과
모바일 메뉴
상단 검색창에 부품번호나 제품명을 두 글자 이상 넣으면, 제품 목록과 같은 표 형태로 검색 결과가 나옵니다. 모바일에서는 PC와 따로 만든 화면이 열리고, 메뉴 버튼을 누르면 나오는 옆 메뉴에 검색창과 전체 메뉴를 담았습니다.
제품별 규격과
데이터시트 내려받기
제품 상세에는 제조업체 부품번호, 제조업체, 규격, 주문 가능 수량과 제품 세부 사항을 정리하고, 데이터시트 PDF를 내려받을 수 있게 했습니다. 목록 표의 데이터시트 아이콘으로도 상세에 들어가지 않고 바로 내려받을 수 있습니다.
비밀글로 받는
1:1 견적 문의
견적 문의는 글쓴이가 자기 글만 볼 수 있는 1:1 게시판으로 만들었습니다. 회원가입 없이 이름과 비밀번호를 정해 글을 남길 수 있고, 제목과 내용 외에 제조업체, 부품번호, 회사명, 연락처, 이메일을 따로 적도록 했습니다. 글을 올릴 때는 자동 등록을 막는 문자 입력을 거칩니다.
취급 부품이 많은 유통 홈페이지,
부품 검색과 견적 문의까지 정리하세요.
카테고리와 브랜드, 부품번호로 제품을 찾게 해야 하는 홈페이지가 필요하신가요?
취급 제품과 영업 방식에 맞는 홈페이지 제작을 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의