바이오/의료서비스
휴덴스
  • #글로벌 바이오 #치과 의료기기
CLIENTS.
휴덴스
DATE.
2021. 01. 29
TYPE.
Responsive Web

바이오/의료서비스

휴덴스 #글로벌 바이오 #치과 의료기기
바이오/의료서비스
휴덴스
  • #글로벌 바이오 #치과 의료기기
CLIENTS.
휴덴스
DATE.
2021. 01. 29
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

고급스러움, 세련됨, 전문성, 신뢰 등의 잘 표현된 고품격 홈페이지를 제작하고자 하는 고객사의 니즈에 맞춰서
여러 시도를 했던 프로젝트입니다.
기술혁신과 차별화된 제품 경쟁력으로 바이오산업의 혁명을 선도하는 기업의 아이덴티티를 부각시키고 일반 사용자들에게 생소한 소재의 제품들을
적절한 그래픽요소를 통해 친근하게 다가설 수 있도록 그래픽 작업에 신경을 많이 써서 작업하였습니다.
로고의 디자인 요소를 모티브로 과장되게 표현하여 적재적소에 디자인 요소로 사용함으로 휴덴스만의 유니크한 사이트를 제작하였습니다.
제품은 직접 촬영하여 제작하였습니다.

Design Concept.

3대 생체소재 금속, 세라믹, 고분자를 상징하는 컬러를 적절하게 사용하여
기업 브랜딩에 집중하였습니다.
메인에 휴덴스 소개영상을 삽입하여 사용자들의 몰입감을 올리고
휴덴스의 전문성과 기술력을 직관적으로 드러냈습니다.
눈이 없는 인물 일러스트로 의료진을 독특하게 디자인하여
의료 제조 전문 회사라는 점을 부각시켰습니다.

Colors.
Typo.
Proposal Design.

A시안은 전체적으로 깔끔하고 신플한 컨셉으로 디자인하였으며, 휴머니즘 및 첨단기술의 느낌을 가미하여 작업하였습니다.
B시안은 전체적인 톤을 메인 비주얼에 맞춰 다크 블루톤으로 작업하였으며 단을 삭제하여 컨텐츠들이 연결된 느낌으로 구성하였습니다.
C시안은 3대 생체 소재 부분의 제품 이미지를 아래 라인 일러스트와 스타일을 맞춰 그려넣었으며 좌우 슬라이드 형식으로 마우스 포인터에 효과를 넣어
드래그하면서 넘길 수 있도록 구성하였습니다.

  • A Type
  • B Type
  • C Type
Confirm Design.
Sub Design.
Motion.

세계 최초로 개발한 골이식재 본트리를 강조하고자 일러스트로 직접 치아 이미지를 제작하고 서서히 나타나는 모션 효과를 구현하였습니다.
SVG 기법을 활용하여 직접 그린 제품 라인 일러스트가 직접 촬영한 제품 실사 이미지로 변환되도록 구현하였으며 곳곳에 적절한 인터렉션 효과를 넣어 주목성을 높이고 사이트에 임팩트를 더하였습니다.