고객과 함께한 시간
에이스바이옴
디자인아트플러스가 제작한 에이스바이옴 홈페이지 포트폴리오.
프로바이오틱스 BNR17을 연구하고 비에날씬 등 건강기능식품을 공급하는 기업의 BNR과학과 제품, 품질관리, 뉴스룸과 자사몰 연결을 국문·영문으로 담은 반응형 홈페이지입니다.
- CLIENT.
- 에이스바이옴
- Year.
- 2021
- 프로젝트 설명
- 디자인아트플러스는 프로바이오틱스를 연구하고 공급하는 건강기능식품 회사 에이스바이옴(AceBiome)의 홈페이지를 기획·디자인·개발했습니다. 유산균 BNR17을 직접 연구하는 회사라는 과학적 정체성을 먼저 보여 주고, 그 연구가 비에날씬 등 제품으로 이어지는 흐름을 따라 읽히도록 구성해, 소비자와 사업 파트너가 회사와 제품을 함께 이해할 수 있도록 설계했습니다. 국문·영문 반응형으로 구축하고 디자인아트플러스 호스팅으로 운영을 시작했습니다.
[주요 구축 내용]
연구실 무드 첫 화면: 햇빛이 드는 연구실 사진 위에 「BIONEER」 문구를 올려, 직접 발견하고 연구하는 바이오 기업이라는 정체성을 첫인상으로 전달
연구에서 제품으로 흐름: BNR과학과 R&D센터를 사진과 글이 엇갈리는 배치로 소개한 뒤 제품으로 이어지게 해, 연구를 바탕으로 만든 제품이라는 메시지를 차례로 전달
생활 장면 제품 카드: 제품마다 어울리는 사람의 생활 장면 사진과 한 줄 설명을 담은 카드로 나란히 정리해, 소비자가 자신에게 맞는 제품을 쉽게 찾아볼 수 있게 설계
자연 톤 브랜드 연출: 흙을 두 손에 담은 사진과 초록빛 배경으로 대표 제품을 소개해, 깨끗하고 친근한 브랜드 이미지를 차분하게 연출
문의·자사몰 연결: 뉴스와 채용, 고객문의를 하단 배너로 묶고 상단에 자사몰 바로가기를 두어, 사업 제안부터 제품 구매까지 바로 이어지게 구성
FAQ
에이스바이옴 프로젝트는 바이오 컨설팅의 전문적인 보도 자료와 다이어트 유산균 제품군의 마케팅 소스를 소비자들이 직관적으로 수용할 수 있도록 '쉬운 정보 전달'에 초점을 맞췄습니다. 경쟁사들과 차별화되는 그리드 시스템과 정돈된 매거진풍 톤앤매너의 웹사이트 제작 기법을 적용하여, 브랜드 고유의 친환경 가치와 기업 신뢰도를 시각적으로 명확하게 배치했습니다.
디자인아트플러스의 개발 노하우로 사진·영상 같은 미디어 콘텐츠를 효율적으로 관리하는 맞춤형 CMS를 탑재했습니다. 관리자가 개발 지식 없이도 브랜드 모델의 TV 광고 영상, 이벤트 소식, 박람회 정보, 채용 정보 페이지를 직접 관리할 수 있습니다. 에이스바이옴 홈페이지는 반응형 웹 표준에 맞춰 설계했습니다.
대용량 미디어 파일과 비하인드 비디오 스트리밍이 다수 포함된 사이트 특성을 고려해 고도화된 스크립트 최적화 및 이미지 압축 기술을 적용했습니다. 그 결과 페이지 속도·접근성 최적화 평가에서 고득점을 기록했으며, 지속 가능 소비 및 친환경 브랜드 등의 핵심 키워드가 구글과 네이버 검색 엔진에 자연스럽게 인덱싱되도록 스키마 마크업을 정밀 설계하여 회사 홈페이지 제작의 기술적 완성도를 높였습니다.
회사 홈페이지는 연구와 품질, 브랜드 신뢰를 보여 주는 역할을 맡고, 구매는 자사몰로 바로 이어지게 나누는 것이 좋습니다. 제품 정보를 읽고 믿음이 생긴 방문자가 같은 흐름에서 구매할 수 있어야 이탈이 줄어듭니다. 에이스바이옴 홈페이지는 상단에 Shop 바로가기를 두고 대량구매와 사업제안 문의도 따로 받을 수 있게 구축했습니다.
