카페홈페이지제작 - 컴포즈 커피

피티샵영상제작사례

카페홈페이지제작 - 컴포즈

---

카페홈페이지제작 전문업체 플레이웹입니다.

이번 저희 플레이웹과 함께한 클라이언트는 컴포즈입니다.

몇 차례 미팅을 통하여 콘셉트와 레이아웃에 대하여 상의하였고

가벼운 홍보영상까지 함께 제작하기로 하였습니다.

​

카페홈페이지제작할 때 숙지해야 할 점은

홈페이지 방문자가 카페 고객이 보다 가맹점주와 예비가맹점주라는 사실입니다.

컴포즈의 이미지를 브랜딩하고 방문자에게 기업의 가치를 표현해 전달하는 것

홈페이지제작업체인 저희 플레이웹의 몫입니다.

플레이웹은 언제나 사용자 중심의 UI/UX를 기본으로

트렌드에 맞춰 감각적이고 창의적인 디자인을 합니다.


홈페이지 보러가기 : http://composecoffee.com/

컴포즈커피 공식 홈페이지

 

---

컴​포즈 홈페이지의 메인화면 입니다. 컴포즈의 심볼컬러를 중심으로 디자인하였고 상단은 로고, 대메뉴, 메뉴바로 구성하였습니다. 홈페이지를 처음 접속하시면 컴포즈의 연혁 / 가맹점 수 / 회원의 수치를 애니메이션 효과로 강조하여 보여지도록 제작했습니다. 이는 코딩으로 제작하여 간단하게 수치를 수정 및 변경이 가능합니다.대메뉴에 마우스 커서를 올리면 메뉴가 가볍게 내려오고 우측 상단의 [ALL MENU]를 클릭하게 되면 메뉴창이 화면 가득 내려오는 애니메이션을 확인 할 수 있습니다.

메인페이지에서 스크롤을 내리면 컴포즈의 신상품/가맹점/가맹절차/기업소개/공지사항을 순서대로 확인할 수 있으며 클릭하면 해당 서브페이지로 이동할 수 있게 제작했습니다.

 

서​브페이지 중 [BRAND] - [ABOUT US] 입니다. 컴포즈의 연혁과 기술력을 확인할 수 있는 페이지입니다. 애니메이션 효과를 주어 홈페이지가 살아있는 듯 생동감 넘치는 효과를 부여하여 보는 이로 하여금 눈길을 사로잡을 수 있도록 제작했습니다.

​​컴포즈의 블랜딩을 확인할 수 있는 [비터홀릭] 페이지 입니다. 컴포즈가 강조하고 싶은 영역에 애니메이션 효과를 부여하여 수치를 보다 눈에 띄게 확인 할 수 있으며 스크롤을 내리게 되면 다양한 애니메이션 효과로 홈페이지를 지루하지 않게 보는 재미까지 더하였습니다.

모​​든 페이지가 고화질의 사진으로만 사용하면 홈페이지가 자칫 무겁게만 보일 수 있기 대문에 필요에 따라 가볍게 필요할 수 있는 영역은 픽토그램과 텍스트로 디자인하는 것이 효과적입니다. 가맹절차의 경우 컴포즈가 예비가맹주들에게 전달 해야할 핵심 내용이라서 이미지보다는정보전달에 집중하기 위해 이러한 디자인 방안을 채택했습니다.

​프렌차이즈 [인테리어], [가맹문의] 메뉴입니다. [인테리어]에서는 슬라이드 형태로 미리 컴포즈의 인테리어를 확인할 수 있으며 가맹문의에서는 예비가맹주가 내용을 작성하여 전송하면 클라이언트가 원하는 방식으로 전달 받을 수 있습니다. 문자/메일/특정게시판 업로드 등으로 전달이 가능하며 문자는 비용이 발생할 수 있습니다.

​메​뉴 영역에서는 현재 컴포즈가 판매하고 있는 상품들을 확인 할 수 있습니다. 관리자모드에서 쉽게 등록 및 수정, 삭제가 가능하기 때문에 신메뉴 추가나 제품이 판매종료되었을 때 수정이 용이하며 커서를 올릴 시 제품의 상세내용을 확인할 수 있습니다.

​스토어에서 [매장찾기] 입니다. 네이버 지도를 가져와 제작되었으며 현재 오픈되어있는 가맹점들을 확인할 수 있습니다. 맵마커는 클라이언트측에서 제작하여 전달해준 부분입니다. 관리자모드에서 입점 및 폐점을 바로 수정이 가능하고 수정할 시 맵에 수정사항이 즉시 나타나게 됩니다. 직접 수정 및 변경할 수 있도록 원격으로 직접 알려드립니다.

마​​지막 서브페이지인 [NEWS]의 [NEWS] 영역 입니다. 이 영역은 [공지사항], [NEWS], [EVENTS] 로 구성되어 있으며 게시판 형식으로 제작되었습니다. 관리자모드에서 게시물 작성이 가능하며 누구나 열람이 가능합니다.

반응형 홈페이지로 제작되었기 때문에 홈페이지가 모바일 화면에 맞추어 재구성되어 보여집니다. 메뉴는 우측 상단에 고정바에서 확인이 가능하며 하단 고정바에서는 가맹문의/고객의소리/제휴 및 제안 을 받아 볼 수 있으며 역시 지정된 연락처로 확인이 가능합니다.

---

 

사람에게 첫인상은 정말 중요합니다.

성격은 얼굴에 나타나고, 생활습관은 체형에 나타나고

미의식은 손톱에 나타나고, 청결감은 머리에 나타나고

스트레스는 피부에 나타난다 했습니다.

​

이와 같이 홈페이지는 기업의 얼굴과도 같기 때문에

기업에게는 잘 만들어진 홈페이지가 필요합니다.

​

사람들은 홈페이지를 보며 보다 많은 정보들을

알게 모르게 확인하고 파악하니까요.

​

웹이라는 세상에 여러분이 담겨질

공간을 창조하는 일에 함께하겠습니다.

​

홈페이지제작을 고려하고 계시다면

저희 플레이웹과 상담해 보세요.

​

감사합니다.

플레이웹이었습니다.

https://playwebon.com/

홈페이지제작 - 플레이웹

​