전문서비스(법률,세무,자문,금융)
매머드커피
  • #카페 #프랜차이즈
CLIENTS.
매머드커피
DATE.
2023. 01. 05
TYPE.
Responsive Web

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

매머드커피 #카페 #프랜차이즈
전문서비스(법률,세무,자문,금융)
매머드커피
  • #카페 #프랜차이즈
CLIENTS.
매머드커피
DATE.
2023. 01. 05
TYPE.
Responsive Web
Device.

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

기획의도.

기존의 노후화된 홈페이지를 최신 웹트렌드에 맞게 리뉴얼 작업을 진행하게 되었습니다.
편안하고 아늑한 느낌의 브랜드를 구축시키기 위해 메인 컬러는 평온하고 따뜻한 느낌과 피크닉을 연상시키는 여유로운 느낌의 색감을 사용하였습니다.
변함없이 합리적인 가격에 양질의 커피를 제공한다는 매머드 커피의 브랜드 비전을 담아 시안 작업을 하였습니다.

Design Concept.

매머드 커피의 심볼을 연상시키는 도형을 곳곳에 활용하여 아이덴티티를
부각시켰으며 편리한 UI/UX로 구성하였습니다.
매머드커피의 메인 컬러인 브라운 색상과 아이보리 색상을 적절히 혼합하여
편안한 느낌이 들도록 작업하였습니다.

Colors.
Typo.
Proposal Design.

A시안은 커피를 따르면서 제품소개 가운데 잔이 채워지는 모션을 생각하며 작업하였습니다.
큼직한 타이포와 고해상도 이미지를 활용하여 컨텐츠에 집중할 수 있도록 유도하였습니다.
B시안은 딥블루의 톤과 큰 타이포를 조금 더 적극적으로 활용하여 작업하였으며 최신 웹트랜드에 맞게 작업하였습니다.
C시안은 사용자들이 찾고자 하는 정보를 보다 쉽게 찾을 수 있도록 UI/UX를 구성해보았습니다.

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

신메뉴를 강조하기 위하여 메뉴와 메뉴들의 재료 이미지가 통통 튀는듯한 모션을 구현하였으며,
평온하고 따뜻한 느낌에 맞추어 부드럽고 자연스러운 효과를 구현하였습니다.

관련 프로젝트.
List