비티에스 반응형 기업 홈페이지제작 포트폴리오

비티에스 반응형 기업 홈페이지제작
독보적 특허기술과 세계최초로 뱀독을 화장품 원료로 등록한 기업

메인 화면 기획 및 소량 생산 중심 랜딩 구성

[메인 화면 기획]

MOQ 부담, 시제품 제작 같은 고객사의 고민을 질문형 카피로 첫 화면에 던지고 '100개부터 시작하는 소량 맞춤형 제조'를 답으로 제시해, 방문 목적과 해결책이 바로 연결되도록 기획했습니다.

이어서 생산 가능 품목 4종, OEM/ODM 11단계 프로세스와 FAQ, 상담 문의 순으로 배치해 '무엇을, 어떻게 만들 수 있는지' 확인한 뒤 의뢰까지 자연스럽게 이어지도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

로고의 차콜 그레이와 레드를 기준 컬러로 삼아 블랙 GNB와 차콜 블록으로 제조 기업의 단단한 인상을 잡고,

레드는 CTA 버튼과 포인트 요소에만 절제해 사용했습니다.

베이지 톤 위에 돌·흙·나뭇가지와 앰버 세럼 병을 함께 연출한 제품 사진으로 자연 유래 원료의 이미지를 전달하고,

영문 헤드라인과 라인 아이콘으로 정돈된 B2B 톤을 완성했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

서브페이지 상단에 유리 빌딩 비주얼을 공통으로 적용해 기업으로서의 신뢰감을 일관되게 유지하고,

Company·R&D·Product·Community 4개 메뉴로 정보를 단순하게 정리했습니다.

천연 살무사 독 펩타이드 페이지는 연구 그래프와 SCI 논문을 단계별로 배치해 기술력을 근거로 보여주고,

인증현황은 문서 썸네일 그리드로, 제품은 '생산 가능한 품목 / 개발 완료 제품' 탭 카드로 구성했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

첫 화면의 '제품 보러가기' 버튼을 레드로 강조해 핵심 동선을 제품 페이지로 바로 연결하고,

의뢰 전 가장 많이 묻는 최소 수량·부자재·책임판매업 등록 여부를 FAQ로 메인에서 미리 해소했습니다.

접수부터 포장·검수까지의 과정을 아이콘 흐름으로 시각화해 진행 방식을 한눈에 이해하게 하고,

페이지 하단 상담 문의 배너와 반응형 레이아웃으로 어느 기기에서든 문의까지의 동선을 짧게 유지했습니다.