다음글 이전글
Brand experience design BurBerry Microsite
01 OVERVIEW

오프라인 감성 디자인 커피빈 브랜드 사이트

커피빈 브랜드 아이덴티티를 감성적인 부분에 촛점을 맞추어 따뜻한 느낌의 크라프트지로 커피빈의 외관을 만들어 주었고, 그래픽과 결합시켜 커피빈 브랜드의 아이덴티티를 오프라인으로 접근하려고 한 브랜드 사이트 작품이다.

Web Convergence A class / 최지원 학생 제작작품

Web Convergence A class 최지원 학생 제작작품
- 브랜드
: Coffeebean
- 종류
: Micro Site
- 제작프로그램
: Photoshop , Dreamwever
- 레이아웃
: Flexible grid
- 타이포그래피
: 이미지폰트 95%, 시스템 폰트 5%
- 디자인 이론
: 공간적 표현기법, 커피빈 매장을 연상시키는 광고적 성향
- 비주얼 스킬
: 오프라인 페이퍼아트, 사진촬영, 텍스쳐 드로잉
- 웹표준
: 부분 웹 표준화
- 제작컨셉
: 커피빈 브랜드 아이덴티티를 감성적인 부분에 촛점을 맞추어 따뜻한 느낌의 크라프트지로 커피빈의 외관을 만들어 주었고, 그래픽과 결합시켜 커피빈 브랜드의 아이덴티티를 오프라인으로 접근하려고 한 브랜드 사이트 작품이다.
02 Plan & analysis

커피빈 브랜드 사이트 기획 및 방향성 분석

칼 라거펠트와 멜리사(Melissa)와 호흡을 맞춘 콜라보레이션 제품을 홍보하기 위해 프로모션 사이트를 제작하였다. 인물 위주의 화보촬영 사진을 이용 하여 레이아웃을 잡고 타이포그래피를 이용해 리플렛의 포맷을 컨셉으로 디자인하였다. 5단 그리드를 이용하여 마치 접혀진 리플렛을 펼쳐서 보는 듯한 착각에 들게 한다.

PROJECT GOAL
texture drawing + paper art + brand identity
03 work Story

광고 그래픽 스킬의 비쥬얼 영역 구성

- INTRO 영역 :

디자인나스의 자체 개발스킬인 텍스쳐 드로잉으로 커피와 주전자를 표현하여 따뜻한 질감과 브랜드 아이덴티티를 표출하였다. 플래시를 구동하여 부드러운 모션센스를 주었다.

- 텍스쳐 드로잉 제작과정

텍스쳐 드로잉 제작과정

오프라인 페이퍼아트로 외관 제작

- 제작과정 01 : 커피빈 매장의 건물형태의 페이퍼 도안을 토대로 크라프트의 질감을 써서 형태를 완성한 후 구도에 맞춘 사진 촬영 작업
제작과정 01
- 제작과정 02 : 사진촬영 후 포토샵으로 명도가 낮은 밤과 불빛 느낌을 표현하는 그래픽 작업으로 이질감을 해소하는데 중점을 두고 작업
제작과정 02
- 제작과정 03 : 포맷 모양 인터렉션 디자인 및 모션구동
제작과정 03
04 OUTPUT

광고편집 디자인 그리드 시스템을 이용한 디자인

메인의 오프라인 페이퍼 느낌과 텍스쳐 드로잉의 질감의 톤앤매너를 유지하기 위하여 서브페이지 또한 나무질감의 텍스쳐 드로잉을 사용하여 부드럽고 감성적이게 작업하였다. 약 15페이지 정도의 서브페이지를 제작하였으며 모든 작품은 학생 스스로가 제작한 작품이다.

- about us > society
society
society
- our products > drink menu
drink menu
drink menu
- bean guide > promotion
promotion
- home > our store
our store
마이크로 사이트 학생작품

 저작권은 디자인나스에 있습니다. 스크랩 하실 때 출처를 남겨주세요.

디자인나스의 작품은 모두 학생작품입니다.

디자인나스는 국내최고의 디자인아카데미이자, 선두주자입니다.

  • 페이스북
  • 블로그
  • 인스타그램

nothing more than quality, designnas