1. 프로젝트 개요
[ 기획 개요 ]
해외 맥주의 경우 ‘프리미엄 맥주 , 일반 맥주 , 발포주 , 제 3 맥주’등 다양한 종류의 맥
주시장 존재하지만 , 현재에도 국내 소비자의 인식 속에는 프리미엄 맥주 시장이 따로 존
재하지 않습니다 . 단순히 국내 맥주와 수입맥주로 구분하는 것이 일반적이기에 일단 프리
미엄 맥주를 품질 좋은 맥주라는 점을 인식시켜주는 것이 중요했습니다 . 기획 당시 수입
맥주의 시장 점유율이 전체 맥주 시장에서 3% 밖에 차지하고 있지 않은 상황 속에서 시장
을 다시 정의 하여 , 프리미엄 맥주는 일반 맥주와 다른 맥주라는 인식의 창을 마련하는
것이 먼저 필요했습니다 . 이를 위해 프리미엄 맥주 시장에 대한 새로운 이미지가 필요했
습니다 . 대부분의 맥주브랜드들이 Active, Festive 한 이미지를 전달하고 있었고 , 이는
맥주소비가 많은 2039 세대 중 2029 세대에만 초점을 맞춘 이미지이기에 3039 세대에 어울
리는 새로운 이미지를 전달하는 것이 가능하리라고 판단했습니다 . 이렇게 마련된 새로운
인식의 창 속에서 YEBISU 맥주가 진정한 프리미엄 맥주라는 점을 인식시키고자 하였습니
다 .
[ 컨셉도출 ]
프리미엄 맥주는 ‘프로페셔널이 즐기는 맥주’ , 즉 ‘프로들이 즐기는 여유’라는 메시지를
통해 ‘ YEBISU 맥주는 여유를 즐길 줄 아는 프로들의 맥주’라는 메시지를 도출해냈습니다 .
프로들이 여유를 즐길 수 있는 이유는 그들이 일하는 분야에서 열정을 다했기 때문이라는
메시지를 통해 프로들의 작업 공간을 시각적 모티브로 활용하여 ‘최선을 다했기에 즐길 수
있는 여유 , 열정을 다한 당신이 즐기는 여유”라는 메시지를 전달하고자 하였습니다 .
1) 맥주 자체를 기존보다 맛있게 즐길 수 있는 구체적 방법 제시 , 이를 시각화
2) ‘ 여유지수’라는 Point 제도를 도입 , 홈페이지에서 Point 확인 가능하도록 제공하여
게임성 가미
3) SNS 와 연동하여 User 간 메시지를 전송하고 , 모바일 위치정보 기능을 통해 다른 프로
페셔널들이
어디서 YEBISU 맥주를 즐기는 지 볼 수 있도록 제공
1) YEBISU 맥주 : 일본 삿포로의 프리미엄 맥주 브랜드 홍보 사이트 제작
2) 참여분야 : 컨텐츠 및 사이트 기획 (80%), 사이트 디자인 (50%),
사이트 개발 / 구현 (100%)
3) 제작연도 : 2011 년
기획 의도 및 컨셉
구성 상 특이점 (UX, 컨텐츠 )
2. Information Architecture
사이트 시안
멤버십 커뮤니티멤버십 커뮤니티제품소개제품소개 ‘ 여유지수’ 활용‘ 여유지수’ 활용맥주 즐기는 법맥주 즐기는 법
MainMain
프로모션 응모프로모션 응모
[Main Page]
프로들의 작업 공간이라는 모티브를 통해 ‘맥주 도시’라는 컨셉으로 메인페이지를 시각화 ,
사용자 접속지역 날씨와 시간에 맞춰 메인페이지의 표현되는 날씨와 시간대도 동적으로 변
화 , 이를 통해 사이트에 대한 몰입도를 증대시키고 , ‘ 도시’라는 키워드를 효과적으로 전달
.
맥주 캔을 모티브로 하여 타원형 네비게이션으로 시각화 . 그와 동시에 맥주 자체에 대한
Sizzle 감을 표현함 . 상위 메뉴의 경우 외부에 , 하위 메뉴의 경우 내부에 위치시켜 User
가 정보구조를 명확히 인지할 수 있도록 설계 .
현재 판매하고 있
는 YEBISU 맥주
의 4 가지 제품군
소개
현재 판매하고 있
는 YEBISU 맥주
의 4 가지 제품군
소개
맥주캔에 있는
QR 코드를 이용하
여 ‘여유지수’ 열
람 및 지역 정보
공유기능 제공
맥주캔에 있는
QR 코드를 이용하
여 ‘여유지수’ 열
람 및 지역 정보
공유기능 제공
SNS 와 연동하여
이벤트에 참여 ,
참여한 사람들의
메시지 열람 기능
제공
SNS 와 연동하여
이벤트에 참여 ,
참여한 사람들의
메시지 열람 기능
제공
YEBISU 맥주만의
프리미엄 멤버십
커뮤니티
YEBISU 맥주만의
프리미엄 멤버십
커뮤니티
맥주를 맛있게 즐
기기 위한 방법과
흑맥주 제품과 오
리지널 제품을 활
용한 조합 레시피
제공
맥주를 맛있게 즐
기기 위한 방법과
흑맥주 제품과 오
리지널 제품을 활
용한 조합 레시피
제공
3. 사이트 시안
[1st
Sub Page]
프로페셔널들이 열정을 다한 공간을 모티브로 하여 , 그들의 작업 및 휴식 공간으로 표
현 . ‘ 최선을 다했기에 즐길 수 있는 여유 , 열정을 다한 당신이 즐기는 여유”라는 메시지
를 전달하기 위해 , 프로들의 공간을 표현하고 , 이 장소들에서도 YEBISU 맥주를 통해 여
유를 즐길 수 있다는 메시지를 시각화함 .
[2nd
Sub Page]
최선을 다한 열정에 대해서는 당연한 보상을 받아야 하며 YEBISU 맥주가 그들에게 줄
수 있는 최상의 보상 , 즉 최상의 여유라는 키워드를 전달하기 위해 , 최상의 맥주를 즐길
수 있는 노하우 정보 제공 . YEBISU 맥주를 맛있게 즐길 수 있는 방법과 YEBISU 맥주 조합
레시피를 제공 . 각 정보들을 글을 읽지 않아도 한 눈에 직관적으로 이해할 수 있도록 시
각화 .
4. SNS 계정을 통해 로그인할
경우 본인 정보 노출
[3rd
Sub Page_1]
YEBISU 모바일 어플리케이션을 다운 받아서 YEBISU 맥주 캔에 있는 QR 코드를 찍으면
그 횟수에 따라 ‘여유지수’가 쌓인 것을 해당 페이지에서 집계 . 맥주를 마시는 것이 단순히
술을 마시는 것이 아닌 여유를 즐기는 오락적 요소라는 메시지를 전달하기 위해 맥주를 마
시는 행위를 수치화 시켜 게임성을 가미 하여 즐거움을 직접 체험할 수 있도록 유도 .
여유지수 랭킹 리스트와 변
동 순위 노출 , User 검색
기능 제공
SNS 서비스와 연동하여 해당 페이지는 물론 User 개개인의 SNS 페이지에도 YEBISU 맥주에
대한 정보와 User 가 YEBISU 맥주를 어디서 즐기고 있는 지 볼 수 있도록 제공하여 바이
럴 마케팅 효과 유도 . 사용하는 SNS 에 관계 없이 서로의 의견을 공유할 수 있도록 하여
YEBISU 소비자들간의 유대관계를 형성할 수 있도록 유도 .
SNS 계정으로 로그인을 할
경우 본인 ‘여유지수’ 순위
및 각 제품별 마신 횟수 노
출
특정 기간 별 본인의 ‘여유
지수’를 쉽게 알 수 있도록
그래프화 하여 제공
모바일 어플리케이션을 통해 맥주 캔에 있는 QR 코드를 찍
으면 해당 지도에 QR 코드를 찍은 위치를 표시 . 또한 등록
시 각 User 가 함께 등록한 메시지를 지도상에 표시 .
YEBISU 모바일 어플리케이
션을 쉽게 받을 수 있도록
어플리케이션 플랫폼 별 링
크 제공
[3rd
Sub Page_2]
사이트 시안
5. [4th
Sub Page_1]
신규 브랜드를 출시하는 경우 가장 중요한 것은 브랜드를 최대한 많이 노출하여 브랜드
인지도를 높이는 것이기에 SNS 연동을 통해 이벤트에 참여하도록 하여 개개인 SNS 에
YEBISU 의 브랜드를 노출시킬 수 있는 장치를 마련 . SNS 계정 이미지를 활용하여 컨트롤할
수 있는 동적 인터렉션과 더불어 일본 도쿄에 위치한 YEBISU 박물관에 있는 대형 맥주 캔
을 형상화하여 시각적 재미 요소 제공 .
‘ 여유를 즐기는 자신만의
방법’을 공유하는 이벤트를
진행
응모한 User 들 이미지를
시각화하여 상위 컨트롤러
로 참여한 User 들을 넘겨
볼 수 있는 기능 제공
응모한 User 들
을 3D 캔으로
시각화 , 클릭
시 해당 메시지
노출 .
YEBISU 출시 기념으로 일본에서도 계절마다 1 제품씩 한정 판매되는 제품들을 모아서 한
국 소비자들에게만 한 패키지에 모두 제공하는 한정판매 이벤트 제공 . 일본 도쿄에 있는
YEBISU 박물관의 인테리어를 홈페이지 디자인에 활용하여 추후 박물관 방문 시 온 / 오프라
인의 경험을 통해 YEBISU 브랜드에 대한 긍정적인 이미지를 형성할 수 있도록 유도 .
8 개 제품 중 하단에 위치한
4 가지 제품들은 계절마다
1 제품씩 한정 판매되는 제
품 .
[4th
Sub Page_2]
사이트 시안
6. [Mobile Application 설치 가이
드 ]
모바일 어플리케이션을 이용하여 ‘여유지수’를 등록하는 과정을 어렵게 느끼거나 스마트폰
/QR 코드 이용이 생소한 User 를 위해 이에 대한 가이드 제공 .
사이트 시안
7. 프로젝트 개요
[ 기획 개요 ]
당시 컴팩트 디지털 카메라의 수요가 줄어들고 있는 상황 속에서 , 좀 더 좋은 품질의 사
진에 대한 수요가 커지고 있었기에 DSLR 시장이 커질 것이라 예상하였습니다 . 때문에 아
마추어 사용자들의 보급형 DSLR 에 대한 수요가 늘어날 것이라고 생각했기에 이 시장을 선
점하기 위해서는 보급형 DSLR 의 경우 소비자에게 있어 친숙한 이미지를 만들어주어야 한
다고 판단했습니다 . 또한 전문가가 아닌 누구나 사용할 수 있는 기기라는 점을 어필하여
시장 수요를 극대화해야 한다고 판단했습니다 . DSLR 은 사용하기 어렵다는 인식을 바꾸기
위해 홍보 사이트 내에서 DSLR 카메라를 간접적으로 사용해봄으로써 사용하기 쉬운 카메
라로 인식시키고자 하였습니다 . 또한 당시 보급형 DSLR 카메라 시장은 20 대 수요가 증가
하는 추세였고 , 당시 대부분의 사이트는 카메라의 스펙에만 초점이 맞춰져 있었던 상황이
었습니다 . 때문에 20 대의 감성을 커뮤니케이션 해야 한다고 생각했기에 이들이 공감할
수 있는 이야기를 사이트에서 들려주고자 하였습니다 .
[ 컨셉도출 ]
Canon 500D 는 ‘사용하기 쉬운 카메라’ , 순간을 담는 것을 넘어 ‘일상의 감동을 담는 기기’
라는 메시지를 전달하기 위해 기존 무거운 분위기 보다는 밝고 화사한 분위기의 사이트 제
작하여 기존 DSLR 사이트와 차별화를 시키고자 하였습니다 . 이와 동시에 ‘사용하기 쉬운
카메라’로만 메시지를 전달하면 기존 컴팩트 카메라와 차별화된 가치를 노출시킬 수 없기
에 , DSLR 이 가지고 있는 공학기기 , 전문기기라는 점을 놓치지 않기 위해 DSLR 만이 가질
수 있는 형태를 시각화하고자 하였습니다 .
1) 마이크로 사이트 모든 페이지에서 셔터가 닫히고 열리는 애니메이션을 활용한 페이지
이동을 통해
화면 전환 시 사진을 직접 찍는 듯한 느낌을 전달
2) 카메라에 대한 기본 지식 및 사용법을 사이트를 통해 사전 학습이 가능한 환경을 제공
하여 ,
오프라인에서 카메라 사용 시 친숙함이 들 수 있도록 유도
3) 사진은 스토리를 전하는 매개체이기에 카메라는 감동을 담는 기기라는 메시지를 전달하
기 위해
사용자들이 자신이 찍은 사진과 이에 대한 스토리를 공유할 수 있는 플랫폼 제공
1) Canon 500D : 캐논의 보급형 DSLR Canon 500D 홍보 사이트 제작
2) 참여분야 : 컨텐츠 및 사이트 기획 (70%), 홈페이지 디자인 (90%),
사이트 개발 / 구현 (20%)
3) 제작연도 : 2009 년
기획 의도 및 컨셉
구성 상 특이점 (UX, 컨텐츠 )
8. 이야기 공유이야기 공유
캐논 User 들이 본인들의
사진과 얽혀 있는 이야기를
공유할 수 있는 플랫폼 제
공 , 대학생 사진동아리 에
피소드 제공 .
캐논 User 들이 본인들의
사진과 얽혀 있는 이야기를
공유할 수 있는 플랫폼 제
공 , 대학생 사진동아리 에
피소드 제공 .
Information Architecture
사이트 시안
제품소개제품소개 사용법사용법
MainMain
[ 동영상 & Gateway Page]
메인 페이지 이동 전에 공학 제품이 갖는 이미지를 극대화하기 위해 3D 영상을 노출하여
제품의 전문성을 시각화하여 전달 .
Canon 500D 주요 특징 및
외형 디자인 이미지 제공
Canon 500D 주요 특징 및
외형 디자인 이미지 제공
DSLR 의 다양한 기능들을 온라인 환경에서
간접 체험하고 , 실제 사진이 어떻게 보이
는 지 볼 수 있는 요소 제공 . DSLR 을 사
용하는 데 있어 기본적으로 알고 있어야
하는 지식 제공 .
DSLR 의 다양한 기능들을 온라인 환경에서
간접 체험하고 , 실제 사진이 어떻게 보이
는 지 볼 수 있는 요소 제공 . DSLR 을 사
용하는 데 있어 기본적으로 알고 있어야
하는 지식 제공 .
DSLR 의 공학적 느낌을 동영상을 통해 전
달 , 사전에 사이트에 대한 몰입도를 더하
기 위해 메인 페이지에서 뷰파인더를 통해
피사체를 보는 듯한 이미지를 시각화 .
DSLR 의 공학적 느낌을 동영상을 통해 전
달 , 사전에 사이트에 대한 몰입도를 더하
기 위해 메인 페이지에서 뷰파인더를 통해
피사체를 보는 듯한 이미지를 시각화 .
Gateway Page1
2
3 4 5
9. [Main Page]
카메라의 뷰파인더를 시각화하여 DSLR 을 온라인에서 체험한다는 전체적인 컨셉을 본 페
이지 열람 전에 경험할 수 있도록 제공 . 각 페이지 이동 시 셔터가 닫혔다 열리는 느낌으
로 시각화하여 , User 가 실제 뷰파인더를 통해 사진을 찍는 듯한 착각을 일으킬 수 있도록
유도 . 카메라는 ‘감동을 담는 기기’라는 키워드를 시각화하기 위해 화사한 문양을 사용하여
기존의 DSLR 이 가지고 있는 무거운 이미지를 탈피하고자 하였음 .
카메라 렌즈 접합부를 시각화하여 DSLR 에 친숙해질 수 있도록 유도 . Canon 500D 카메
라의 모든 제원을 말하기보다는 타사 제품과 차별화된 핵심가치만 분명히 전달하고 , 이러
한 핵심 제원을 시각화하여 직관적으로 이해할 수 있도록 시각화 .
[1st
Sub Page]
기존 SLR 의 경우 초점을 맞추기 위해서는 상 , 하 단절된 이미지를 렌즈조작으로 일치
시켜야 하는 기능적인 측면을 시각화 . 원하는 메뉴를 선택하면 초점이 맞춰지고 페이지
전체에 셔터가 닫혔다 열리는 시각화를 통해 페이지 이동 .
현재 페이지 위치를 알려주는 기능과 동시에 타 페이지로 바로 이동할 수 있는 네비게이
션 기능을 갖춘 버튼 제공 .
사이트 시안
10. [2nd
Sub Page]
DSLR 의 기능에 따라 사진
이 어떻게 촬영되는 지 실
제 보여줌으로써 직관적인
이해가 가능하도록 시각화 .
카메라의 작동 원리를 실제
결과물을 통해 볼 수 있는
요소 제공 .
DSLR 사용에 필요한 기
본 지식을 최대한 간단 명
료하게 설명 .
풍경 / 인물 / 접사 / 야
경 등과 같은 각 상황에 맞
는 모드와 결과물을 살펴볼
수 있도록 제공 .
DSLR 사용에 있어 기본
적으로 필요한 지식을 6 가
지로 분류하여 제공 .
22
11
33
1 2 3
카메라 LCD 창을 시각화하고 , DSLR 기능을 아이콘화하여 User 가 필요한 정보를 최대한
편리하게 접근할 수 있도록 제공 . DSLR 을 사용하기 위해서는 기능에 대한 이해가 필요하
기에 , 이에 대한 지식을 간단한 설명과 체험적 요소를 통해 습득할 수 있도록 제공 . 마
우스 휠을 사용하여 컨트롤할 수 있게 제공하여 DSLR 의 다이얼을 사용하는 것과 비슷한
느낌이 들 수 있도록 설계 . 실제 온라인에서 Canon 500D 의 여러 가지 기능을 사용해봄으
로써 DSLR 을 쉽게 사용하고 , Canon 제품에 대해 UX/UI 측면에서 추후 친숙함이 들 수 있
도록 Lock-In 효과 유도 .
각 명칭 및 기능에 대한 좀 더 자세한 정보를 알고 싶을 경우 해당 메뉴를 통해 세부적인
내용을 열람할 수 있도록 제공 .
[2nd Sub Page_ 세부정보 Page]
사이트 시안
11. 사이트 시안
[3rd
Page_1]
스토리텔링을 통해 User 들과 공감대를 형성하여 , Canon 500D 는 ‘일상의 감동을 담는 기
기’라는 메시지를 효과적으로 전달 . 스토리텔링 사이에 User 가 컨트롤할 수 있는 요소들
을 배치하여 높은 흥미와 몰입을 유도하고 , Canon 500D 의 UI 를 직접 체험해볼 수 있도록
제공하여 추후 Canon 500D 제품 사용 시 쉽게 기능을 익힐 수 있도록 유도 .
Canon 제품 이용 고객들이 본인의 사진과 관련된 사연들을 공유할 수 있는 플랫폼 제공
.
카메라는 단순히 사진을 찍는 기기가 아닌 ‘일상의 감동을 담는 기기’라는 메시지를 전달
하기 위해 , 사진과 관련된 다양한 사연들을 마이크로 사이트 내에서 공유할 수 있도록 제
공 .
[3rd Page_2]
타겟인 20 대가 공감할 수 있는 카메라에
관련된 대학생들의 에피소드 제공 .
스토리텔링 사이에 Canon 500D 제품의
UI 를 체험할 수 있는 요소 가미 .