디자인나스

01 OVERVIEW

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

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

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

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

02 Plan & analysis

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

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

03 work Story

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

- INTRO 영역 :

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

- 텍스쳐 드로잉 제작과정

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

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