CAFE BARABODA

카페 바라보다 반응형웹 제작 사례

  • CLIENT

    (주)황금나무

  • RELEASE DATE

  • TYPE

    반응형웹, 일러스트레이션

커피를 향한 우리의 사랑은 온라인에서만 머무르지 않습니다. 오히려 더 커져갑니다.
카페 바라보다는 미스터콩의 좋은 로스팅 원두와 카페레시피에 관한 노하우를 가지고 오프라인에서 만나는
공간으로 만들어진 미스터콩의 카페입니다.
단순히 좋은 원두와 커피용품을 소개하고 제공하는 것을 넘어 커피를 향한 관심과 사랑이 있는 문화를
만들어가는 카페로써 특유의 감수성이 묻어나오는 소통의 사이트를 만들고자 하였습니다.

카페 바라보다 공식홈페이지는 웹어워드코리아 2017 식음료분야 대상을 수상했습니다.

사이트 바로가기새창 열기

사용자 환경에 맞춰 최적화되는 유연함

다양한 디바이스와 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였고
검색엔진에 친화적으로 제작되었습니다.

바라보다 디스플레이

오직 바라보다만의 일러스트 디자인

바라보다를 방문하여 실제 아이템과 주변환경을 반영한 일러스트를 자체제작하여
더 나은 사용자 경험을 제공하며 콘텐츠의 몰입도를 높였습니다.

바라보다 아이콘 01
바라보다 아이콘 02
바라보다 아이콘 03
바라보다 아이콘 04
바라보다 아이콘 05
바라보다 아이콘 06
바라보다 아이콘 07
바라보다 아이콘 08
바라보다 아이콘 09
바라보다 아이콘 10
바라보다 아이콘 11
바라보다 아이콘 12
바라보다 아이콘 13
바라보다 아이콘 14
바라보다 아이콘 15
바라보다 아이콘 16
바라보다 아이콘 17
바라보다 아이콘 18

아름답고 유용하며 의미있는 디자인

아마 바라보다를 와보신 고객들은 첫눈에 특이한 외형의 모습에 눈이 갈거라고 생각합니다.
다녀와서도 건물의 모습을 많이 기억 하시리라 생각합니다. 하여 웹사이트에서 건물의 외형적인 사선모양을 아이덴티티로 삼아 디자인 하였고 각 요소에 들어간 일러스트는 실제 바라보다에 있는 쇼파나 상징적인 모습을 바탕으로 스케치하여 디자인 하였습니다. 중간중간 GIF애니메이션기법으로 소소한 재미를 연출하였습니다.

바라보다 캡쳐 바라보다 모바일

손그림으로 담아낸 아날로그 감성

실제 바라보다의 아이템을 손그림으로 시각화하여 바라보다만의 유니크한 감성을 담아냈습니다.

PREV
NEXT
능내 이미지

404 에러 페이지 디자인

브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.

바라보다 404페이지

어워드 수상내역

WEB AWARD KOREA : 2017 / 식음료 분야 대상

  • 2017

    WEB AWARD KOREA
    WEB AWARD KOREA 식음료 분야 대상

만든사람들

기획
  • 정재철

디자인
  • 정다운

  • 이지수

개발
  • 쇼베 니콜라

  • 김민서

  • 윤나빈

  • 정재욱

primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료