0%
의료바이오
레이델코리아
  • #장수인자HDL #장수인자 뮤지엄
CLIENTS.
레이델코리아
DATE.
2024.06.17
TYPE.
Responsive Web

의료바이오

레이델코리아 #장수인자HDL #장수인자 뮤지엄
의료바이오
레이델코리아
  • #장수인자HDL #장수인자 뮤지엄
CLIENTS.
레이델코리아
DATE.
2024.06.17
TYPE.
Responsive Web
URL.
https://hdlmuseum.com/
Motion

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

Device

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

Design Concept

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

Colors
Typo
Proposal Design

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

Confirm Design
Sub Design