바이오/의료서비스
레이델코리아(제안)
  • #장수인자HDL #장수인자 뮤지엄
CLIENTS.
레이델코리아
DATE.
2024.06.17
TYPE.
Responsive Web
제작중

바이오/의료서비스

레이델코리아(제안) #장수인자HDL #장수인자 뮤지엄
바이오/의료서비스
레이델코리아(제안)
  • #장수인자HDL #장수인자 뮤지엄
CLIENTS.
레이델코리아
DATE.
2024.06.17
TYPE.
Responsive Web
Device.

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

Design Concept.

배경을 깊고 어두운 색상과 고딕체 영문 폰트를
활용하여 몰입감을 극대화 하였으며
수많은 입자에 여러 컬러를 조합하여 입체감을
더했습니다.

Colors.
Typo.
Proposal Design.

A타입은 어두운 색상과 파란 색상을 주로 배경을 선정하였으며 글래스모피즘 효과 및 디자인 디테일을 주어
신비롭고 과학적인 분위기를 연출하고자 하였습니다.
또한 인체와 혈관, HDL 에 대한 내용을 수 많은 입자로 인터렉티브한 모션을 구현하여 임팩트를 주었습니다.
B타입은 인체 내부를 추상화한 3D 배경영상을 사용하여 HDL를 연구하는 뮤지엄을 직관적으로 시각화하였으며
스크롤 시 점점 빨려 들어가는 듯한 인터렉션을 구성하여 컨텐츠의 주목성을 높였습니다.
C타입은 고객사의 니즈에 최대한 맞춰 작업해보았습니다.
메인비주얼에 사용한 이미지는 3D로 직접 작업하여 이미지로 배치하였습니다.

Motion.

입체적인 모션 효과를 구현하여 공간감이 느껴지도록 하였으며
최신 웹트렌드 기법인 Web GL을 활용하여 스무스하고 부드러운 효과를 구현하였습니다.