서비스 기타
호텔농심 제안시안
  • #농심 호텔사업부 #부산호텔 #허심청온천
CLIENTS.
(주)농심
DATE.
2023.12.12
TYPE.
Responsive Web
제안작업중

서비스 기타

호텔농심 제안시안 #농심 호텔사업부 #부산호텔 #허심청온천
서비스 기타
호텔농심 제안시안
  • #농심 호텔사업부 #부산호텔 #허심청온천
CLIENTS.
(주)농심
DATE.
2023.12.12
TYPE.
Responsive Web
Device.

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

Design Concept.

한옥의 고풍스러운 느낌을
컨텐츠 곳곳에 디자인 요소를 활용하여
표현하였으며, 세리프체를 사용해
고급스럽고 세련된 느낌을 부각시키고자
하였습니다.

Proposal Design.

A타입은 최신 웹트렌드와 한옥의 고풍스러운 느낌을 디자인 요소로 활용하여 작업하였습니다.
호텔농심의 "허심청" 온천을 강조하고자 온천의 수증기가 올라가면서 이미지가 변경되도록 구성하였으며
"ALL DAY ALL TIME" 컨텐츠에서는 호텔농심에서 즐길 수 있는 다이닝 및 편의시설을 독특한 레이아웃으로 표현해보았습니다.
B타입은 타겟층에 맞추어 깔끔하고 심플한 UX/UI로 구성해보았습니다.
화이트 배경에 메인 컬러인 베이지 컬러를 적절하게 활용하여 아이덴티티를 부각시켰으며,
각각의 룸 타입을 하나의 컨텐츠 요소로 보여주어 사용자들에게 보다 쉽게 정보 전달을 할 수 있도록 구성하였습니다.

Motion.

ALL DAY ALL TIME 부분에 시간에 대한 안내라는 느낌을 부각하기 위해 뒷 배경 시계가 현재 시간을 나타낼 수 있도록 효과를 구현했습니다.
또한 SVG 요소의 CLIP-PATH를 활용하여 이미지의 박스 요소가 움직이는 듯한 효과를 구현했습니다.
힐링 스파 영역은 스파의 느낌을 부각하기 위해 수증기가 위로 올라가면서 컬러 이미지로 변경되는 효과를 구현하여
사용자에게 스파의 느낌이 더욱 와닿을 수 있도록 작업했습니다.