고객과 함께한 시간
가나바이오
디자인아트플러스가 제작한 가나바이오 홈페이지 포트폴리오.
하이드록시아파타이트 같은 신소재를 독자 기술로 생산해 의료, 환경, 생활용품, 건축자재 등 여러 분야로 넓혀 가는 바이오 소재 기업의 제품과 기술력을 소개하는 홈페이지입니다.
- CLIENT.
- 가나바이오
- Year.
- 2019
- 프로젝트 설명
- 디자인아트플러스는 「사람을 생각하고 환경을 아끼는 기업」 가나바이오(GANA BIO)의 홈페이지를 기획·디자인·개발했습니다. 신소재 아파타이트를 독자 기술로 생산해 여러 산업 분야로 넓혀 가는 바이오 소재 기업이라는 점을 자연 사진과 단계별 제품 과정, 특허 기술로 차례로 보여 주도록 설계했습니다. 한 페이지를 내려가며 회사 소개부터 문의하기까지 이어 볼 수 있게 구성했습니다.
[주요 구축 내용]
친환경 메시지 첫 화면: 이끼 위 유리 지구본 사진에 「사람을 생각하고 환경을 아끼는 기업」을 올려, 환경을 생각하는 소재 기업이라는 정체성을 첫인상으로 전달
제품 과정 단계 UI: 원료 아파타이트에서 가공 4단계까지를 둥근 사진과 단계 번호로 이어 보여 줘, 낯선 신소재가 어떻게 제품이 되는지 쉽게 이해할 수 있게 설계
기술력 아이콘·특허 카드: 특허 기술과 친환경 생산 방식을 원형 아이콘으로 요약하고 특허증과 적용 제품을 카드로 나란히 보여 줘, 독자 기술에 대한 신뢰를 전달
한 페이지 스크롤 흐름: 회사 소개에서 기술력과 협력 고객사를 거쳐 문의하기로 이어지는 구간을 한 페이지에 잇고 오른쪽 점 내비게이션을 더해, 내려가며 회사를 알아 가도록 구성
FAQ
소재가 무엇이고 어떤 과정을 거쳐 만들어지며 어디에 쓰이는지를 한 흐름으로 보여 주는 것이 가장 중요합니다. 처음 보는 소재일수록 원료에서 제품까지의 과정을 눈으로 확인해야 이해가 쉽습니다. 가나바이오 홈페이지는 원료에서 가공 4단계까지 이어지는 과정을 사진으로 나란히 보여 주었습니다.
회사 소개, 제품과 생산 과정, 기술력과 특허, 협력 고객사, 문의와 오시는 길이 기본 메뉴입니다. 특허와 적용 제품을 함께 보여 주면 기술이 실제 제품으로 이어진다는 점을 증명할 수 있습니다. 가나바이오 홈페이지는 회사 소개, 제품소개, 기술력, 협력 고객사, 문의하기 메뉴로 구축했습니다.
각 단계의 사진과 이름을 순서대로 보여 주면 복잡한 공정도 한눈에 이해되고, 회사가 모든 단계를 직접 관리한다는 인상을 줍니다. 원료부터 완성품까지 품질을 책임진다는 점이 자연스럽게 전해집니다. 가나바이오 홈페이지는 제품소개 영역에서 원료와 가공 1~4단계를 화살표로 이어 보여 주었습니다.
친환경이라는 말과 함께 실제로 어떤 원료와 생산 방식을 쓰는지를 구체적으로 보여 주는 것이 좋습니다. 자연을 담은 사진과 함께 기술 근거를 제시하면 메시지가 더 믿음직해집니다. 가나바이오 홈페이지는 숲과 새싹 사진으로 회사의 방향을 전하고, 기술력 영역에서 친환경 생산 방식과 특허를 함께 소개했습니다.
