식품/제품
하이오커피 #부산카페 #프랜차이즈
Motion
스크롤에 맞춰 파도가 움직이고, 라인에 맞춰 갈매기가 이동하는 모션 구현을 통해
하이오커피의 아이덴티티를 강조하면서 브랜드 비전을 강조하였습니다.
Device
디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.
기획의도
It's high on coffee, 일상의 퀄리티와 가치를 높이는 한 잔, 하이오커피!
하이오커피는 부산에서 시작된 프리미엄 커피 브랜드로,
누구나 언제든지 즐길 수 있는 맛과 가격의 커피로 일상 속 행복을 제공한다는
브랜드의 비전을 가지고 있습니다.
바다처럼 시원하고, 도시처럼 트렌디한 데일리 커피 브랜드임을 강조하기 위해
하이오커피의 시그니처 컬러와 바다의 물결을 디자인 요소로 활용하여
브랜드의 아이덴티티를 강조할 수 있도록 기획하였습니다.
또한 도시적이고 미니멀한 분위기를 표현하기 위해 도시 일러스트 위로
하이오커피 매장이 자연스럽게 오버랩되는 장면을 구성하여,
도시의 일상 속에서 언제든 편하게 찾을 수 있는 데일리 커피 브랜드라는
이미지를 전달하고자 하였습니다.
메인 인트로 영역에는 가맹문의로 바로 연결되는 CTA 버튼으로 구성/기획하여,
브랜드에 관심을 가진 예비 가맹점주가 별도의 탐색 과정 없이 빠르게 관련 정보를 확인하고
문의할 수 있도록 접근성을 높였습니다.
Design Concept
바다처럼 시원하고, 도시처럼
트렌디한 데일리 커피 브랜드임을
강조하고자 파도와 갈매기를
디자인 요소로 활용하였으며,
젊고 감각적인 브랜드임을 표현하였습니다.
Colors
Typo
Proposal Design
A타입은 최신 웹트렌드를 반영해본 타입으로, 고해상도 이미지와 넓은 여백 활용으로
트렌디하면서 세련된 룩앤필을 연출해보고자 하였습니다.
하이오커피 심볼의 파도 쉐입을 디자인 요소로 활용하여 바다의 시원한 느낌을 주는 동시에
시그니처 컬러인 스카이 블루 컬러와 베이지 컬러를 활용하여 트렌디한 감각과
브랜드의 따뜻한 느낌을 주고자 하였습니다.
B타입은 정제된 고딕 계열의 타이포그래피를 적용해 현대적이고 신뢰감 있는 분위기를 조성했으며,
불필요한 장식을 배제하여 브랜드 본연의 아이덴티티를 강조했습니다.
메인 비주얼에는 청량한 바다의 에너지를 담아 시각적 해방감을 전달하며,
전략적인 여백 활용을 통해 여유롭고 쾌적한 레이아웃을 구성했습니다.
여기에 파도의 곡선과 리듬감 있는 물방울 요소를 가미하여,
브랜드 아이덴티티를 위트 있고 직관적으로 경험할 수 있도록 작업하였습니다.
Confirm Design
