고객과 함께한 시간
하나테크
디자인아트플러스가 제작한 하나테크 홈페이지 포트폴리오.
SMT·INSERT·MOLDING 사업부를 갖춘 전자제품 조립(EMS) 전문 기업의 생산 역량과 주요생산품, 특허·인증을 정리한 반응형 홈페이지입니다.
- CLIENT.
- 하나테크
- Year.
- 2025

- 프로젝트 설명
- 디자인아트플러스는 SMT·수삽·SET ASSY 등 전자제품 조립을 전문으로 하는 (주)하나테크의 기업 홈페이지를 기획·디자인·개발했습니다. 인버터와 수도 계량기, 피부미용기기를 제조해 온 EMS 기업이 원가와 품질, 납품을 함께 책임지는 생산 파트너라는 점을 첫 화면부터 전하고, 사업부 구조와 주요생산품, 특허·인증을 차례로 확인하며 신뢰를 쌓을 수 있도록 설계했습니다. 반응형으로 구축했습니다.
[주요 구축 내용]
생산 철학 첫 화면: 어두운 PCB 기판 사진 위에 네 가지 생산관리 목표를 담은 영문 슬로건을 크게 올려, 원가와 품질, 납기를 함께 지키는 제조 파트너라는 인상을 첫 화면에서 전달
EMS 사업부 흐름 UI: 자재구매부터 SMT·INSERT·MOLDING 사업부까지 한 줄로 이어진 탭 카드로 구성해, 부품이 제품이 되기까지의 생산 흐름을 따라 읽으며 사업부별 역량을 확인할 수 있게 설계
주요생산품 카드: PCB ASSY와 SET ASSY를 큰 사진 카드 두 장으로 나눠 보여 주고 화살표 버튼으로 상세 페이지에 바로 들어가게 해, 맡길 수 있는 제품 범위를 한눈에 파악하도록 구성
신뢰를 쌓는 화면 흐름: 회사 소개와 사업부, 생산품 다음에 협력사 로고와 공지사항을 이어 배치하고 견적문의로 연결해, 거래 전에 확인할 내용을 차례로 보여 주는 동선 구성
톤앤매너: 짙은 남색과 실제 생산 설비 사진을 기울인 영문 제목과 함께 써, 정밀하고 단단한 제조 기업의 분위기를 연출
FAQ
부품 구매부터 기판 실장, 삽입, 성형, 완제품 조립까지 어떤 공정을 직접 할 수 있는지를 한눈에 보여 줘야 합니다. 조립을 맡기려는 고객은 한 회사에서 전체 공정을 처리할 수 있는지를 가장 먼저 확인하기 때문입니다. 하나테크 홈페이지는 EMS 사업부를 공정 순서대로 나누고 업무플로우 페이지로 전체 흐름을 정리했습니다.
사업부별 소개, 업무 흐름, 주요생산품, 특허·인증, 견적문의, 회사 소개가 기본 메뉴입니다. 생산 설비와 품질 관리 체계를 함께 보여 주면 처음 거래하는 고객도 안심하고 견적을 요청합니다. 하나테크 홈페이지는 EMS 사업부와 PCB ASSY·SET ASSY 주요생산품, 특허·인증, 견적문의 중심으로 구축했습니다.
인증과 특허를 따로 나눠 증서 이미지와 이름을 목록으로 보여 주는 방식이 가장 알아보기 쉽습니다. 제조 기업에게 인증은 품질 관리 수준을 증명하는 자료라서 구매 담당자가 꼭 확인하는 항목입니다. 하나테크 홈페이지도 특허·인증 메뉴 안에 인증현황과 특허현황을 나눠 정리했습니다.
함께 일하는 협력사를 보여 주면 회사가 안정적인 공급망과 거래 관계를 갖추고 있다는 것이 자연스럽게 전달됩니다. 신규 고객은 기존 거래처를 보고 회사의 규모와 신뢰도를 가늠하는 경우가 많습니다. 하나테크 홈페이지는 회사소개 메뉴 안에 협력사 페이지를 두어 사업영역, 조직도와 함께 볼 수 있게 했습니다.

