고객과 함께한 시간
HLB파나진
디자인아트플러스가 제작한 HLB파나진 DNA 올리고 홈페이지 포트폴리오.
맞춤형 DNA 올리고 합성 서비스의 제품 안내와 주문, 견적 신청, 고객지원을 한곳에서 처리하도록 만든 분자진단 기업의 서비스 반응형 홈페이지입니다.
- CLIENT.
- HLB파나진
- Year.
- 2024

- 프로젝트 설명
- 디자인아트플러스는 정밀 진단 분야 기업 HLB파나진의 맞춤형 DNA 올리고 합성 서비스 홈페이지를 기획·디자인·개발했습니다. 연구자가 이 사이트를 찾는 목적이 제품 확인과 주문, 견적이라는 점에 맞춰 첫 화면부터 주문으로 곧장 넘어가는 짧은 동선을 만들고, 「Human Life Better」라는 미션으로 회사의 방향도 함께 전하도록 설계했습니다. 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
서비스 중심 첫 화면: DNA 나선 이미지를 깐 푸른 비주얼 위에 「Customized DNA Oligo Synthesis Service」를 크게 올려, 맞춤형 올리고 합성 서비스를 위한 사이트임을 첫 화면에서 전달
주문 직행 띠 배너: 첫 화면 바로 아래 주황색 띠에 고품질 DNA 올리고 문구와 주문하기 버튼을 두어, 필요한 제품이 이미 정해진 연구자가 스크롤 없이 주문으로 넘어가도록 설계
세 갈래 바로가기 카드: 제품과 견적, 문의를 사진 카드 세 장으로 나란히 배치해, 처음 온 연구자도 제품 확인부터 견적 요청과 질문까지 목적에 맞는 길을 바로 고를 수 있게 구성
회원 주문·견적 구조: 주문하기와 견적신청 페이지를 회원 로그인과 연결하고 자료실과 1:1 문의를 고객지원에 모아, 반복 주문하는 연구실이 주문과 문의를 한곳에서 처리하도록 개발
미션 메시지 영역: 미션과 비전, 슬로건을 주황 포인트 글자로 정리해, 정밀 진단의 토털 솔루션을 지향하는 회사의 방향을 서비스 사이트 안에서도 함께 전달
FAQ
연구자가 제품 정보를 확인하고 바로 주문할 수 있게 주문 버튼을 첫 화면 가까이에 두는 것이 가장 중요합니다. 실험 일정에 맞춰 시약을 주문하는 연구자는 설명을 길게 읽기보다 빠르게 주문하고 견적을 받기를 원합니다. HLB파나진 DNA 올리고 홈페이지는 메인 배너 바로 아래 주문하기 버튼과 제품·견적·문의 바로가기를 두었습니다.
제품 안내, 온라인 주문, 견적 신청, 회원 로그인, 자주 묻는 질문과 1:1 문의가 기본 기능입니다. 같은 연구실이 여러 번 주문하는 경우가 많아 회원 기능이 있으면 주문 정보를 다시 입력하는 수고가 줄어듭니다. HLB파나진 DNA 올리고 홈페이지는 제품, 주문, 견적, 고객지원 네 메뉴 중심으로 구축했습니다.
수량이나 사양에 따라 가격이 달라지는 제품은 정해진 가격표보다 견적 요청이 더 편하기 때문입니다. 기관이나 기업 연구실은 구매 절차상 견적서를 먼저 받아야 하는 경우도 많아 견적 메뉴가 있으면 문의 전화가 줄어듭니다. HLB파나진 DNA 올리고 홈페이지는 상단 메뉴와 메인 화면 양쪽에서 견적신청으로 바로 갈 수 있게 했습니다.
제품 설명서나 실험 관련 자료를 자료실에 모아 두면 연구자가 필요할 때 직접 내려받을 수 있습니다. 자료로 해결되지 않는 질문은 1:1 문의로 남기게 하면 담당자가 답변 내역을 정리해 관리할 수 있습니다. HLB파나진 DNA 올리고 홈페이지는 고객지원 메뉴 안에 FAQ, 자료실, 1:1 문의를 함께 두었습니다.
