고객과 함께한 시간
나투젠
디자인아트플러스가 제작한 나투젠 홈페이지 포트폴리오.
펩타이드와 줄기세포 화장품을 연구하는 화장품 OEM·ODM 전문 기업의 연구소와 기술, 품질관리 시스템, 생산 설비를 국문·영문으로 소개하는 반응형 홈페이지입니다.
- CLIENT.
- (주)나투젠
- Year.
- 2024
- 프로젝트 설명
- 디자인아트플러스는 화장품 OEM·ODM 전문 기업 (주)나투젠의 홈페이지를 기획·디자인·개발했습니다. 「Beauty & Science」라는 메시지 아래 연구 역량을 바탕으로 제품을 만드는 회사라는 점을 첫 화면부터 보여 주고, 연구소와 품질관리 시스템, 생산 설비를 차례로 소개해 고객사가 믿고 개발을 맡길 수 있는 파트너임을 전하도록 설계했습니다. 국문·영문 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
과학을 담은 첫 화면: 파란빛과 분홍빛이 감도는 페트리 접시 사진 위에 「Beauty & Science」를 올려, 연구로 화장품을 만드는 기업이라는 정체성을 첫인상으로 전달
사진 카드 회사 소개: About us와 History, Business를 높이가 엇갈리는 큰 사진 카드로 배치하고 연두색 곡선으로 이어, 회사 이야기를 자연스럽게 따라 읽도록 구성
R&D 센터 타일 UI: 연두색 블록 위에 연구소 소개를 크게 두고 기술과 품질관리, 인증 분야를 사진 타일로 이어 붙여, 연구 역량을 한눈에 살펴볼 수 있게 설계
설비로 보여 주는 신뢰: 실제 생산 설비 사진과 주요생산품목을 Contact us 영역에 함께 배치해, 고객사가 제조 환경을 직접 확인하고 곧바로 개발상담을 신청하도록 동선 구성
고객사 문의 동선: 개발상담과 회사소개서, 제품소개 바로가기에 국문·영문 전환을 더해, 국내외 고객사가 필요한 자료를 받고 바로 문의할 수 있게 설계
FAQ
연구 역량과 생산 설비, 품질관리 체계를 차례로 보여 주어 맡겨도 되는 회사라는 확신을 주는 구성이 좋습니다. 브랜드사는 제형 개발 능력과 생산 품질을 함께 보고 위탁할 곳을 고르기 때문입니다. 나투젠 홈페이지는 About us, History, Business에 이어 연구소 소개, 기술 소개, 품질관리 시스템을 메인 화면에 정리했습니다.
회사 소개와 연혁, 설비현황, OEM·ODM 안내, 주요 생산 품목, 연구소와 기술, 특허·인증, 개발 상담이 기본 메뉴입니다. 개발 상담을 따로 받으면 신제품을 준비하는 브랜드사의 요청을 놓치지 않고 정리할 수 있습니다. 나투젠 홈페이지는 ABOUT US, BUSINESS, R&D, COMMUNITY 메뉴와 개발상담 중심으로 구축했습니다.
네, 위탁 생산을 검토하는 담당자는 내부 보고용 자료가 필요해 회사소개서를 바로 받을 수 있으면 검토가 빨라집니다. 홈페이지에서는 핵심만 보여 주고 상세 설비와 실적은 소개서로 전하면 화면도 간결해집니다. 나투젠 홈페이지는 화면 옆에 개발상담, 회사소개서, 제품소개 바로가기를 고정해 두었습니다.
연구 방향과 주력 기술, 연구 인력, 품질 시험 과정을 담으면 제형 개발 능력을 구체적으로 보여 줄 수 있습니다. 브랜드사는 차별화된 원료와 제형을 원하기 때문에 회사만의 연구 분야를 분명하게 밝히는 것이 중요합니다. 나투젠 홈페이지는 펩타이드와 줄기세포 화장품 연구, 미백 효능 평가 기술을 연구소 소개와 기술 소개로 나눠 담았습니다.
