전문서비스(법률,세무,자문,금융)
H2O 호스피탈리티
  • #글로벌 테크 기업 #숙박 #레저
CLIENTS.
H2O
DATE.
2023. 01. 05
TYPE.
Responsive Web

전문서비스(법률,세무,자문,금융)

H2O 호스피탈리티 #글로벌 테크 기업 #숙박 #레저
전문서비스(법률,세무,자문,금융)
H2O 호스피탈리티
  • #글로벌 테크 기업 #숙박 #레저
CLIENTS.
H2O
DATE.
2023. 01. 05
TYPE.
Responsive Web
Device.

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

기획의도.

요즘 트렌드에 걸맞는 심플깔끔하고 직관적인 UI설계에 적재적소의 포인트 모션으로 작업한 홈페이지입니다.
유니크한 서비스를 제공하는 H2O Hospitality의 둥글둥글한 로고 형태를 모티브를 삼아
전체적으로 물결이 흐르는 듯한 도형 요소를 사용하여 기획하였습니다.

Design Concept.

주컬러인 바이올렛 컬러와 서브 컬러인 핑크, 다크블루 색상을 섞어 사용하여
보다 밝고 영한 느낌이 나도록 작업하였습니다.
로고 심볼의 굴곡을 물결 형태로 변형하여 디자인 요소로 활용하였습니다.
가장 핵심이되는 Business 내용을 직접 그린 아이콘으로 구성해 보았습니다.

Colors.
Typo.
Proposal Design.

A타입은 주 타겟인 투자자들에게 정보를 제공하는 사이트인 만큼 고급스러움과 웅장한 느낌을 주고자 다양한 인터렉션 컨텐츠를 구성하였습니다.
H2O의 바이올렛 컬러를 메인 컬러로 사용하여 아이덴티티를 부각시켰으며 글로벌 호스피탈리티 테크 기업을 강조하고자 인터렉션 및 영상을 삽입하였습니다.
B타입은 보다 다양한 컬러를 사용하여 다채롭고 밝은 느낌으로 작업하였으며 최인 웹 트랜드인 3D아이콘을 활용하여 Business 컨텐츠를 부각시켰습니다.
C타입은 색을 최소한으로 사용하고 메인 비주얼에 일러스트를 활용해보았습니다.

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

마우스 오버시 다양한 형식으로 모션효과가 나타나도록 구현하였으며
스크롤을 할 때마다 컨텐츠에 동적인 요소를 넣어 보다 역동적인 느낌이 들도록 하였습니다.
H2O의 전체적인 분위기와 깔끔하고 심플하게 구성된 레이아웃에 맞추어 과하지 않은 모션효과를 구현하였습니다.

관련 프로젝트.
List